amis-rev-ui 6.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (783) hide show
  1. package/LICENSE +201 -0
  2. package/esm/HTMLFilterContext.d.ts +3 -0
  3. package/esm/HTMLFilterContext.js +10 -0
  4. package/esm/components/404.js +35 -0
  5. package/esm/components/Alert.js +266 -0
  6. package/esm/components/Alert2.js +58 -0
  7. package/esm/components/AlphabetIndexer.d.ts +11 -0
  8. package/esm/components/AlphabetIndexer.js +48 -0
  9. package/esm/components/AnchorNav.js +153 -0
  10. package/esm/components/AnchorNavSection.d.ts +2 -0
  11. package/esm/components/AnchorNavSection.js +7 -0
  12. package/esm/components/ArrayInput.js +146 -0
  13. package/esm/components/AsideNav.js +133 -0
  14. package/esm/components/AssociatedSelection.js +107 -0
  15. package/esm/components/AutoFoldedList.js +124 -0
  16. package/esm/components/AutoSizer.d.ts +2 -0
  17. package/esm/components/AutoSizer.js +8 -0
  18. package/esm/components/Avatar.js +126 -0
  19. package/esm/components/Badge.d.ts +20 -0
  20. package/esm/components/Badge.js +154 -0
  21. package/esm/components/BaiduMapPicker.js +366 -0
  22. package/esm/components/BarCode.js +42 -0
  23. package/esm/components/Breadcrumb.js +160 -0
  24. package/esm/components/Button.js +64 -0
  25. package/esm/components/CalendarMobile.js +538 -0
  26. package/esm/components/Card.js +88 -0
  27. package/esm/components/Cascader.js +515 -0
  28. package/esm/components/ChainedDropdownSelection.js +104 -0
  29. package/esm/components/ChainedSelection.js +184 -0
  30. package/esm/components/Checkbox.js +87 -0
  31. package/esm/components/CityArea.js +190 -0
  32. package/esm/components/CityDB.d.ts +13 -0
  33. package/esm/components/CityDB.js +3942 -0
  34. package/esm/components/CodeMirror.d.ts +29 -0
  35. package/esm/components/CodeMirror.js +140 -0
  36. package/esm/components/Collapse.js +184 -0
  37. package/esm/components/CollapseGroup.js +117 -0
  38. package/esm/components/ColorPicker.js +259 -0
  39. package/esm/components/Combo.js +212 -0
  40. package/esm/components/ConditionBuilder.d.ts +2 -0
  41. package/esm/components/ConditionBuilder.js +7 -0
  42. package/esm/components/ConfirmBox.js +128 -0
  43. package/esm/components/ContextMenu.js +310 -0
  44. package/esm/components/DatePicker.js +716 -0
  45. package/esm/components/DateRangePicker.js +1385 -0
  46. package/esm/components/DiffEditor.d.ts +21 -0
  47. package/esm/components/DiffEditor.js +119 -0
  48. package/esm/components/DndContainer.js +25 -0
  49. package/esm/components/Drawer.js +272 -0
  50. package/esm/components/DropDownSelection.js +77 -0
  51. package/esm/components/DropdownContextMenus.js +93 -0
  52. package/esm/components/Editor.js +238 -0
  53. package/esm/components/Form.d.ts +31 -0
  54. package/esm/components/Form.js +84 -0
  55. package/esm/components/FormField.js +78 -0
  56. package/esm/components/FormulaPicker.d.ts +2 -0
  57. package/esm/components/FormulaPicker.js +7 -0
  58. package/esm/components/GaodeMapPicker.js +204 -0
  59. package/esm/components/GridNav.d.ts +53 -0
  60. package/esm/components/GridNav.js +125 -0
  61. package/esm/components/GridNavItem.d.ts +2 -0
  62. package/esm/components/GridNavItem.js +7 -0
  63. package/esm/components/GroupedSelection.js +138 -0
  64. package/esm/components/HeadCellDropDown.d.ts +2 -0
  65. package/esm/components/HeadCellDropDown.js +7 -0
  66. package/esm/components/HorizontalScroll.d.ts +74 -0
  67. package/esm/components/HorizontalScroll.js +271 -0
  68. package/esm/components/Html.js +55 -0
  69. package/esm/components/Icon.d.ts +2 -0
  70. package/esm/components/Icon.js +7 -0
  71. package/esm/components/ImageGallery.js +396 -0
  72. package/esm/components/Input.d.ts +18 -0
  73. package/esm/components/Input.js +75 -0
  74. package/esm/components/InputBox.js +99 -0
  75. package/esm/components/InputBoxWithSuggestion.js +70 -0
  76. package/esm/components/InputJSONSchema.d.ts +2 -0
  77. package/esm/components/InputJSONSchema.js +7 -0
  78. package/esm/components/InputTable.js +176 -0
  79. package/esm/components/JSONSchemaEditor.d.ts +2 -0
  80. package/esm/components/JSONSchemaEditor.js +7 -0
  81. package/esm/components/Layout.js +60 -0
  82. package/esm/components/Link.js +44 -0
  83. package/esm/components/ListGroup.js +31 -0
  84. package/esm/components/ListMenu.js +62 -0
  85. package/esm/components/LocationPicker.js +208 -0
  86. package/esm/components/Markdown.d.ts +25 -0
  87. package/esm/components/Markdown.js +70 -0
  88. package/esm/components/Menu.d.ts +2 -0
  89. package/esm/components/Menu.js +7 -0
  90. package/esm/components/MixedInput.js +88 -0
  91. package/esm/components/MobileDevTool.d.ts +12 -0
  92. package/esm/components/MobileDevTool.js +312 -0
  93. package/esm/components/Modal.js +261 -0
  94. package/esm/components/ModalManager.d.ts +16 -0
  95. package/esm/components/ModalManager.js +42 -0
  96. package/esm/components/MultilineText.js +90 -0
  97. package/esm/components/NumberInput.js +274 -0
  98. package/esm/components/OverflowTpl.js +100 -0
  99. package/esm/components/Pagination.js +377 -0
  100. package/esm/components/PdfViewer.js +83 -0
  101. package/esm/components/Picker.js +73 -0
  102. package/esm/components/PickerColumn.js +276 -0
  103. package/esm/components/PickerContainer.js +157 -0
  104. package/esm/components/PopOverContainer.d.ts +59 -0
  105. package/esm/components/PopOverContainer.js +148 -0
  106. package/esm/components/PopUp.js +85 -0
  107. package/esm/components/Progress.js +136 -0
  108. package/esm/components/PullRefresh.js +172 -0
  109. package/esm/components/Radios.js +129 -0
  110. package/esm/components/Range.js +516 -0
  111. package/esm/components/Rating.js +341 -0
  112. package/esm/components/ResultBox.js +195 -0
  113. package/esm/components/ResultList.js +253 -0
  114. package/esm/components/ResultTableList.js +152 -0
  115. package/esm/components/ResultTreeList.js +241 -0
  116. package/esm/components/RichText.d.ts +48 -0
  117. package/esm/components/RichText.js +271 -0
  118. package/esm/components/SearchBox.js +298 -0
  119. package/esm/components/Select.js +814 -0
  120. package/esm/components/SelectMobile.d.ts +38 -0
  121. package/esm/components/SelectMobile.js +369 -0
  122. package/esm/components/Selection.js +166 -0
  123. package/esm/components/Shape.js +429 -0
  124. package/esm/components/Signature.js +294 -0
  125. package/esm/components/Slider.js +140 -0
  126. package/esm/components/SparkLine.js +62 -0
  127. package/esm/components/Spinner.js +202 -0
  128. package/esm/components/Steps.js +76 -0
  129. package/esm/components/Switch.js +73 -0
  130. package/esm/components/Tab.d.ts +2 -0
  131. package/esm/components/Tab.js +7 -0
  132. package/esm/components/Table.d.ts +2 -0
  133. package/esm/components/Table.js +7 -0
  134. package/esm/components/TableSelection.js +169 -0
  135. package/esm/components/Tabs.js +607 -0
  136. package/esm/components/TabsTransfer.js +221 -0
  137. package/esm/components/TabsTransferPicker.js +81 -0
  138. package/esm/components/Tag.js +137 -0
  139. package/esm/components/Textarea.js +146 -0
  140. package/esm/components/Timeline.js +60 -0
  141. package/esm/components/TimelineItem.js +101 -0
  142. package/esm/components/Tinymce.d.ts +66 -0
  143. package/esm/components/Tinymce.js +634 -0
  144. package/esm/components/TitleBar.js +48 -0
  145. package/esm/components/Toast.js +247 -0
  146. package/esm/components/Tooltip.js +36 -0
  147. package/esm/components/TooltipWrapper.js +180 -0
  148. package/esm/components/Transfer.js +485 -0
  149. package/esm/components/TransferDropDown.js +98 -0
  150. package/esm/components/TransferPicker.js +98 -0
  151. package/esm/components/TransferSearch.js +100 -0
  152. package/esm/components/Tree.js +1256 -0
  153. package/esm/components/TreeSelection.js +201 -0
  154. package/esm/components/UserSelect.js +674 -0
  155. package/esm/components/UserTabSelect.js +227 -0
  156. package/esm/components/VerificationCode.js +172 -0
  157. package/esm/components/VirtualList.d.ts +2 -0
  158. package/esm/components/VirtualList.js +7 -0
  159. package/esm/components/WithRemoteConfig.d.ts +70 -0
  160. package/esm/components/WithRemoteConfig.js +301 -0
  161. package/esm/components/WithStore.d.ts +13 -0
  162. package/esm/components/WithStore.js +48 -0
  163. package/esm/components/calendar/Calendar.d.ts +83 -0
  164. package/esm/components/calendar/Calendar.js +529 -0
  165. package/esm/components/calendar/CalendarContainer.d.ts +10 -0
  166. package/esm/components/calendar/CalendarContainer.js +27 -0
  167. package/esm/components/calendar/DaysView.js +528 -0
  168. package/esm/components/calendar/MonthsView.js +175 -0
  169. package/esm/components/calendar/QuartersView.js +125 -0
  170. package/esm/components/calendar/TimeView.js +559 -0
  171. package/esm/components/calendar/YearsView.js +122 -0
  172. package/esm/components/condition-builder/Expression.js +121 -0
  173. package/esm/components/condition-builder/Field.js +32 -0
  174. package/esm/components/condition-builder/Func.js +75 -0
  175. package/esm/components/condition-builder/Group.js +196 -0
  176. package/esm/components/condition-builder/GroupOrItem.js +107 -0
  177. package/esm/components/condition-builder/InputSwitch.js +28 -0
  178. package/esm/components/condition-builder/Item.js +233 -0
  179. package/esm/components/condition-builder/Value.js +115 -0
  180. package/esm/components/condition-builder/config.d.ts +36 -0
  181. package/esm/components/condition-builder/config.js +120 -0
  182. package/esm/components/condition-builder/index.js +242 -0
  183. package/esm/components/condition-builder/types.d.ts +116 -0
  184. package/esm/components/formula/CodeEditor.js +99 -0
  185. package/esm/components/formula/Editor.js +446 -0
  186. package/esm/components/formula/FuncList.js +64 -0
  187. package/esm/components/formula/Input.js +141 -0
  188. package/esm/components/formula/Picker.js +454 -0
  189. package/esm/components/formula/VariableList.js +185 -0
  190. package/esm/components/formula/plugin.d.ts +51 -0
  191. package/esm/components/formula/plugin.js +445 -0
  192. package/esm/components/icons.d.ts +61 -0
  193. package/esm/components/icons.js +458 -0
  194. package/esm/components/index.d.ts +138 -0
  195. package/esm/components/json-schema/Array.d.ts +3 -0
  196. package/esm/components/json-schema/Array.js +129 -0
  197. package/esm/components/json-schema/Item.d.ts +5 -0
  198. package/esm/components/json-schema/Item.js +63 -0
  199. package/esm/components/json-schema/Object.d.ts +5 -0
  200. package/esm/components/json-schema/Object.js +272 -0
  201. package/esm/components/json-schema/index.js +29 -0
  202. package/esm/components/menu/MenuContext.d.ts +82 -0
  203. package/esm/components/menu/MenuContext.js +25 -0
  204. package/esm/components/menu/MenuItem.js +112 -0
  205. package/esm/components/menu/PanelMenu.js +68 -0
  206. package/esm/components/menu/SubMenu.js +137 -0
  207. package/esm/components/menu/index.js +368 -0
  208. package/esm/components/schema-editor/Array.d.ts +11 -0
  209. package/esm/components/schema-editor/Array.js +84 -0
  210. package/esm/components/schema-editor/Common.d.ts +61 -0
  211. package/esm/components/schema-editor/Common.js +162 -0
  212. package/esm/components/schema-editor/Item.d.ts +8 -0
  213. package/esm/components/schema-editor/Item.js +24 -0
  214. package/esm/components/schema-editor/Object.d.ts +51 -0
  215. package/esm/components/schema-editor/Object.js +294 -0
  216. package/esm/components/schema-editor/SchemaVariableList.js +74 -0
  217. package/esm/components/schema-editor/SchemaVariableListPicker.js +34 -0
  218. package/esm/components/schema-editor/index.js +122 -0
  219. package/esm/components/table/Cell.d.ts +36 -0
  220. package/esm/components/table/Cell.js +43 -0
  221. package/esm/components/table/ColGroup.d.ts +24 -0
  222. package/esm/components/table/ColGroup.js +77 -0
  223. package/esm/components/table/Head.d.ts +45 -0
  224. package/esm/components/table/Head.js +150 -0
  225. package/esm/components/table/HeadCellDropDown.js +54 -0
  226. package/esm/components/table/HeadCellFilter.js +130 -0
  227. package/esm/components/table/HeadCellSelect.js +51 -0
  228. package/esm/components/table/HeadCellSort.js +88 -0
  229. package/esm/components/table/ItemActionsWrapper.d.ts +10 -0
  230. package/esm/components/table/ItemActionsWrapper.js +29 -0
  231. package/esm/components/table/Row.d.ts +56 -0
  232. package/esm/components/table/Row.js +224 -0
  233. package/esm/components/table/SummaryRow.d.ts +28 -0
  234. package/esm/components/table/SummaryRow.js +73 -0
  235. package/esm/components/table/index.js +1095 -0
  236. package/esm/components/table/util.d.ts +25 -0
  237. package/esm/components/table/util.js +279 -0
  238. package/esm/components/virtual-list/AutoSizer.d.ts +19 -0
  239. package/esm/components/virtual-list/AutoSizer.js +48 -0
  240. package/esm/components/virtual-list/SizeAndPositionManager.d.ts +70 -0
  241. package/esm/components/virtual-list/SizeAndPositionManager.js +216 -0
  242. package/esm/components/virtual-list/constants.d.ts +34 -0
  243. package/esm/components/virtual-list/constants.js +45 -0
  244. package/esm/components/virtual-list/index.d.ts +98 -0
  245. package/esm/components/virtual-list/index.js +288 -0
  246. package/esm/components/withBadge.d.ts +2 -0
  247. package/esm/components/withBadge.js +7 -0
  248. package/esm/hooks/index.d.ts +8 -0
  249. package/esm/hooks/use-click-away.d.ts +12 -0
  250. package/esm/hooks/use-click-away.js +55 -0
  251. package/esm/hooks/use-on-screen.d.ts +2 -0
  252. package/esm/hooks/use-on-screen.js +28 -0
  253. package/esm/hooks/use-set-state.d.ts +2 -0
  254. package/esm/hooks/use-set-state.js +19 -0
  255. package/esm/hooks/use-sub-form.d.ts +4 -0
  256. package/esm/hooks/use-sub-form.js +39 -0
  257. package/esm/hooks/use-touch.d.ts +16 -0
  258. package/esm/hooks/use-touch.js +77 -0
  259. package/esm/hooks/use-update-effect.d.ts +3 -0
  260. package/esm/hooks/use-update-effect.js +21 -0
  261. package/esm/hooks/use-validation-resolver.d.ts +7 -0
  262. package/esm/hooks/use-validation-resolver.js +115 -0
  263. package/esm/icons/alert-danger.svg.js +22 -0
  264. package/esm/icons/alert-info.svg.js +22 -0
  265. package/esm/icons/alert-success.svg.js +22 -0
  266. package/esm/icons/alert-warning.svg.js +22 -0
  267. package/esm/icons/arrow-double-left.svg.js +24 -0
  268. package/esm/icons/arrow-double-right.svg.js +24 -0
  269. package/esm/icons/back.svg.js +21 -0
  270. package/esm/icons/calendar.svg.js +31 -0
  271. package/esm/icons/caret.svg.js +21 -0
  272. package/esm/icons/check.svg.js +21 -0
  273. package/esm/icons/clock.svg.js +29 -0
  274. package/esm/icons/close-small.svg.js +24 -0
  275. package/esm/icons/close.svg.js +21 -0
  276. package/esm/icons/cloud-upload.svg.js +22 -0
  277. package/esm/icons/column-filter.svg.js +22 -0
  278. package/esm/icons/columns.svg.js +21 -0
  279. package/esm/icons/compress-alt.svg.js +21 -0
  280. package/esm/icons/copy.svg.js +26 -0
  281. package/esm/icons/date.svg.js +26 -0
  282. package/esm/icons/department.svg.js +52 -0
  283. package/esm/icons/desk-empty.svg.js +73 -0
  284. package/esm/icons/dot.svg.js +36 -0
  285. package/esm/icons/down-arrow-bold.svg.js +22 -0
  286. package/esm/icons/down.svg.js +23 -0
  287. package/esm/icons/download.svg.js +24 -0
  288. package/esm/icons/drag-bar.svg.js +53 -0
  289. package/esm/icons/drag.svg.js +22 -0
  290. package/esm/icons/edit.svg.js +21 -0
  291. package/esm/icons/ellipsis-v.svg.js +21 -0
  292. package/esm/icons/enter.svg.js +20 -0
  293. package/esm/icons/exchange.svg.js +21 -0
  294. package/esm/icons/expand-alt.svg.js +21 -0
  295. package/esm/icons/fail.svg.js +31 -0
  296. package/esm/icons/file.svg.js +22 -0
  297. package/esm/icons/filter.svg.js +21 -0
  298. package/esm/icons/folder.svg.js +24 -0
  299. package/esm/icons/fullscreen.svg.js +21 -0
  300. package/esm/icons/function.svg.js +21 -0
  301. package/esm/icons/home.svg.js +21 -0
  302. package/esm/icons/if.svg.js +21 -0
  303. package/esm/icons/image.svg.js +20 -0
  304. package/esm/icons/info-circle.svg.js +21 -0
  305. package/esm/icons/info.svg.js +27 -0
  306. package/esm/icons/input-clear.svg.js +20 -0
  307. package/esm/icons/invisible.svg.js +22 -0
  308. package/esm/icons/left-arrow.svg.js +23 -0
  309. package/esm/icons/loading-outline.svg.js +21 -0
  310. package/esm/icons/location.svg.js +20 -0
  311. package/esm/icons/menu.svg.js +20 -0
  312. package/esm/icons/minus.svg.js +21 -0
  313. package/esm/icons/move.svg.js +22 -0
  314. package/esm/icons/mute.svg.js +21 -0
  315. package/esm/icons/new-edit.svg.js +22 -0
  316. package/esm/icons/pause.svg.js +21 -0
  317. package/esm/icons/pencil.svg.js +21 -0
  318. package/esm/icons/play.svg.js +20 -0
  319. package/esm/icons/plus-cicle.svg.js +20 -0
  320. package/esm/icons/plus-fine.svg.js +21 -0
  321. package/esm/icons/plus.svg.js +21 -0
  322. package/esm/icons/post.svg.js +48 -0
  323. package/esm/icons/question-mark.svg.js +26 -0
  324. package/esm/icons/question.svg.js +21 -0
  325. package/esm/icons/question2.svg.js +34 -0
  326. package/esm/icons/redo.svg.js +21 -0
  327. package/esm/icons/refresh.svg.js +21 -0
  328. package/esm/icons/reload.svg.js +21 -0
  329. package/esm/icons/remove.svg.js +21 -0
  330. package/esm/icons/retry.svg.js +24 -0
  331. package/esm/icons/right-arrow-bold.svg.js +21 -0
  332. package/esm/icons/right-arrow.svg.js +23 -0
  333. package/esm/icons/right-double-arrow.svg.js +22 -0
  334. package/esm/icons/role.svg.js +43 -0
  335. package/esm/icons/rotate-left.svg.js +22 -0
  336. package/esm/icons/rotate-right.svg.js +22 -0
  337. package/esm/icons/rotate-screen.svg.js +21 -0
  338. package/esm/icons/scale-origin.svg.js +24 -0
  339. package/esm/icons/schedule.svg.js +24 -0
  340. package/esm/icons/search.svg.js +21 -0
  341. package/esm/icons/setting.svg.js +21 -0
  342. package/esm/icons/slider-handle-icon.svg.js +22 -0
  343. package/esm/icons/sort-asc.svg.js +21 -0
  344. package/esm/icons/sort-default.svg.js +21 -0
  345. package/esm/icons/sort-desc.svg.js +21 -0
  346. package/esm/icons/star.svg.js +21 -0
  347. package/esm/icons/status-close.svg.js +23 -0
  348. package/esm/icons/steps-finsh.svg.js +22 -0
  349. package/esm/icons/sub-plus.svg.js +20 -0
  350. package/esm/icons/success.svg.js +29 -0
  351. package/esm/icons/transparent.svg.js +38 -0
  352. package/esm/icons/trash.svg.js +22 -0
  353. package/esm/icons/tree-down.svg.js +21 -0
  354. package/esm/icons/undo-normal.svg.js +25 -0
  355. package/esm/icons/undo.svg.js +21 -0
  356. package/esm/icons/unfullscreen.svg.js +21 -0
  357. package/esm/icons/upload.svg.js +21 -0
  358. package/esm/icons/user-remove.svg.js +33 -0
  359. package/esm/icons/view.svg.js +22 -0
  360. package/esm/icons/volume.svg.js +24 -0
  361. package/esm/icons/warning-mark.svg.js +22 -0
  362. package/esm/icons/warning.svg.js +21 -0
  363. package/esm/icons/window-restore.svg.js +21 -0
  364. package/esm/icons/zoom-in.svg.js +21 -0
  365. package/esm/icons/zoom-out.svg.js +21 -0
  366. package/esm/index.d.ts +16 -0
  367. package/esm/index.js +157 -0
  368. package/esm/locale/de-DE.d.ts +1 -0
  369. package/esm/locale/de-DE.js +423 -0
  370. package/esm/locale/en-US.d.ts +1 -0
  371. package/esm/locale/en-US.js +429 -0
  372. package/esm/locale/zh-CN.d.ts +1 -0
  373. package/esm/locale/zh-CN.js +438 -0
  374. package/esm/themes/ang.d.ts +3 -0
  375. package/esm/themes/ang.js +15 -0
  376. package/esm/themes/antd.d.ts +1 -0
  377. package/esm/themes/antd.js +42 -0
  378. package/esm/themes/cxd.d.ts +3 -0
  379. package/esm/themes/cxd.js +455 -0
  380. package/esm/themes/dark.d.ts +3 -0
  381. package/esm/themes/dark.js +23 -0
  382. package/esm/themes/default.d.ts +4 -0
  383. package/esm/utils/index.d.ts +2 -0
  384. package/esm/utils/smoothSignature.d.ts +86 -0
  385. package/esm/utils/vectorComputed.d.ts +20 -0
  386. package/esm/utils/vectorComputed.js +75 -0
  387. package/esm/withRemoteConfig.d.ts +2 -0
  388. package/esm/withRemoteConfig.js +7 -0
  389. package/esm/withStore.d.ts +2 -0
  390. package/esm/withStore.js +7 -0
  391. package/lib/HTMLFilterContext.d.ts +3 -0
  392. package/lib/components/AlphabetIndexer.d.ts +11 -0
  393. package/lib/components/AnchorNavSection.d.ts +2 -0
  394. package/lib/components/AutoSizer.d.ts +2 -0
  395. package/lib/components/Badge.d.ts +20 -0
  396. package/lib/components/BarCode.js +44 -0
  397. package/lib/components/CityDB.d.ts +13 -0
  398. package/lib/components/CityDB.js +3945 -0
  399. package/lib/components/CodeMirror.d.ts +29 -0
  400. package/lib/components/ColorPicker.js +267 -0
  401. package/lib/components/ConditionBuilder.d.ts +2 -0
  402. package/lib/components/DiffEditor.d.ts +21 -0
  403. package/lib/components/Form.d.ts +31 -0
  404. package/lib/components/FormulaPicker.d.ts +2 -0
  405. package/lib/components/GridNav.d.ts +53 -0
  406. package/lib/components/GridNavItem.d.ts +2 -0
  407. package/lib/components/HeadCellDropDown.d.ts +2 -0
  408. package/lib/components/HorizontalScroll.d.ts +74 -0
  409. package/lib/components/Icon.d.ts +2 -0
  410. package/lib/components/Input.d.ts +18 -0
  411. package/lib/components/InputJSONSchema.d.ts +2 -0
  412. package/lib/components/JSONSchemaEditor.d.ts +2 -0
  413. package/lib/components/Markdown.d.ts +25 -0
  414. package/lib/components/Markdown.js +76 -0
  415. package/lib/components/Menu.d.ts +2 -0
  416. package/lib/components/MobileDevTool.d.ts +12 -0
  417. package/lib/components/ModalManager.d.ts +16 -0
  418. package/lib/components/PdfViewer.js +83 -0
  419. package/lib/components/PopOverContainer.d.ts +59 -0
  420. package/lib/components/RichText.d.ts +48 -0
  421. package/lib/components/RichText.js +275 -0
  422. package/lib/components/SelectMobile.d.ts +38 -0
  423. package/lib/components/Tab.d.ts +2 -0
  424. package/lib/components/Table.d.ts +2 -0
  425. package/lib/components/Tinymce.d.ts +66 -0
  426. package/lib/components/Tinymce.js +641 -0
  427. package/lib/components/VirtualList.d.ts +2 -0
  428. package/lib/components/WithRemoteConfig.d.ts +70 -0
  429. package/lib/components/WithStore.d.ts +13 -0
  430. package/lib/components/calendar/Calendar.d.ts +83 -0
  431. package/lib/components/calendar/CalendarContainer.d.ts +10 -0
  432. package/lib/components/condition-builder/config.d.ts +36 -0
  433. package/lib/components/condition-builder/types.d.ts +116 -0
  434. package/lib/components/formula/plugin.d.ts +51 -0
  435. package/lib/components/icons.d.ts +61 -0
  436. package/lib/components/index.d.ts +138 -0
  437. package/lib/components/json-schema/Array.d.ts +3 -0
  438. package/lib/components/json-schema/Item.d.ts +5 -0
  439. package/lib/components/json-schema/Object.d.ts +5 -0
  440. package/lib/components/menu/MenuContext.d.ts +82 -0
  441. package/lib/components/schema-editor/Array.d.ts +11 -0
  442. package/lib/components/schema-editor/Common.d.ts +61 -0
  443. package/lib/components/schema-editor/Item.d.ts +8 -0
  444. package/lib/components/schema-editor/Object.d.ts +51 -0
  445. package/lib/components/table/Cell.d.ts +36 -0
  446. package/lib/components/table/ColGroup.d.ts +24 -0
  447. package/lib/components/table/Head.d.ts +45 -0
  448. package/lib/components/table/ItemActionsWrapper.d.ts +10 -0
  449. package/lib/components/table/Row.d.ts +56 -0
  450. package/lib/components/table/SummaryRow.d.ts +28 -0
  451. package/lib/components/table/util.d.ts +25 -0
  452. package/lib/components/virtual-list/AutoSizer.d.ts +19 -0
  453. package/lib/components/virtual-list/SizeAndPositionManager.d.ts +70 -0
  454. package/lib/components/virtual-list/constants.d.ts +34 -0
  455. package/lib/components/virtual-list/index.d.ts +98 -0
  456. package/lib/components/withBadge.d.ts +2 -0
  457. package/lib/helper.css +47762 -0
  458. package/lib/hooks/index.d.ts +8 -0
  459. package/lib/hooks/use-click-away.d.ts +12 -0
  460. package/lib/hooks/use-on-screen.d.ts +2 -0
  461. package/lib/hooks/use-set-state.d.ts +2 -0
  462. package/lib/hooks/use-sub-form.d.ts +4 -0
  463. package/lib/hooks/use-touch.d.ts +16 -0
  464. package/lib/hooks/use-update-effect.d.ts +3 -0
  465. package/lib/hooks/use-validation-resolver.d.ts +7 -0
  466. package/lib/index.d.ts +16 -0
  467. package/lib/index.js +28 -0
  468. package/lib/locale/de-DE.d.ts +1 -0
  469. package/lib/locale/en-US.d.ts +1 -0
  470. package/lib/locale/zh-CN.d.ts +1 -0
  471. package/lib/scss/helper.scss.js +12 -0
  472. package/lib/scss/themes/ang.scss.js +12 -0
  473. package/lib/scss/themes/antd.scss.js +12 -0
  474. package/lib/scss/themes/cxd.scss.js +12 -0
  475. package/lib/scss/themes/dark.scss.js +12 -0
  476. package/lib/scss/themes/default.scss.js +12 -0
  477. package/lib/themes/ang.css +45895 -0
  478. package/lib/themes/ang.d.ts +3 -0
  479. package/lib/themes/antd.css +45882 -0
  480. package/lib/themes/antd.d.ts +1 -0
  481. package/lib/themes/cxd.css +45871 -0
  482. package/lib/themes/cxd.d.ts +3 -0
  483. package/lib/themes/dark.css +45902 -0
  484. package/lib/themes/dark.d.ts +3 -0
  485. package/lib/themes/default.css +45871 -0
  486. package/lib/themes/default.d.ts +4 -0
  487. package/lib/utils/index.d.ts +2 -0
  488. package/lib/utils/smoothSignature.d.ts +86 -0
  489. package/lib/utils/vectorComputed.d.ts +20 -0
  490. package/lib/withRemoteConfig.d.ts +2 -0
  491. package/lib/withStore.d.ts +2 -0
  492. package/package.json +158 -0
  493. package/scss/README.md +9 -0
  494. package/scss/_components.scss +4346 -0
  495. package/scss/_functions.scss +137 -0
  496. package/scss/_mixins.scss +805 -0
  497. package/scss/_properties.scss +898 -0
  498. package/scss/_thirds.scss +12 -0
  499. package/scss/_utilities.scss +1757 -0
  500. package/scss/_variables.scss +439 -0
  501. package/scss/base/_animate.scss +84 -0
  502. package/scss/base/_common.scss +19 -0
  503. package/scss/base/_normalize.scss +376 -0
  504. package/scss/base/_reset.scss +18 -0
  505. package/scss/base/_typography.scss +79 -0
  506. package/scss/components/_alert.scss +123 -0
  507. package/scss/components/_anchor-nav.scss +158 -0
  508. package/scss/components/_app.scss +46 -0
  509. package/scss/components/_array-input.scss +107 -0
  510. package/scss/components/_audio.scss +146 -0
  511. package/scss/components/_auto-folder.scss +40 -0
  512. package/scss/components/_avatar.scss +55 -0
  513. package/scss/components/_badge.scss +145 -0
  514. package/scss/components/_barcode.scss +6 -0
  515. package/scss/components/_breadcrumb.scss +110 -0
  516. package/scss/components/_button-group.scss +165 -0
  517. package/scss/components/_button.scss +871 -0
  518. package/scss/components/_calendar.scss +442 -0
  519. package/scss/components/_card.scss +389 -0
  520. package/scss/components/_card2.scss +28 -0
  521. package/scss/components/_cards.scss +221 -0
  522. package/scss/components/_carousel.scss +292 -0
  523. package/scss/components/_cascader.scss +157 -0
  524. package/scss/components/_chart.scss +22 -0
  525. package/scss/components/_city-area.scss +37 -0
  526. package/scss/components/_code.scss +10 -0
  527. package/scss/components/_collapse-group.scss +83 -0
  528. package/scss/components/_collapse.scss +245 -0
  529. package/scss/components/_color.scss +17 -0
  530. package/scss/components/_column-toggler.scss +261 -0
  531. package/scss/components/_condition-builder.scss +521 -0
  532. package/scss/components/_context-menu.scss +204 -0
  533. package/scss/components/_copyable.scss +10 -0
  534. package/scss/components/_crud.scss +195 -0
  535. package/scss/components/_crud2.scss +345 -0
  536. package/scss/components/_debug.scss +259 -0
  537. package/scss/components/_divider.scss +81 -0
  538. package/scss/components/_drawer.scss +393 -0
  539. package/scss/components/_dropdown-context-menus.scss +27 -0
  540. package/scss/components/_dropdown.scss +159 -0
  541. package/scss/components/_each.scss +7 -0
  542. package/scss/components/_formula.scss +723 -0
  543. package/scss/components/_grid-nav.scss +128 -0
  544. package/scss/components/_horizontal-scroll.scss +51 -0
  545. package/scss/components/_icon.scss +4 -0
  546. package/scss/components/_image-gallery.scss +331 -0
  547. package/scss/components/_images.scss +650 -0
  548. package/scss/components/_input-box.scss +111 -0
  549. package/scss/components/_json-schema-editor.scss +149 -0
  550. package/scss/components/_json-schema.scss +166 -0
  551. package/scss/components/_json.scss +7 -0
  552. package/scss/components/_link.scss +22 -0
  553. package/scss/components/_list-menu.scss +114 -0
  554. package/scss/components/_list.scss +313 -0
  555. package/scss/components/_log.scss +169 -0
  556. package/scss/components/_mapping.scss +6 -0
  557. package/scss/components/_markdown.scss +266 -0
  558. package/scss/components/_menu.scss +795 -0
  559. package/scss/components/_mobile-dev-tool.scss +175 -0
  560. package/scss/components/_modal.scss +282 -0
  561. package/scss/components/_multiline-text.scss +20 -0
  562. package/scss/components/_nav.scss +45 -0
  563. package/scss/components/_overflow-tpl.scss +5 -0
  564. package/scss/components/_page.scss +198 -0
  565. package/scss/components/_pagination.scss +403 -0
  566. package/scss/components/_panel.scss +263 -0
  567. package/scss/components/_pdf_viewer.scss +47 -0
  568. package/scss/components/_picker-columns.scss +140 -0
  569. package/scss/components/_popover.scss +54 -0
  570. package/scss/components/_popoverable.scss +100 -0
  571. package/scss/components/_popup.scss +171 -0
  572. package/scss/components/_portlet.scss +51 -0
  573. package/scss/components/_print.scss +13 -0
  574. package/scss/components/_progress.scss +165 -0
  575. package/scss/components/_property.scss +47 -0
  576. package/scss/components/_pull-refresh.scss +30 -0
  577. package/scss/components/_quick-edit.scss +53 -0
  578. package/scss/components/_remark.scss +58 -0
  579. package/scss/components/_result-box.scss +380 -0
  580. package/scss/components/_search-box.scss +267 -0
  581. package/scss/components/_service.scss +3 -0
  582. package/scss/components/_shape.scss +19 -0
  583. package/scss/components/_signature.scss +98 -0
  584. package/scss/components/_slider.scss +27 -0
  585. package/scss/components/_sparkline.scss +18 -0
  586. package/scss/components/_spinner.scss +214 -0
  587. package/scss/components/_status.scss +118 -0
  588. package/scss/components/_steps.scss +481 -0
  589. package/scss/components/_table.scss +1234 -0
  590. package/scss/components/_table2.scss +1066 -0
  591. package/scss/components/_tabs.scss +1410 -0
  592. package/scss/components/_tag.scss +191 -0
  593. package/scss/components/_timeline.scss +572 -0
  594. package/scss/components/_toast.scss +342 -0
  595. package/scss/components/_tooltip.scss +340 -0
  596. package/scss/components/_tpl.scss +51 -0
  597. package/scss/components/_verificationCode.scss +33 -0
  598. package/scss/components/_video.scss +38 -0
  599. package/scss/components/_wizard.scss +287 -0
  600. package/scss/components/_wrapper.scss +26 -0
  601. package/scss/components/form/_chained-select.scss +10 -0
  602. package/scss/components/form/_checks.scss +433 -0
  603. package/scss/components/form/_city.scss +33 -0
  604. package/scss/components/form/_color.scss +148 -0
  605. package/scss/components/form/_combo.scss +360 -0
  606. package/scss/components/form/_date-range.scss +332 -0
  607. package/scss/components/form/_date.scss +807 -0
  608. package/scss/components/form/_editor.scss +139 -0
  609. package/scss/components/form/_excel.scss +150 -0
  610. package/scss/components/form/_fieldset.scss +202 -0
  611. package/scss/components/form/_file.scss +308 -0
  612. package/scss/components/form/_form.scss +936 -0
  613. package/scss/components/form/_group.scss +116 -0
  614. package/scss/components/form/_icon-picker.scss +113 -0
  615. package/scss/components/form/_icon-select.scss +245 -0
  616. package/scss/components/form/_image.scss +359 -0
  617. package/scss/components/form/_input-group.scss +213 -0
  618. package/scss/components/form/_input-table.scss +17 -0
  619. package/scss/components/form/_list.scss +225 -0
  620. package/scss/components/form/_location.scss +210 -0
  621. package/scss/components/form/_matrix.scss +7 -0
  622. package/scss/components/form/_nested-select.scss +149 -0
  623. package/scss/components/form/_number.scss +633 -0
  624. package/scss/components/form/_picker.scss +237 -0
  625. package/scss/components/form/_qr-code.scss +4 -0
  626. package/scss/components/form/_range.scss +438 -0
  627. package/scss/components/form/_rating.scss +94 -0
  628. package/scss/components/form/_repeat.scss +40 -0
  629. package/scss/components/form/_result-list.scss +98 -0
  630. package/scss/components/form/_rich-text.scss +163 -0
  631. package/scss/components/form/_select.scss +712 -0
  632. package/scss/components/form/_selection.scss +485 -0
  633. package/scss/components/form/_sub-form.scss +118 -0
  634. package/scss/components/form/_switch.scss +228 -0
  635. package/scss/components/form/_tag.scss +146 -0
  636. package/scss/components/form/_text.scss +508 -0
  637. package/scss/components/form/_textarea.scss +78 -0
  638. package/scss/components/form/_tinymce.scss +6 -0
  639. package/scss/components/form/_transfer.scss +624 -0
  640. package/scss/components/form/_tree-select.scss +47 -0
  641. package/scss/components/form/_tree.scss +458 -0
  642. package/scss/components/form/_user-select.scss +643 -0
  643. package/scss/components/react-datetime.scss +267 -0
  644. package/scss/helper/background/_background-color.md +131 -0
  645. package/scss/helper/background/_background-color.scss +214 -0
  646. package/scss/helper/border/_border-color.md +109 -0
  647. package/scss/helper/border/_border-color.scss +178 -0
  648. package/scss/helper/border/_border-radius.md +86 -0
  649. package/scss/helper/border/_border-radius.scss +152 -0
  650. package/scss/helper/border/_border-style.md +11 -0
  651. package/scss/helper/border/_border-style.scss +40 -0
  652. package/scss/helper/border/_border-width.md +31 -0
  653. package/scss/helper/border/_border-width.scss +72 -0
  654. package/scss/helper/box-alignment/_align-content.md +12 -0
  655. package/scss/helper/box-alignment/_align-content.scss +44 -0
  656. package/scss/helper/box-alignment/_align-items.md +11 -0
  657. package/scss/helper/box-alignment/_align-items.scss +41 -0
  658. package/scss/helper/box-alignment/_align-self.md +11 -0
  659. package/scss/helper/box-alignment/_align-self.scss +40 -0
  660. package/scss/helper/box-alignment/_justify-content.md +12 -0
  661. package/scss/helper/box-alignment/_justify-content.scss +44 -0
  662. package/scss/helper/box-alignment/_justify-items.md +11 -0
  663. package/scss/helper/box-alignment/_justify-items.scss +40 -0
  664. package/scss/helper/box-alignment/_justify-self.md +11 -0
  665. package/scss/helper/box-alignment/_justify-self.scss +40 -0
  666. package/scss/helper/box-alignment/_place-content.md +13 -0
  667. package/scss/helper/box-alignment/_place-content.scss +48 -0
  668. package/scss/helper/box-alignment/_place-items.md +11 -0
  669. package/scss/helper/box-alignment/_place-items.scss +40 -0
  670. package/scss/helper/box-alignment/_place-self.md +11 -0
  671. package/scss/helper/box-alignment/_place-self.scss +40 -0
  672. package/scss/helper/effect/_box-shadow.md +16 -0
  673. package/scss/helper/effect/_box-shadow.scss +74 -0
  674. package/scss/helper/effect/_opacity.md +21 -0
  675. package/scss/helper/effect/_opacity.scss +66 -0
  676. package/scss/helper/flex/_direction.md +10 -0
  677. package/scss/helper/flex/_direction.scss +41 -0
  678. package/scss/helper/flex/_flex.md +10 -0
  679. package/scss/helper/flex/_flex.scss +38 -0
  680. package/scss/helper/flex/_grow.md +8 -0
  681. package/scss/helper/flex/_grow.scss +28 -0
  682. package/scss/helper/flex/_order.md +20 -0
  683. package/scss/helper/flex/_order.scss +56 -0
  684. package/scss/helper/flex/_shrink.md +8 -0
  685. package/scss/helper/flex/_shrink.scss +27 -0
  686. package/scss/helper/flex/_wrap.md +9 -0
  687. package/scss/helper/flex/_wrap.scss +36 -0
  688. package/scss/helper/grid/_auto-columns.md +10 -0
  689. package/scss/helper/grid/_auto-columns.scss +38 -0
  690. package/scss/helper/grid/_auto-flow.md +10 -0
  691. package/scss/helper/grid/_auto-flow.scss +38 -0
  692. package/scss/helper/grid/_auto-rows.md +10 -0
  693. package/scss/helper/grid/_auto-rows.scss +38 -0
  694. package/scss/helper/grid/_column-start-end.md +48 -0
  695. package/scss/helper/grid/_column-start-end.scss +201 -0
  696. package/scss/helper/grid/_columns.md +19 -0
  697. package/scss/helper/grid/_columns.scss +74 -0
  698. package/scss/helper/grid/_gap.md +117 -0
  699. package/scss/helper/grid/_gap.scss +154 -0
  700. package/scss/helper/grid/_row-start-end.md +48 -0
  701. package/scss/helper/grid/_row-start-end.scss +201 -0
  702. package/scss/helper/grid/_rows.md +13 -0
  703. package/scss/helper/grid/_rows.scss +50 -0
  704. package/scss/helper/layout/_box-sizing.md +35 -0
  705. package/scss/helper/layout/_box-sizing.scss +51 -0
  706. package/scss/helper/layout/_clear.md +27 -0
  707. package/scss/helper/layout/_clear.scss +56 -0
  708. package/scss/helper/layout/_display.md +41 -0
  709. package/scss/helper/layout/_display.scss +82 -0
  710. package/scss/helper/layout/_float.md +47 -0
  711. package/scss/helper/layout/_float.scss +71 -0
  712. package/scss/helper/layout/_overflow.md +34 -0
  713. package/scss/helper/layout/_overflow.scss +85 -0
  714. package/scss/helper/layout/_position.md +27 -0
  715. package/scss/helper/layout/_position.scss +55 -0
  716. package/scss/helper/layout/_top-right-bottom-left.md +150 -0
  717. package/scss/helper/layout/_top-right-bottom-left.scss +292 -0
  718. package/scss/helper/layout/_visibility.md +21 -0
  719. package/scss/helper/layout/_visibility.scss +42 -0
  720. package/scss/helper/layout/_z-index.md +37 -0
  721. package/scss/helper/layout/_z-index.scss +67 -0
  722. package/scss/helper/sizing/_height.md +103 -0
  723. package/scss/helper/sizing/_height.scss +161 -0
  724. package/scss/helper/sizing/_width.md +109 -0
  725. package/scss/helper/sizing/_width.scss +174 -0
  726. package/scss/helper/spacing/_margin.md +527 -0
  727. package/scss/helper/spacing/_margin.scss +821 -0
  728. package/scss/helper/spacing/_padding.md +265 -0
  729. package/scss/helper/spacing/_padding.scss +394 -0
  730. package/scss/helper/spacing/_space-between.md +155 -0
  731. package/scss/helper/spacing/_space-between.scss +224 -0
  732. package/scss/helper/typography/_font-family.md +9 -0
  733. package/scss/helper/typography/_font-family.scss +28 -0
  734. package/scss/helper/typography/_font-size.md +19 -0
  735. package/scss/helper/typography/_font-size.scss +40 -0
  736. package/scss/helper/typography/_font-style.md +8 -0
  737. package/scss/helper/typography/_font-style.scss +31 -0
  738. package/scss/helper/typography/_font-weight.md +15 -0
  739. package/scss/helper/typography/_font-weight.scss +49 -0
  740. package/scss/helper/typography/_letter-spacing.md +12 -0
  741. package/scss/helper/typography/_letter-spacing.scss +43 -0
  742. package/scss/helper/typography/_line-height.md +20 -0
  743. package/scss/helper/typography/_line-height.scss +59 -0
  744. package/scss/helper/typography/_list-style-type.md +11 -0
  745. package/scss/helper/typography/_list-style-type.scss +43 -0
  746. package/scss/helper/typography/_text-align.md +10 -0
  747. package/scss/helper/typography/_text-align.scss +34 -0
  748. package/scss/helper/typography/_text-color.md +110 -0
  749. package/scss/helper/typography/_text-color.scss +184 -0
  750. package/scss/helper/typography/_text-decoration.md +9 -0
  751. package/scss/helper/typography/_text-decoration.scss +34 -0
  752. package/scss/helper/typography/_text-overflow.md +9 -0
  753. package/scss/helper/typography/_text-overflow.scss +40 -0
  754. package/scss/helper/typography/_text-transform.md +10 -0
  755. package/scss/helper/typography/_text-transform.scss +40 -0
  756. package/scss/helper/typography/_vertical-align.md +12 -0
  757. package/scss/helper/typography/_vertical-align.scss +44 -0
  758. package/scss/helper/typography/_whitespace.md +11 -0
  759. package/scss/helper/typography/_whitespace.scss +42 -0
  760. package/scss/helper/typography/_word-break.md +9 -0
  761. package/scss/helper/typography/_word-break.scss +36 -0
  762. package/scss/helper.scss +72 -0
  763. package/scss/layout/_aside.scss +361 -0
  764. package/scss/layout/_grid.scss +173 -0
  765. package/scss/layout/_hbox.scss +127 -0
  766. package/scss/layout/_header.scss +0 -0
  767. package/scss/layout/_layout.scss +492 -0
  768. package/scss/layout/_vbox.scss +38 -0
  769. package/scss/themes/_ang-variables.scss +224 -0
  770. package/scss/themes/_antd-variables.scss +238 -0
  771. package/scss/themes/_common.scss +157 -0
  772. package/scss/themes/_cxd-variables.scss +222 -0
  773. package/scss/themes/_dark-variables.scss +229 -0
  774. package/scss/themes/ang-ie11.scss +1 -0
  775. package/scss/themes/ang.scss +27 -0
  776. package/scss/themes/antd-ie11.scss +1 -0
  777. package/scss/themes/antd.scss +5 -0
  778. package/scss/themes/cxd-ie11.scss +1 -0
  779. package/scss/themes/cxd.scss +5 -0
  780. package/scss/themes/dark-ie11.scss +1 -0
  781. package/scss/themes/dark.scss +34 -0
  782. package/scss/themes/default.scss +2 -0
  783. package/scss/themes/extract-antd-color.py +27 -0
package/scss/_components.scss ADDED
@@ -0,0 +1,4346 @@
1
+ @use 'sass:color';
2
+ @import './mixins';
3
+ :root,
4
+ .AMISCSSWrapper {
5
+ --button-default-default-top-border-color: var(--colors-neutral-line-8);
6
+ --button-default-default-top-border-style: var(--borders-style-2);
7
+ --button-default-default-top-border-width: var(--borders-width-2);
8
+ --button-default-default-left-border-color: var(--colors-neutral-line-8);
9
+ --button-default-default-left-border-style: var(--borders-style-2);
10
+ --button-default-default-left-border-width: var(--borders-width-2);
11
+ --button-default-default-right-border-color: var(--colors-neutral-line-8);
12
+ --button-default-default-right-border-style: var(--borders-style-2);
13
+ --button-default-default-right-border-width: var(--borders-width-2);
14
+ --button-default-default-bottom-border-color: var(--colors-neutral-line-8);
15
+ --button-default-default-bottom-border-style: var(--borders-style-2);
16
+ --button-default-default-bottom-border-width: var(--borders-width-2);
17
+ --button-default-default-shadow: var(--shadows-shadow-none);
18
+ --button-default-default-bg-color: var(--colors-neutral-fill-11);
19
+ --button-default-default-font-color: var(--colors-neutral-text-2);
20
+ --button-default-hover-top-border-color: var(--colors-brand-5);
21
+ --button-default-hover-top-border-style: var(--borders-style-2);
22
+ --button-default-hover-top-border-width: var(--borders-width-2);
23
+ --button-default-hover-left-border-color: var(--colors-brand-5);
24
+ --button-default-hover-left-border-style: var(--borders-style-2);
25
+ --button-default-hover-left-border-width: var(--borders-width-2);
26
+ --button-default-hover-right-border-color: var(--colors-brand-5);
27
+ --button-default-hover-right-border-style: var(--borders-style-2);
28
+ --button-default-hover-right-border-width: var(--borders-width-2);
29
+ --button-default-hover-bottom-border-color: var(--colors-brand-5);
30
+ --button-default-hover-bottom-border-style: var(--borders-style-2);
31
+ --button-default-hover-bottom-border-width: var(--borders-width-2);
32
+ --button-default-hover-shadow: var(--shadows-shadow-none);
33
+ --button-default-hover-bg-color: var(--colors-neutral-fill-11);
34
+ --button-default-hover-font-color: var(--colors-brand-5);
35
+ --button-default-active-top-border-color: var(--colors-brand-4);
36
+ --button-default-active-top-border-style: var(--borders-style-2);
37
+ --button-default-active-top-border-width: var(--borders-width-2);
38
+ --button-default-active-left-border-color: var(--colors-brand-4);
39
+ --button-default-active-left-border-style: var(--borders-style-2);
40
+ --button-default-active-left-border-width: var(--borders-width-2);
41
+ --button-default-active-right-border-color: var(--colors-brand-4);
42
+ --button-default-active-right-border-style: var(--borders-style-2);
43
+ --button-default-active-right-border-width: var(--borders-width-2);
44
+ --button-default-active-bottom-border-color: var(--colors-brand-4);
45
+ --button-default-active-bottom-border-style: var(--borders-style-2);
46
+ --button-default-active-bottom-border-width: var(--borders-width-2);
47
+ --button-default-active-shadow: var(--shadows-shadow-none);
48
+ --button-default-active-bg-color: var(--colors-neutral-fill-11);
49
+ --button-default-active-font-color: var(--colors-brand-4);
50
+ --button-default-disabled-top-border-color: var(--colors-neutral-line-10);
51
+ --button-default-disabled-top-border-style: var(--borders-style-2);
52
+ --button-default-disabled-top-border-width: var(--borders-width-2);
53
+ --button-default-disabled-left-border-color: var(--colors-neutral-line-10);
54
+ --button-default-disabled-left-border-style: var(--borders-style-2);
55
+ --button-default-disabled-left-border-width: var(--borders-width-2);
56
+ --button-default-disabled-right-border-color: var(--colors-neutral-line-10);
57
+ --button-default-disabled-right-border-style: var(--borders-style-2);
58
+ --button-default-disabled-right-border-width: var(--borders-width-2);
59
+ --button-default-disabled-bottom-border-color: var(--colors-neutral-line-10);
60
+ --button-default-disabled-bottom-border-style: var(--borders-style-2);
61
+ --button-default-disabled-bottom-border-width: var(--borders-width-2);
62
+ --button-default-disabled-shadow: var(--shadows-shadow-none);
63
+ --button-default-disabled-bg-color: var(--colors-neutral-fill-10);
64
+ --button-default-disabled-font-color: var(--colors-neutral-text-6);
65
+ --button-primary-default-top-border-color: var(--colors-brand-5);
66
+ --button-primary-default-top-border-style: var(--borders-style-2);
67
+ --button-primary-default-top-border-width: var(--borders-width-2);
68
+ --button-primary-default-left-border-color: var(--colors-brand-5);
69
+ --button-primary-default-left-border-style: var(--borders-style-2);
70
+ --button-primary-default-left-border-width: var(--borders-width-2);
71
+ --button-primary-default-right-border-color: var(--colors-brand-5);
72
+ --button-primary-default-right-border-style: var(--borders-style-2);
73
+ --button-primary-default-right-border-width: var(--borders-width-2);
74
+ --button-primary-default-bottom-border-color: var(--colors-brand-5);
75
+ --button-primary-default-bottom-border-style: var(--borders-style-2);
76
+ --button-primary-default-bottom-border-width: var(--borders-width-2);
77
+ --button-primary-default-shadow: var(--shadows-shadow-none);
78
+ --button-primary-default-bg-color: var(--colors-brand-5);
79
+ --button-primary-default-font-color: var(--colors-neutral-text-11);
80
+ --button-primary-hover-top-border-color: var(--colors-brand-6);
81
+ --button-primary-hover-top-border-style: var(--borders-style-2);
82
+ --button-primary-hover-top-border-width: var(--borders-width-2);
83
+ --button-primary-hover-left-border-color: var(--colors-brand-6);
84
+ --button-primary-hover-left-border-style: var(--borders-style-2);
85
+ --button-primary-hover-left-border-width: var(--borders-width-2);
86
+ --button-primary-hover-right-border-color: var(--colors-brand-6);
87
+ --button-primary-hover-right-border-style: var(--borders-style-2);
88
+ --button-primary-hover-right-border-width: var(--borders-width-2);
89
+ --button-primary-hover-bottom-border-color: var(--colors-brand-6);
90
+ --button-primary-hover-bottom-border-style: var(--borders-style-2);
91
+ --button-primary-hover-bottom-border-width: var(--borders-width-2);
92
+ --button-primary-hover-shadow: var(--shadows-shadow-none);
93
+ --button-primary-hover-bg-color: var(--colors-brand-6);
94
+ --button-primary-hover-font-color: var(--colors-neutral-text-11);
95
+ --button-primary-active-top-border-color: var(--colors-brand-4);
96
+ --button-primary-active-top-border-style: var(--borders-style-2);
97
+ --button-primary-active-top-border-width: var(--borders-width-2);
98
+ --button-primary-active-left-border-color: var(--colors-brand-4);
99
+ --button-primary-active-left-border-style: var(--borders-style-2);
100
+ --button-primary-active-left-border-width: var(--borders-width-2);
101
+ --button-primary-active-right-border-color: var(--colors-brand-4);
102
+ --button-primary-active-right-border-style: var(--borders-style-2);
103
+ --button-primary-active-right-border-width: var(--borders-width-2);
104
+ --button-primary-active-bottom-border-color: var(--colors-brand-4);
105
+ --button-primary-active-bottom-border-style: var(--borders-style-2);
106
+ --button-primary-active-bottom-border-width: var(--borders-width-2);
107
+ --button-primary-active-shadow: var(--shadows-shadow-none);
108
+ --button-primary-active-bg-color: var(--colors-brand-4);
109
+ --button-primary-active-font-color: var(--colors-neutral-text-11);
110
+ --button-primary-disabled-top-border-color: var(--colors-neutral-line-10);
111
+ --button-primary-disabled-top-border-style: var(--borders-style-2);
112
+ --button-primary-disabled-top-border-width: var(--borders-width-2);
113
+ --button-primary-disabled-left-border-color: var(--colors-neutral-line-10);
114
+ --button-primary-disabled-left-border-style: var(--borders-style-2);
115
+ --button-primary-disabled-left-border-width: var(--borders-width-2);
116
+ --button-primary-disabled-right-border-color: var(--colors-neutral-line-10);
117
+ --button-primary-disabled-right-border-style: var(--borders-style-2);
118
+ --button-primary-disabled-right-border-width: var(--borders-width-2);
119
+ --button-primary-disabled-bottom-border-color: var(--colors-neutral-line-10);
120
+ --button-primary-disabled-bottom-border-style: var(--borders-style-2);
121
+ --button-primary-disabled-bottom-border-width: var(--borders-width-2);
122
+ --button-primary-disabled-shadow: var(--shadows-shadow-none);
123
+ --button-primary-disabled-bg-color: var(--colors-neutral-fill-10);
124
+ --button-primary-disabled-font-color: var(--colors-neutral-text-6);
125
+ --button-secondary-default-top-border-color: var(--colors-neutral-line-6);
126
+ --button-secondary-default-top-border-style: var(--borders-style-2);
127
+ --button-secondary-default-top-border-width: var(--borders-width-2);
128
+ --button-secondary-default-left-border-color: var(--colors-neutral-line-6);
129
+ --button-secondary-default-left-border-style: var(--borders-style-2);
130
+ --button-secondary-default-left-border-width: var(--borders-width-2);
131
+ --button-secondary-default-right-border-color: var(--colors-neutral-line-6);
132
+ --button-secondary-default-right-border-style: var(--borders-style-2);
133
+ --button-secondary-default-right-border-width: var(--borders-width-2);
134
+ --button-secondary-default-bottom-border-color: var(--colors-neutral-line-6);
135
+ --button-secondary-default-bottom-border-style: var(--borders-style-2);
136
+ --button-secondary-default-bottom-border-width: var(--borders-width-2);
137
+ --button-secondary-default-shadow: var(--shadows-shadow-none);
138
+ --button-secondary-default-bg-color: var(--colors-neutral-fill-6);
139
+ --button-secondary-default-font-color: var(--colors-neutral-text-11);
140
+ --button-secondary-hover-top-border-color: var(--colors-neutral-line-5);
141
+ --button-secondary-hover-top-border-style: var(--borders-style-2);
142
+ --button-secondary-hover-top-border-width: var(--borders-width-2);
143
+ --button-secondary-hover-left-border-color: var(--colors-neutral-line-5);
144
+ --button-secondary-hover-left-border-style: var(--borders-style-2);
145
+ --button-secondary-hover-left-border-width: var(--borders-width-2);
146
+ --button-secondary-hover-right-border-color: var(--colors-neutral-line-5);
147
+ --button-secondary-hover-right-border-style: var(--borders-style-2);
148
+ --button-secondary-hover-right-border-width: var(--borders-width-2);
149
+ --button-secondary-hover-bottom-border-color: var(--colors-neutral-line-5);
150
+ --button-secondary-hover-bottom-border-style: var(--borders-style-2);
151
+ --button-secondary-hover-bottom-border-width: var(--borders-width-2);
152
+ --button-secondary-hover-shadow: var(--shadows-shadow-none);
153
+ --button-secondary-hover-bg-color: var(--colors-neutral-fill-5);
154
+ --button-secondary-hover-font-color: var(--colors-neutral-text-11);
155
+ --button-secondary-active-top-border-color: var(--colors-neutral-line-4);
156
+ --button-secondary-active-top-border-style: var(--borders-style-2);
157
+ --button-secondary-active-top-border-width: var(--borders-width-2);
158
+ --button-secondary-active-left-border-color: var(--colors-neutral-line-4);
159
+ --button-secondary-active-left-border-style: var(--borders-style-2);
160
+ --button-secondary-active-left-border-width: var(--borders-width-2);
161
+ --button-secondary-active-right-border-color: var(--colors-neutral-line-4);
162
+ --button-secondary-active-right-border-style: var(--borders-style-2);
163
+ --button-secondary-active-right-border-width: var(--borders-width-2);
164
+ --button-secondary-active-bottom-border-color: var(--colors-neutral-line-4);
165
+ --button-secondary-active-bottom-border-style: var(--borders-style-2);
166
+ --button-secondary-active-bottom-border-width: var(--borders-width-2);
167
+ --button-secondary-active-shadow: var(--shadows-shadow-none);
168
+ --button-secondary-active-bg-color: var(--colors-neutral-fill-4);
169
+ --button-secondary-active-font-color: var(--colors-neutral-text-11);
170
+ --button-secondary-disabled-top-border-color: var(--colors-neutral-line-10);
171
+ --button-secondary-disabled-top-border-style: var(--borders-style-2);
172
+ --button-secondary-disabled-top-border-width: var(--borders-width-2);
173
+ --button-secondary-disabled-left-border-color: var(--colors-neutral-line-10);
174
+ --button-secondary-disabled-left-border-style: var(--borders-style-2);
175
+ --button-secondary-disabled-left-border-width: var(--borders-width-2);
176
+ --button-secondary-disabled-right-border-color: var(--colors-neutral-line-10);
177
+ --button-secondary-disabled-right-border-style: var(--borders-style-2);
178
+ --button-secondary-disabled-right-border-width: var(--borders-width-2);
179
+ --button-secondary-disabled-bottom-border-color: var(
180
+ --colors-neutral-line-10
181
+ );
182
+ --button-secondary-disabled-bottom-border-style: var(--borders-style-2);
183
+ --button-secondary-disabled-bottom-border-width: var(--borders-width-2);
184
+ --button-secondary-disabled-shadow: var(--shadows-shadow-none);
185
+ --button-secondary-disabled-bg-color: var(--colors-neutral-fill-10);
186
+ --button-secondary-disabled-font-color: var(--colors-neutral-text-6);
187
+ --button-enhance-default-top-border-color: var(--colors-brand-5);
188
+ --button-enhance-default-top-border-style: var(--borders-style-2);
189
+ --button-enhance-default-top-border-width: var(--borders-width-2);
190
+ --button-enhance-default-left-border-color: var(--colors-brand-5);
191
+ --button-enhance-default-left-border-style: var(--borders-style-2);
192
+ --button-enhance-default-left-border-width: var(--borders-width-2);
193
+ --button-enhance-default-right-border-color: var(--colors-brand-5);
194
+ --button-enhance-default-right-border-style: var(--borders-style-2);
195
+ --button-enhance-default-right-border-width: var(--borders-width-2);
196
+ --button-enhance-default-bottom-border-color: var(--colors-brand-5);
197
+ --button-enhance-default-bottom-border-style: var(--borders-style-2);
198
+ --button-enhance-default-bottom-border-width: var(--borders-width-2);
199
+ --button-enhance-default-shadow: var(--shadows-shadow-none);
200
+ --button-enhance-default-bg-color: var(--colors-neutral-fill-11);
201
+ --button-enhance-default-font-color: var(--colors-brand-5);
202
+ --button-enhance-hover-top-border-color: var(--colors-brand-6);
203
+ --button-enhance-hover-top-border-style: var(--borders-style-2);
204
+ --button-enhance-hover-top-border-width: var(--borders-width-2);
205
+ --button-enhance-hover-left-border-color: var(--colors-brand-6);
206
+ --button-enhance-hover-left-border-style: var(--borders-style-2);
207
+ --button-enhance-hover-left-border-width: var(--borders-width-2);
208
+ --button-enhance-hover-right-border-color: var(--colors-brand-6);
209
+ --button-enhance-hover-right-border-style: var(--borders-style-2);
210
+ --button-enhance-hover-right-border-width: var(--borders-width-2);
211
+ --button-enhance-hover-bottom-border-color: var(--colors-brand-6);
212
+ --button-enhance-hover-bottom-border-style: var(--borders-style-2);
213
+ --button-enhance-hover-bottom-border-width: var(--borders-width-2);
214
+ --button-enhance-hover-shadow: var(--shadows-shadow-none);
215
+ --button-enhance-hover-bg-color: var(--colors-neutral-fill-11);
216
+ --button-enhance-hover-font-color: var(--colors-brand-6);
217
+ --button-enhance-active-top-border-color: var(--colors-brand-4);
218
+ --button-enhance-active-top-border-style: var(--borders-style-2);
219
+ --button-enhance-active-top-border-width: var(--borders-width-2);
220
+ --button-enhance-active-left-border-color: var(--colors-brand-4);
221
+ --button-enhance-active-left-border-style: var(--borders-style-2);
222
+ --button-enhance-active-left-border-width: var(--borders-width-2);
223
+ --button-enhance-active-right-border-color: var(--colors-brand-4);
224
+ --button-enhance-active-right-border-style: var(--borders-style-2);
225
+ --button-enhance-active-right-border-width: var(--borders-width-2);
226
+ --button-enhance-active-bottom-border-color: var(--colors-brand-4);
227
+ --button-enhance-active-bottom-border-style: var(--borders-style-2);
228
+ --button-enhance-active-bottom-border-width: var(--borders-width-2);
229
+ --button-enhance-active-shadow: var(--shadows-shadow-none);
230
+ --button-enhance-active-bg-color: var(--colors-neutral-fill-11);
231
+ --button-enhance-active-font-color: var(--colors-brand-4);
232
+ --button-enhance-disabled-top-border-color: var(--colors-neutral-line-10);
233
+ --button-enhance-disabled-top-border-style: var(--borders-style-2);
234
+ --button-enhance-disabled-top-border-width: var(--borders-width-2);
235
+ --button-enhance-disabled-left-border-color: var(--colors-neutral-line-10);
236
+ --button-enhance-disabled-left-border-style: var(--borders-style-2);
237
+ --button-enhance-disabled-left-border-width: var(--borders-width-2);
238
+ --button-enhance-disabled-right-border-color: var(--colors-neutral-line-10);
239
+ --button-enhance-disabled-right-border-style: var(--borders-style-2);
240
+ --button-enhance-disabled-right-border-width: var(--borders-width-2);
241
+ --button-enhance-disabled-bottom-border-color: var(--colors-neutral-line-10);
242
+ --button-enhance-disabled-bottom-border-style: var(--borders-style-2);
243
+ --button-enhance-disabled-bottom-border-width: var(--borders-width-2);
244
+ --button-enhance-disabled-shadow: var(--shadows-shadow-none);
245
+ --button-enhance-disabled-bg-color: var(--colors-neutral-fill-10);
246
+ --button-enhance-disabled-font-color: var(--colors-neutral-text-6);
247
+ --button-info-default-top-border-color: var(--colors-info-5);
248
+ --button-info-default-top-border-style: var(--borders-style-2);
249
+ --button-info-default-top-border-width: var(--borders-width-2);
250
+ --button-info-default-left-border-color: var(--colors-info-5);
251
+ --button-info-default-left-border-style: var(--borders-style-2);
252
+ --button-info-default-left-border-width: var(--borders-width-2);
253
+ --button-info-default-right-border-color: var(--colors-info-5);
254
+ --button-info-default-right-border-style: var(--borders-style-2);
255
+ --button-info-default-right-border-width: var(--borders-width-2);
256
+ --button-info-default-bottom-border-color: var(--colors-info-5);
257
+ --button-info-default-bottom-border-style: var(--borders-style-2);
258
+ --button-info-default-bottom-border-width: var(--borders-width-2);
259
+ --button-info-default-shadow: var(--shadows-shadow-none);
260
+ --button-info-default-bg-color: var(--colors-info-5);
261
+ --button-info-default-font-color: var(--colors-neutral-text-11);
262
+ --button-info-hover-top-border-color: var(--colors-info-6);
263
+ --button-info-hover-top-border-style: var(--borders-style-2);
264
+ --button-info-hover-top-border-width: var(--borders-width-2);
265
+ --button-info-hover-left-border-color: var(--colors-info-6);
266
+ --button-info-hover-left-border-style: var(--borders-style-2);
267
+ --button-info-hover-left-border-width: var(--borders-width-2);
268
+ --button-info-hover-right-border-color: var(--colors-info-6);
269
+ --button-info-hover-right-border-style: var(--borders-style-2);
270
+ --button-info-hover-right-border-width: var(--borders-width-2);
271
+ --button-info-hover-bottom-border-color: var(--colors-info-6);
272
+ --button-info-hover-bottom-border-style: var(--borders-style-2);
273
+ --button-info-hover-bottom-border-width: var(--borders-width-2);
274
+ --button-info-hover-shadow: var(--shadows-shadow-none);
275
+ --button-info-hover-bg-color: var(--colors-info-6);
276
+ --button-info-hover-font-color: var(--colors-neutral-text-11);
277
+ --button-info-active-top-border-color: var(--colors-info-4);
278
+ --button-info-active-top-border-style: var(--borders-style-2);
279
+ --button-info-active-top-border-width: var(--borders-width-2);
280
+ --button-info-active-left-border-color: var(--colors-info-4);
281
+ --button-info-active-left-border-style: var(--borders-style-2);
282
+ --button-info-active-left-border-width: var(--borders-width-2);
283
+ --button-info-active-right-border-color: var(--colors-info-4);
284
+ --button-info-active-right-border-style: var(--borders-style-2);
285
+ --button-info-active-right-border-width: var(--borders-width-2);
286
+ --button-info-active-bottom-border-color: var(--colors-info-4);
287
+ --button-info-active-bottom-border-style: var(--borders-style-2);
288
+ --button-info-active-bottom-border-width: var(--borders-width-2);
289
+ --button-info-active-shadow: var(--shadows-shadow-none);
290
+ --button-info-active-bg-color: var(--colors-info-4);
291
+ --button-info-active-font-color: var(--colors-neutral-text-11);
292
+ --button-info-disabled-top-border-color: var(--colors-neutral-line-10);
293
+ --button-info-disabled-top-border-style: var(--borders-style-2);
294
+ --button-info-disabled-top-border-width: var(--borders-width-2);
295
+ --button-info-disabled-left-border-color: var(--colors-neutral-line-10);
296
+ --button-info-disabled-left-border-style: var(--borders-style-2);
297
+ --button-info-disabled-left-border-width: var(--borders-width-2);
298
+ --button-info-disabled-right-border-color: var(--colors-neutral-line-10);
299
+ --button-info-disabled-right-border-style: var(--borders-style-2);
300
+ --button-info-disabled-right-border-width: var(--borders-width-2);
301
+ --button-info-disabled-bottom-border-color: var(--colors-neutral-line-10);
302
+ --button-info-disabled-bottom-border-style: var(--borders-style-2);
303
+ --button-info-disabled-bottom-border-width: var(--borders-width-2);
304
+ --button-info-disabled-shadow: var(--shadows-shadow-none);
305
+ --button-info-disabled-bg-color: var(--colors-neutral-fill-10);
306
+ --button-info-disabled-font-color: var(--colors-neutral-text-6);
307
+ --button-success-default-top-border-color: var(--colors-success-5);
308
+ --button-success-default-top-border-style: var(--borders-style-2);
309
+ --button-success-default-top-border-width: var(--borders-width-2);
310
+ --button-success-default-left-border-color: var(--colors-success-5);
311
+ --button-success-default-left-border-style: var(--borders-style-2);
312
+ --button-success-default-left-border-width: var(--borders-width-2);
313
+ --button-success-default-right-border-color: var(--colors-success-5);
314
+ --button-success-default-right-border-style: var(--borders-style-2);
315
+ --button-success-default-right-border-width: var(--borders-width-2);
316
+ --button-success-default-bottom-border-color: var(--colors-success-5);
317
+ --button-success-default-bottom-border-style: var(--borders-style-2);
318
+ --button-success-default-bottom-border-width: var(--borders-width-2);
319
+ --button-success-default-shadow: var(--shadows-shadow-none);
320
+ --button-success-default-bg-color: var(--colors-success-5);
321
+ --button-success-default-font-color: var(--colors-neutral-text-11);
322
+ --button-success-hover-top-border-color: var(--colors-success-6);
323
+ --button-success-hover-top-border-style: var(--borders-style-2);
324
+ --button-success-hover-top-border-width: var(--borders-width-2);
325
+ --button-success-hover-left-border-color: var(--colors-success-6);
326
+ --button-success-hover-left-border-style: var(--borders-style-2);
327
+ --button-success-hover-left-border-width: var(--borders-width-2);
328
+ --button-success-hover-right-border-color: var(--colors-success-6);
329
+ --button-success-hover-right-border-style: var(--borders-style-2);
330
+ --button-success-hover-right-border-width: var(--borders-width-2);
331
+ --button-success-hover-bottom-border-color: var(--colors-success-6);
332
+ --button-success-hover-bottom-border-style: var(--borders-style-2);
333
+ --button-success-hover-bottom-border-width: var(--borders-width-2);
334
+ --button-success-hover-shadow: var(--shadows-shadow-none);
335
+ --button-success-hover-bg-color: var(--colors-success-6);
336
+ --button-success-hover-font-color: var(--colors-neutral-text-11);
337
+ --button-success-active-top-border-color: var(--colors-success-4);
338
+ --button-success-active-top-border-style: var(--borders-style-2);
339
+ --button-success-active-top-border-width: var(--borders-width-2);
340
+ --button-success-active-left-border-color: var(--colors-success-4);
341
+ --button-success-active-left-border-style: var(--borders-style-2);
342
+ --button-success-active-left-border-width: var(--borders-width-2);
343
+ --button-success-active-right-border-color: var(--colors-success-4);
344
+ --button-success-active-right-border-style: var(--borders-style-2);
345
+ --button-success-active-right-border-width: var(--borders-width-2);
346
+ --button-success-active-bottom-border-color: var(--colors-success-4);
347
+ --button-success-active-bottom-border-style: var(--borders-style-2);
348
+ --button-success-active-bottom-border-width: var(--borders-width-2);
349
+ --button-success-active-shadow: var(--shadows-shadow-none);
350
+ --button-success-active-bg-color: var(--colors-success-4);
351
+ --button-success-active-font-color: var(--colors-neutral-text-11);
352
+ --button-success-disabled-top-border-color: var(--colors-neutral-line-10);
353
+ --button-success-disabled-top-border-style: var(--borders-style-2);
354
+ --button-success-disabled-top-border-width: var(--borders-width-2);
355
+ --button-success-disabled-left-border-color: var(--colors-neutral-line-10);
356
+ --button-success-disabled-left-border-style: var(--borders-style-2);
357
+ --button-success-disabled-left-border-width: var(--borders-width-2);
358
+ --button-success-disabled-right-border-color: var(--colors-neutral-line-10);
359
+ --button-success-disabled-right-border-style: var(--borders-style-2);
360
+ --button-success-disabled-right-border-width: var(--borders-width-2);
361
+ --button-success-disabled-bottom-border-color: var(--colors-neutral-line-10);
362
+ --button-success-disabled-bottom-border-style: var(--borders-style-2);
363
+ --button-success-disabled-bottom-border-width: var(--borders-width-2);
364
+ --button-success-disabled-shadow: var(--shadows-shadow-none);
365
+ --button-success-disabled-bg-color: var(--colors-neutral-fill-10);
366
+ --button-success-disabled-font-color: var(--colors-neutral-text-6);
367
+ --button-warning-default-top-border-color: var(--colors-warning-5);
368
+ --button-warning-default-top-border-style: var(--borders-style-2);
369
+ --button-warning-default-top-border-width: var(--borders-width-2);
370
+ --button-warning-default-left-border-color: var(--colors-warning-5);
371
+ --button-warning-default-left-border-style: var(--borders-style-2);
372
+ --button-warning-default-left-border-width: var(--borders-width-2);
373
+ --button-warning-default-right-border-color: var(--colors-warning-5);
374
+ --button-warning-default-right-border-style: var(--borders-style-2);
375
+ --button-warning-default-right-border-width: var(--borders-width-2);
376
+ --button-warning-default-bottom-border-color: var(--colors-warning-5);
377
+ --button-warning-default-bottom-border-style: var(--borders-style-2);
378
+ --button-warning-default-bottom-border-width: var(--borders-width-2);
379
+ --button-warning-default-shadow: var(--shadows-shadow-none);
380
+ --button-warning-default-bg-color: var(--colors-warning-5);
381
+ --button-warning-default-font-color: var(--colors-neutral-text-11);
382
+ --button-warning-hover-top-border-color: var(--colors-warning-6);
383
+ --button-warning-hover-top-border-style: var(--borders-style-2);
384
+ --button-warning-hover-top-border-width: var(--borders-width-2);
385
+ --button-warning-hover-left-border-color: var(--colors-warning-6);
386
+ --button-warning-hover-left-border-style: var(--borders-style-2);
387
+ --button-warning-hover-left-border-width: var(--borders-width-2);
388
+ --button-warning-hover-right-border-color: var(--colors-warning-6);
389
+ --button-warning-hover-right-border-style: var(--borders-style-2);
390
+ --button-warning-hover-right-border-width: var(--borders-width-2);
391
+ --button-warning-hover-bottom-border-color: var(--colors-warning-6);
392
+ --button-warning-hover-bottom-border-style: var(--borders-style-2);
393
+ --button-warning-hover-bottom-border-width: var(--borders-width-2);
394
+ --button-warning-hover-shadow: var(--shadows-shadow-none);
395
+ --button-warning-hover-bg-color: var(--colors-warning-6);
396
+ --button-warning-hover-font-color: var(--colors-neutral-text-11);
397
+ --button-warning-active-top-border-color: var(--colors-warning-4);
398
+ --button-warning-active-top-border-style: var(--borders-style-2);
399
+ --button-warning-active-top-border-width: var(--borders-width-2);
400
+ --button-warning-active-left-border-color: var(--colors-warning-4);
401
+ --button-warning-active-left-border-style: var(--borders-style-2);
402
+ --button-warning-active-left-border-width: var(--borders-width-2);
403
+ --button-warning-active-right-border-color: var(--colors-warning-4);
404
+ --button-warning-active-right-border-style: var(--borders-style-2);
405
+ --button-warning-active-right-border-width: var(--borders-width-2);
406
+ --button-warning-active-bottom-border-color: var(--colors-warning-4);
407
+ --button-warning-active-bottom-border-style: var(--borders-style-2);
408
+ --button-warning-active-bottom-border-width: var(--borders-width-2);
409
+ --button-warning-active-shadow: var(--shadows-shadow-none);
410
+ --button-warning-active-bg-color: var(--colors-warning-4);
411
+ --button-warning-active-font-color: var(--colors-neutral-text-11);
412
+ --button-warning-disabled-top-border-color: var(--colors-neutral-line-10);
413
+ --button-warning-disabled-top-border-style: var(--borders-style-2);
414
+ --button-warning-disabled-top-border-width: var(--borders-width-2);
415
+ --button-warning-disabled-left-border-color: var(--colors-neutral-line-10);
416
+ --button-warning-disabled-left-border-style: var(--borders-style-2);
417
+ --button-warning-disabled-left-border-width: var(--borders-width-2);
418
+ --button-warning-disabled-right-border-color: var(--colors-neutral-line-10);
419
+ --button-warning-disabled-right-border-style: var(--borders-style-2);
420
+ --button-warning-disabled-right-border-width: var(--borders-width-2);
421
+ --button-warning-disabled-bottom-border-color: var(--colors-neutral-line-10);
422
+ --button-warning-disabled-bottom-border-style: var(--borders-style-2);
423
+ --button-warning-disabled-bottom-border-width: var(--borders-width-2);
424
+ --button-warning-disabled-shadow: var(--shadows-shadow-none);
425
+ --button-warning-disabled-bg-color: var(--colors-neutral-fill-10);
426
+ --button-warning-disabled-font-color: var(--colors-neutral-text-6);
427
+ --button-danger-default-top-border-color: var(--colors-error-5);
428
+ --button-danger-default-top-border-style: var(--borders-style-1);
429
+ --button-danger-default-top-border-width: var(--borders-width-1);
430
+ --button-danger-default-left-border-color: var(--colors-error-5);
431
+ --button-danger-default-left-border-style: var(--borders-style-1);
432
+ --button-danger-default-left-border-width: var(--borders-width-1);
433
+ --button-danger-default-right-border-color: var(--colors-error-5);
434
+ --button-danger-default-right-border-style: var(--borders-style-1);
435
+ --button-danger-default-right-border-width: var(--borders-width-1);
436
+ --button-danger-default-bottom-border-color: var(--colors-error-5);
437
+ --button-danger-default-bottom-border-style: var(--borders-style-1);
438
+ --button-danger-default-bottom-border-width: var(--borders-width-1);
439
+ --button-danger-default-shadow: var(--shadows-shadow-none);
440
+ --button-danger-default-bg-color: var(--colors-error-5);
441
+ --button-danger-default-font-color: var(--colors-neutral-text-11);
442
+ --button-danger-hover-top-border-color: var(--colors-error-6);
443
+ --button-danger-hover-top-border-style: var(--borders-style-1);
444
+ --button-danger-hover-top-border-width: var(--borders-width-1);
445
+ --button-danger-hover-left-border-color: var(--colors-error-6);
446
+ --button-danger-hover-left-border-style: var(--borders-style-1);
447
+ --button-danger-hover-left-border-width: var(--borders-width-1);
448
+ --button-danger-hover-right-border-color: var(--colors-error-6);
449
+ --button-danger-hover-right-border-style: var(--borders-style-1);
450
+ --button-danger-hover-right-border-width: var(--borders-width-1);
451
+ --button-danger-hover-bottom-border-color: var(--colors-error-6);
452
+ --button-danger-hover-bottom-border-style: var(--borders-style-1);
453
+ --button-danger-hover-bottom-border-width: var(--borders-width-1);
454
+ --button-danger-hover-shadow: var(--shadows-shadow-none);
455
+ --button-danger-hover-bg-color: var(--colors-error-6);
456
+ --button-danger-hover-font-color: var(--colors-neutral-text-11);
457
+ --button-danger-active-top-border-color: var(--colors-error-4);
458
+ --button-danger-active-top-border-style: var(--borders-style-1);
459
+ --button-danger-active-top-border-width: var(--borders-width-1);
460
+ --button-danger-active-left-border-color: var(--colors-error-4);
461
+ --button-danger-active-left-border-style: var(--borders-style-1);
462
+ --button-danger-active-left-border-width: var(--borders-width-1);
463
+ --button-danger-active-right-border-color: var(--colors-error-4);
464
+ --button-danger-active-right-border-style: var(--borders-style-1);
465
+ --button-danger-active-right-border-width: var(--borders-width-1);
466
+ --button-danger-active-bottom-border-color: var(--colors-error-4);
467
+ --button-danger-active-bottom-border-style: var(--borders-style-1);
468
+ --button-danger-active-bottom-border-width: var(--borders-width-1);
469
+ --button-danger-active-shadow: var(--shadows-shadow-none);
470
+ --button-danger-active-bg-color: var(--colors-error-4);
471
+ --button-danger-active-font-color: var(--colors-neutral-text-11);
472
+ --button-danger-disabled-top-border-color: var(--colors-neutral-line-10);
473
+ --button-danger-disabled-top-border-style: var(--borders-style-2);
474
+ --button-danger-disabled-top-border-width: var(--borders-width-2);
475
+ --button-danger-disabled-left-border-color: var(--colors-neutral-line-10);
476
+ --button-danger-disabled-left-border-style: var(--borders-style-2);
477
+ --button-danger-disabled-left-border-width: var(--borders-width-2);
478
+ --button-danger-disabled-right-border-color: var(--colors-neutral-line-10);
479
+ --button-danger-disabled-right-border-style: var(--borders-style-2);
480
+ --button-danger-disabled-right-border-width: var(--borders-width-2);
481
+ --button-danger-disabled-bottom-border-color: var(--colors-neutral-line-10);
482
+ --button-danger-disabled-bottom-border-style: var(--borders-style-2);
483
+ --button-danger-disabled-bottom-border-width: var(--borders-width-2);
484
+ --button-danger-disabled-shadow: var(--shadows-shadow-none);
485
+ --button-danger-disabled-bg-color: var(--colors-neutral-fill-10);
486
+ --button-danger-disabled-font-color: var(--colors-neutral-text-6);
487
+ --button-light-default-top-border-color: var(--colors-brand-10);
488
+ --button-light-default-top-border-style: var(--borders-style-2);
489
+ --button-light-default-top-border-width: var(--borders-width-2);
490
+ --button-light-default-left-border-color: var(--colors-brand-10);
491
+ --button-light-default-left-border-style: var(--borders-style-2);
492
+ --button-light-default-left-border-width: var(--borders-width-2);
493
+ --button-light-default-right-border-color: var(--colors-brand-10);
494
+ --button-light-default-right-border-style: var(--borders-style-2);
495
+ --button-light-default-right-border-width: var(--borders-width-2);
496
+ --button-light-default-bottom-border-color: var(--colors-brand-10);
497
+ --button-light-default-bottom-border-style: var(--borders-style-2);
498
+ --button-light-default-bottom-border-width: var(--borders-width-2);
499
+ --button-light-default-shadow: var(--shadows-shadow-none);
500
+ --button-light-default-bg-color: var(--colors-brand-10);
501
+ --button-light-default-font-color: var(--colors-neutral-text-2);
502
+ --button-light-hover-top-border-color: var(--colors-brand-9);
503
+ --button-light-hover-top-border-style: var(--borders-style-2);
504
+ --button-light-hover-top-border-width: var(--borders-width-2);
505
+ --button-light-hover-left-border-color: var(--colors-brand-9);
506
+ --button-light-hover-left-border-style: var(--borders-style-2);
507
+ --button-light-hover-left-border-width: var(--borders-width-2);
508
+ --button-light-hover-right-border-color: var(--colors-brand-9);
509
+ --button-light-hover-right-border-style: var(--borders-style-2);
510
+ --button-light-hover-right-border-width: var(--borders-width-2);
511
+ --button-light-hover-bottom-border-color: var(--colors-brand-9);
512
+ --button-light-hover-bottom-border-style: var(--borders-style-2);
513
+ --button-light-hover-bottom-border-width: var(--borders-width-2);
514
+ --button-light-hover-shadow: var(--shadows-shadow-none);
515
+ --button-light-hover-bg-color: var(--colors-brand-9);
516
+ --button-light-hover-font-color: var(--colors-neutral-text-2);
517
+ --button-light-active-top-border-color: var(--colors-brand-7);
518
+ --button-light-active-top-border-style: var(--borders-style-2);
519
+ --button-light-active-top-border-width: var(--borders-width-2);
520
+ --button-light-active-left-border-color: var(--colors-brand-7);
521
+ --button-light-active-left-border-style: var(--borders-style-2);
522
+ --button-light-active-left-border-width: var(--borders-width-2);
523
+ --button-light-active-right-border-color: var(--colors-brand-7);
524
+ --button-light-active-right-border-style: var(--borders-style-2);
525
+ --button-light-active-right-border-width: var(--borders-width-2);
526
+ --button-light-active-bottom-border-color: var(--colors-brand-7);
527
+ --button-light-active-bottom-border-style: var(--borders-style-2);
528
+ --button-light-active-bottom-border-width: var(--borders-width-2);
529
+ --button-light-active-shadow: var(--shadows-shadow-none);
530
+ --button-light-active-bg-color: var(--colors-brand-7);
531
+ --button-light-active-font-color: var(--colors-neutral-text-2);
532
+ --button-light-disabled-top-border-color: var(--colors-neutral-line-10);
533
+ --button-light-disabled-top-border-style: var(--borders-style-2);
534
+ --button-light-disabled-top-border-width: var(--borders-width-2);
535
+ --button-light-disabled-left-border-color: var(--colors-neutral-line-10);
536
+ --button-light-disabled-left-border-style: var(--borders-style-2);
537
+ --button-light-disabled-left-border-width: var(--borders-width-2);
538
+ --button-light-disabled-right-border-color: var(--colors-neutral-line-10);
539
+ --button-light-disabled-right-border-style: var(--borders-style-2);
540
+ --button-light-disabled-right-border-width: var(--borders-width-2);
541
+ --button-light-disabled-bottom-border-color: var(--colors-neutral-line-10);
542
+ --button-light-disabled-bottom-border-style: var(--borders-style-2);
543
+ --button-light-disabled-bottom-border-width: var(--borders-width-2);
544
+ --button-light-disabled-shadow: var(--shadows-shadow-none);
545
+ --button-light-disabled-bg-color: var(--colors-neutral-fill-10);
546
+ --button-light-disabled-font-color: var(--colors-neutral-text-6);
547
+ --button-dark-default-top-border-color: var(--colors-neutral-line-3);
548
+ --button-dark-default-top-border-style: var(--borders-style-2);
549
+ --button-dark-default-top-border-width: var(--borders-width-2);
550
+ --button-dark-default-left-border-color: var(--colors-neutral-line-3);
551
+ --button-dark-default-left-border-style: var(--borders-style-2);
552
+ --button-dark-default-left-border-width: var(--borders-width-2);
553
+ --button-dark-default-right-border-color: var(--colors-neutral-line-3);
554
+ --button-dark-default-right-border-style: var(--borders-style-2);
555
+ --button-dark-default-right-border-width: var(--borders-width-2);
556
+ --button-dark-default-bottom-border-color: var(--colors-neutral-line-3);
557
+ --button-dark-default-bottom-border-style: var(--borders-style-2);
558
+ --button-dark-default-bottom-border-width: var(--borders-width-2);
559
+ --button-dark-default-shadow: var(--shadows-shadow-none);
560
+ --button-dark-default-bg-color: var(--colors-neutral-fill-3);
561
+ --button-dark-default-font-color: var(--colors-neutral-text-11);
562
+ --button-dark-hover-top-border-color: var(--colors-neutral-line-4);
563
+ --button-dark-hover-top-border-style: var(--borders-style-2);
564
+ --button-dark-hover-top-border-width: var(--borders-width-2);
565
+ --button-dark-hover-left-border-color: var(--colors-neutral-line-4);
566
+ --button-dark-hover-left-border-style: var(--borders-style-2);
567
+ --button-dark-hover-left-border-width: var(--borders-width-2);
568
+ --button-dark-hover-right-border-color: var(--colors-neutral-line-4);
569
+ --button-dark-hover-right-border-style: var(--borders-style-2);
570
+ --button-dark-hover-right-border-width: var(--borders-width-2);
571
+ --button-dark-hover-bottom-border-color: var(--colors-neutral-line-4);
572
+ --button-dark-hover-bottom-border-style: var(--borders-style-2);
573
+ --button-dark-hover-bottom-border-width: var(--borders-width-2);
574
+ --button-dark-hover-shadow: var(--shadows-shadow-none);
575
+ --button-dark-hover-bg-color: var(--colors-neutral-fill-4);
576
+ --button-dark-hover-font-color: var(--colors-neutral-text-11);
577
+ --button-dark-active-top-border-color: var(--colors-neutral-line-5);
578
+ --button-dark-active-top-border-style: var(--borders-style-2);
579
+ --button-dark-active-top-border-width: var(--borders-width-2);
580
+ --button-dark-active-left-border-color: var(--colors-neutral-line-5);
581
+ --button-dark-active-left-border-style: var(--borders-style-2);
582
+ --button-dark-active-left-border-width: var(--borders-width-2);
583
+ --button-dark-active-right-border-color: var(--colors-neutral-line-5);
584
+ --button-dark-active-right-border-style: var(--borders-style-2);
585
+ --button-dark-active-right-border-width: var(--borders-width-2);
586
+ --button-dark-active-bottom-border-color: var(--colors-neutral-line-5);
587
+ --button-dark-active-bottom-border-style: var(--borders-style-2);
588
+ --button-dark-active-bottom-border-width: var(--borders-width-2);
589
+ --button-dark-active-shadow: var(--shadows-shadow-none);
590
+ --button-dark-active-bg-color: var(--colors-neutral-fill-5);
591
+ --button-dark-active-font-color: var(--colors-neutral-text-11);
592
+ --button-dark-disabled-top-border-color: var(--colors-neutral-line-10);
593
+ --button-dark-disabled-top-border-style: var(--borders-style-2);
594
+ --button-dark-disabled-top-border-width: var(--borders-width-2);
595
+ --button-dark-disabled-left-border-color: var(--colors-neutral-line-10);
596
+ --button-dark-disabled-left-border-style: var(--borders-style-2);
597
+ --button-dark-disabled-left-border-width: var(--borders-width-2);
598
+ --button-dark-disabled-right-border-color: var(--colors-neutral-line-10);
599
+ --button-dark-disabled-right-border-style: var(--borders-style-2);
600
+ --button-dark-disabled-right-border-width: var(--borders-width-2);
601
+ --button-dark-disabled-bottom-border-color: var(--colors-neutral-line-10);
602
+ --button-dark-disabled-bottom-border-style: var(--borders-style-2);
603
+ --button-dark-disabled-bottom-border-width: var(--borders-width-2);
604
+ --button-dark-disabled-shadow: var(--shadows-shadow-none);
605
+ --button-dark-disabled-bg-color: var(--colors-neutral-fill-10);
606
+ --button-dark-disabled-font-color: var(--colors-neutral-text-6);
607
+ --button-link-default-top-border-color: transparent;
608
+ --button-link-default-top-border-style: var(--borders-style-1);
609
+ --button-link-default-top-border-width: var(--borders-width-1);
610
+ --button-link-default-left-border-color: transparent;
611
+ --button-link-default-left-border-style: var(--borders-style-1);
612
+ --button-link-default-left-border-width: var(--borders-width-1);
613
+ --button-link-default-right-border-color: transparent;
614
+ --button-link-default-right-border-style: var(--borders-style-1);
615
+ --button-link-default-right-border-width: var(--borders-width-1);
616
+ --button-link-default-bottom-border-color: transparent;
617
+ --button-link-default-bottom-border-style: var(--borders-style-1);
618
+ --button-link-default-bottom-border-width: var(--borders-width-1);
619
+ --button-link-default-shadow: var(--shadows-shadow-none);
620
+ --button-link-default-bg-color: transparent;
621
+ --button-link-default-font-color: var(--colors-link-5);
622
+ --button-link-hover-top-border-color: transparent;
623
+ --button-link-hover-top-border-style: var(--borders-style-1);
624
+ --button-link-hover-top-border-width: var(--borders-width-1);
625
+ --button-link-hover-left-border-color: transparent;
626
+ --button-link-hover-left-border-style: var(--borders-style-1);
627
+ --button-link-hover-left-border-width: var(--borders-width-1);
628
+ --button-link-hover-right-border-color: transparent;
629
+ --button-link-hover-right-border-style: var(--borders-style-1);
630
+ --button-link-hover-right-border-width: var(--borders-width-1);
631
+ --button-link-hover-bottom-border-color: transparent;
632
+ --button-link-hover-bottom-border-style: var(--borders-style-1);
633
+ --button-link-hover-bottom-border-width: var(--borders-width-1);
634
+ --button-link-hover-shadow: var(--shadows-shadow-none);
635
+ --button-link-hover-bg-color: transparent;
636
+ --button-link-hover-font-color: var(--colors-link-6);
637
+ --button-link-active-top-border-color: transparent;
638
+ --button-link-active-top-border-style: var(--borders-style-1);
639
+ --button-link-active-top-border-width: var(--borders-width-1);
640
+ --button-link-active-left-border-color: transparent;
641
+ --button-link-active-left-border-style: var(--borders-style-1);
642
+ --button-link-active-left-border-width: var(--borders-width-1);
643
+ --button-link-active-right-border-color: transparent;
644
+ --button-link-active-right-border-style: var(--borders-style-1);
645
+ --button-link-active-right-border-width: var(--borders-width-1);
646
+ --button-link-active-bottom-border-color: transparent;
647
+ --button-link-active-bottom-border-style: var(--borders-style-1);
648
+ --button-link-active-bottom-border-width: var(--borders-width-1);
649
+ --button-link-active-shadow: var(--shadows-shadow-none);
650
+ --button-link-active-bg-color: transparent;
651
+ --button-link-active-font-color: var(--colors-link-4);
652
+ --button-link-disabled-top-border-color: transparent;
653
+ --button-link-disabled-top-border-style: var(--borders-style-1);
654
+ --button-link-disabled-top-border-width: var(--borders-width-1);
655
+ --button-link-disabled-left-border-color: transparent;
656
+ --button-link-disabled-left-border-style: var(--borders-style-1);
657
+ --button-link-disabled-left-border-width: var(--borders-width-1);
658
+ --button-link-disabled-right-border-color: transparent;
659
+ --button-link-disabled-right-border-style: var(--borders-style-1);
660
+ --button-link-disabled-right-border-width: var(--borders-width-1);
661
+ --button-link-disabled-bottom-border-color: transparent;
662
+ --button-link-disabled-bottom-border-style: var(--borders-style-1);
663
+ --button-link-disabled-bottom-border-width: var(--borders-width-1);
664
+ --button-link-disabled-shadow: var(--shadows-shadow-none);
665
+ --button-link-disabled-bg-color: transparent;
666
+ --button-link-disabled-font-color: var(--colors-neutral-text-6);
667
+ --button-size-default-top-left-border-radius: var(--borders-radius-3);
668
+ --button-size-default-top-right-border-radius: var(--borders-radius-3);
669
+ --button-size-default-bottom-left-border-radius: var(--borders-radius-3);
670
+ --button-size-default-bottom-right-border-radius: var(--borders-radius-3);
671
+ --button-size-default-height: var(--sizes-base-16);
672
+ --button-size-default-fontSize: var(--fonts-size-7);
673
+ --button-size-default-minWidth: var(--sizes-size-1);
674
+ --button-size-default-icon-size: var(--sizes-size-8);
675
+ --button-size-default-fontWeight: var(--fonts-weight-6);
676
+ --button-size-default-lineHeight: var(--fonts-lineHeight-2);
677
+ --button-size-default-icon-margin: var(--sizes-size-3);
678
+ --button-size-default-marginTop: var(--sizes-size-0);
679
+ --button-size-default-marginLeft: var(--sizes-size-0);
680
+ --button-size-default-paddingTop: var(--sizes-size-3);
681
+ --button-size-default-marginRight: var(--sizes-size-0);
682
+ --button-size-default-paddingLeft: var(--sizes-size-7);
683
+ --button-size-default-marginBottom: var(--sizes-size-0);
684
+ --button-size-default-paddingRight: var(--sizes-size-7);
685
+ --button-size-default-paddingBottom: var(--sizes-size-3);
686
+ --button-size-xs-top-left-border-radius: var(--borders-radius-3);
687
+ --button-size-xs-top-right-border-radius: var(--borders-radius-3);
688
+ --button-size-xs-bottom-left-border-radius: var(--borders-radius-3);
689
+ --button-size-xs-bottom-right-border-radius: var(--borders-radius-3);
690
+ --button-size-xs-height: var(--sizes-base-11);
691
+ --button-size-xs-fontSize: var(--fonts-size-8);
692
+ --button-size-xs-minWidth: var(--sizes-size-1);
693
+ --button-size-xs-icon-size: var(--sizes-size-8);
694
+ --button-size-xs-fontWeight: var(--fonts-weight-6);
695
+ --button-size-xs-lineHeight: var(--fonts-lineHeight-2);
696
+ --button-size-xs-icon-margin: var(--sizes-size-3);
697
+ --button-size-xs-marginTop: var(--sizes-size-0);
698
+ --button-size-xs-marginLeft: var(--sizes-size-0);
699
+ --button-size-xs-paddingTop: var(--sizes-size-2);
700
+ --button-size-xs-marginRight: var(--sizes-size-0);
701
+ --button-size-xs-paddingLeft: var(--sizes-size-3);
702
+ --button-size-xs-marginBottom: var(--sizes-size-0);
703
+ --button-size-xs-paddingRight: var(--sizes-size-3);
704
+ --button-size-xs-paddingBottom: var(--sizes-size-2);
705
+ --button-size-sm-top-left-border-radius: var(--borders-radius-3);
706
+ --button-size-sm-top-right-border-radius: var(--borders-radius-3);
707
+ --button-size-sm-bottom-left-border-radius: var(--borders-radius-3);
708
+ --button-size-sm-bottom-right-border-radius: var(--borders-radius-3);
709
+ --button-size-sm-height: var(--sizes-base-15);
710
+ --button-size-sm-fontSize: var(--fonts-size-8);
711
+ --button-size-sm-minWidth: var(--sizes-size-1);
712
+ --button-size-sm-icon-size: var(--sizes-size-8);
713
+ --button-size-sm-fontWeight: var(--fonts-weight-6);
714
+ --button-size-sm-lineHeight: var(--fonts-lineHeight-2);
715
+ --button-size-sm-icon-margin: var(--sizes-size-3);
716
+ --button-size-sm-marginTop: var(--sizes-size-0);
717
+ --button-size-sm-marginLeft: var(--sizes-size-0);
718
+ --button-size-sm-paddingTop: var(--sizes-size-3);
719
+ --button-size-sm-marginRight: var(--sizes-size-0);
720
+ --button-size-sm-paddingLeft: var(--sizes-size-6);
721
+ --button-size-sm-marginBottom: var(--sizes-size-0);
722
+ --button-size-sm-paddingRight: var(--sizes-size-6);
723
+ --button-size-sm-paddingBottom: var(--sizes-size-3);
724
+ --button-size-md-top-left-border-radius: var(--borders-radius-3);
725
+ --button-size-md-top-right-border-radius: var(--borders-radius-3);
726
+ --button-size-md-bottom-left-border-radius: var(--borders-radius-3);
727
+ --button-size-md-bottom-right-border-radius: var(--borders-radius-3);
728
+ --button-size-md-height: var(--sizes-base-16);
729
+ --button-size-md-fontSize: var(--fonts-size-7);
730
+ --button-size-md-minWidth: var(--sizes-size-1);
731
+ --button-size-md-icon-size: var(--sizes-size-8);
732
+ --button-size-md-fontWeight: var(--fonts-weight-6);
733
+ --button-size-md-lineHeight: var(--fonts-lineHeight-2);
734
+ --button-size-md-icon-margin: var(--sizes-size-3);
735
+ --button-size-md-marginTop: var(--sizes-size-0);
736
+ --button-size-md-marginLeft: var(--sizes-size-0);
737
+ --button-size-md-paddingTop: var(--sizes-size-3);
738
+ --button-size-md-marginRight: var(--sizes-size-0);
739
+ --button-size-md-paddingLeft: var(--sizes-size-7);
740
+ --button-size-md-marginBottom: var(--sizes-size-0);
741
+ --button-size-md-paddingRight: var(--sizes-size-7);
742
+ --button-size-md-paddingBottom: var(--sizes-size-3);
743
+ --button-size-lg-top-left-border-radius: var(--borders-radius-3);
744
+ --button-size-lg-top-right-border-radius: var(--borders-radius-3);
745
+ --button-size-lg-bottom-left-border-radius: var(--borders-radius-3);
746
+ --button-size-lg-bottom-right-border-radius: var(--borders-radius-3);
747
+ --button-size-lg-height: var(--sizes-base-19);
748
+ --button-size-lg-fontSize: var(--fonts-size-7);
749
+ --button-size-lg-minWidth: var(--sizes-size-1);
750
+ --button-size-lg-icon-size: var(--sizes-size-8);
751
+ --button-size-lg-fontWeight: var(--fonts-weight-6);
752
+ --button-size-lg-lineHeight: var(--fonts-lineHeight-2);
753
+ --button-size-lg-icon-margin: var(--sizes-size-3);
754
+ --button-size-lg-marginTop: var(--sizes-size-0);
755
+ --button-size-lg-marginLeft: var(--sizes-size-0);
756
+ --button-size-lg-paddingTop: var(--sizes-size-6);
757
+ --button-size-lg-marginRight: var(--sizes-size-0);
758
+ --button-size-lg-paddingLeft: var(--sizes-size-9);
759
+ --button-size-lg-marginBottom: var(--sizes-size-0);
760
+ --button-size-lg-paddingRight: var(--sizes-size-9);
761
+ --button-size-lg-paddingBottom: var(--sizes-size-6);
762
+ --transfer-base-title-bg: var(--colors-neutral-fill-10);
763
+ --transfer-base-title-color: var(--colors-neutral-text-2);
764
+ --transfer-base-title-fontSize: var(--fonts-size-7);
765
+ --transfer-base-title-fontWeight: var(--fonts-weight-6);
766
+ --transfer-base-title-lineHeight: var(--fonts-lineHeight-2);
767
+ --transfer-base-content-color: var(--colors-neutral-text-2);
768
+ --transfer-base-content-fontSize: var(--fonts-size-7);
769
+ --transfer-base-content-fontWeight: var(--fonts-weight-6);
770
+ --transfer-base-content-lineHeight: var(--fonts-lineHeight-2);
771
+ --transfer-base-top-border-color: var(--colors-neutral-line-8);
772
+ --transfer-base-top-border-width: var(--borders-width-2);
773
+ --transfer-base-top-border-style: var(--borders-style-2);
774
+ --transfer-base-right-border-color: var(--colors-neutral-line-8);
775
+ --transfer-base-right-border-width: var(--borders-width-2);
776
+ --transfer-base-right-border-style: var(--borders-style-2);
777
+ --transfer-base-bottom-border-color: var(--colors-neutral-line-8);
778
+ --transfer-base-bottom-border-width: var(--borders-width-2);
779
+ --transfer-base-bottom-border-style: var(--borders-style-2);
780
+ --transfer-base-left-border-color: var(--colors-neutral-line-8);
781
+ --transfer-base-left-border-width: var(--borders-width-2);
782
+ --transfer-base-left-border-style: var(--borders-style-2);
783
+ --transfer-base-top-right-border-radius: var(--borders-radius-3);
784
+ --transfer-base-top-left-border-radius: var(--borders-radius-3);
785
+ --transfer-base-bottom-right-border-radius: var(--borders-radius-2);
786
+ --transfer-base-bottom-left-border-radius: var(--borders-radius-2);
787
+ --transfer-base-header-paddingTop: var(--sizes-size-5);
788
+ --transfer-base-header-paddingBottom: var(--sizes-size-5);
789
+ --transfer-base-header-paddingLeft: var(--sizes-size-8);
790
+ --transfer-base-header-paddingRight: var(--sizes-size-8);
791
+ --transfer-base-footer-border-color: var(--colors-neutral-line-8);
792
+ --transfer-base-body-paddingTop: var(--sizes-size-0);
793
+ --transfer-base-body-paddingBottom: var(--sizes-size-0);
794
+ --transfer-base-body-paddingLeft: var(--sizes-size-0);
795
+ --transfer-base-body-paddingRight: var(--sizes-size-0);
796
+ --transfer-base-option-paddingTop: var(--sizes-size-5);
797
+ --transfer-base-option-paddingBottom: var(--sizes-size-5);
798
+ --transfer-base-option-paddingLeft: var(--sizes-size-8);
799
+ --transfer-base-option-paddingRight: var(--sizes-size-8);
800
+ --transfer-base-option-marginTop: var(--sizes-size-0);
801
+ --transfer-base-option-marginBottom: var(--sizes-size-0);
802
+ --transfer-base-option-marginLeft: var(--sizes-size-0);
803
+ --transfer-base-option-marginRight: var(--sizes-size-0);
804
+ --transfer-base-shadow: var(--shadows-shadow-none);
805
+ --transfer-search-color: var(--colors-neutral-text-2);
806
+ --transfer-search-fontSize: var(--fonts-size-7);
807
+ --transfer-search-fontWeight: var(--fonts-weight-6);
808
+ --transfer-search-lineHeight: var(--fonts-lineHeight-2);
809
+ --transfer-search-placeholder-font-color: var(--colors-neutral-text-6);
810
+ --transfer-search-top-border-color: var(--colors-neutral-line-8);
811
+ --transfer-search-top-border-width: var(--borders-width-2);
812
+ --transfer-search-top-border-style: var(--borders-style-2);
813
+ --transfer-search-right-border-color: var(--colors-neutral-line-8);
814
+ --transfer-search-right-border-width: var(--borders-width-2);
815
+ --transfer-search-right-border-style: var(--borders-style-2);
816
+ --transfer-search-bottom-border-color: var(--colors-neutral-line-8);
817
+ --transfer-search-bottom-border-width: var(--borders-width-2);
818
+ --transfer-search-bottom-border-style: var(--borders-style-2);
819
+ --transfer-search-left-border-color: var(--colors-neutral-line-8);
820
+ --transfer-search-left-border-width: var(--borders-width-2);
821
+ --transfer-search-left-border-style: var(--borders-style-2);
822
+ --transfer-search-top-right-border-radius: var(--borders-radius-3);
823
+ --transfer-search-top-left-border-radius: var(--borders-radius-3);
824
+ --transfer-search-bottom-right-border-radius: var(--borders-radius-3);
825
+ --transfer-search-bottom-left-border-radius: var(--borders-radius-3);
826
+ --transfer-search-border-hover-color: var(--colors-brand-4);
827
+ --transfer-search-border-active-color: var(--colors-brand-4);
828
+ --transfer-search-paddingTop: var(--sizes-size-6);
829
+ --transfer-search-paddingBottom: var(--sizes-size-6);
830
+ --transfer-search-paddingLeft: var(--sizes-size-6);
831
+ --transfer-search-paddingRight: var(--sizes-size-6);
832
+ --transfer-search-input-paddingTop: var(--sizes-size-4);
833
+ --transfer-search-input-paddingBottom: var(--sizes-size-4);
834
+ --transfer-search-input-paddingLeft: var(--sizes-size-7);
835
+ --transfer-search-input-paddingRight: var(--sizes-size-7);
836
+ --transfer-search-shadow: var(--shadows-shadow-none);
837
+ --transfer-group-color: var(--colors-neutral-text-5);
838
+ --transfer-group-fontSize: var(--fonts-size-7);
839
+ --transfer-group-fontWeight: var(--fonts-weight-6);
840
+ --transfer-group-lineHeight: var(--fonts-lineHeight-2);
841
+ --transfer-table-header-paddingTop: var(--sizes-size-5);
842
+ --transfer-table-header-paddingBottom: var(--sizes-size-5);
843
+ --transfer-table-header-paddingLeft: var(--sizes-size-7);
844
+ --transfer-table-header-paddingRight: var(--sizes-size-7);
845
+ --transfer-table-option-paddingTop: var(--sizes-size-4);
846
+ --transfer-table-option-paddingBottom: var(--sizes-size-5);
847
+ --transfer-table-option-paddingLeft: var(--sizes-size-7);
848
+ --transfer-table-option-paddingRight: var(--sizes-size-7);
849
+ --transfer-table-last-paddingRight: var(--sizes-base-9);
850
+ --transfer-tree-bg-hover-color: var(--colors-neutral-fill-10);
851
+ --transfer-tree-bg-active-color: var(--colors-brand-10);
852
+ --transfer-tree-top-right-border-radius: var(--borders-radius-2);
853
+ --transfer-tree-top-left-border-radius: var(--borders-radius-2);
854
+ --transfer-tree-bottom-right-border-radius: var(--borders-radius-2);
855
+ --transfer-tree-bottom-left-border-radius: var(--borders-radius-2);
856
+ --transfer-tree-paddingTop: var(--sizes-size-3);
857
+ --transfer-tree-paddingBottom: var(--sizes-size-3);
858
+ --transfer-tree-paddingLeft: var(--sizes-size-7);
859
+ --transfer-tree-paddingRight: var(--sizes-size-7);
860
+ --transfer-tree-marginTop: var(--sizes-size-0);
861
+ --transfer-tree-marginBottom: var(--sizes-size-2);
862
+ --transfer-tree-marginLeft: var(--sizes-size-0);
863
+ --transfer-tree-marginRight: var(--sizes-size-0);
864
+ --transfer-tree-option-paddingTop: var(--sizes-size-0);
865
+ --transfer-tree-option-paddingBottom: var(--sizes-size-0);
866
+ --transfer-tree-option-paddingLeft: var(--sizes-size-6);
867
+ --transfer-tree-option-paddingRight: var(--sizes-size-0);
868
+ --transfer-tree-option-marginTop: var(--sizes-size-0);
869
+ --transfer-tree-option-marginBottom: var(--sizes-size-4);
870
+ --transfer-tree-option-marginLeft: var(--sizes-size-0);
871
+ --transfer-tree-option-marginRight: var(--sizes-size-0);
872
+ --transfer-chained-paddingTop: var(--sizes-size-5);
873
+ --transfer-chained-paddingBottom: var(--sizes-size-5);
874
+ --transfer-chained-paddingLeft: var(--sizes-size-6);
875
+ --transfer-chained-paddingRight: var(--sizes-size-6);
876
+ --transfer-chained-marginTop: var(--sizes-size-0);
877
+ --transfer-chained-marginBottom: var(--sizes-size-0);
878
+ --transfer-chained-marginLeft: var(--sizes-size-0);
879
+ --transfer-chained-marginRight: var(--sizes-size-0);
880
+ --input-default-default-top-border-color: var(--colors-neutral-line-8);
881
+ --input-default-default-top-border-width: var(--borders-width-2);
882
+ --input-default-default-top-border-style: var(--borders-style-2);
883
+ --input-default-default-right-border-color: var(--colors-neutral-line-8);
884
+ --input-default-default-right-border-width: var(--borders-width-2);
885
+ --input-default-default-right-border-style: var(--borders-style-2);
886
+ --input-default-default-bottom-border-color: var(--colors-neutral-line-8);
887
+ --input-default-default-bottom-border-width: var(--borders-width-2);
888
+ --input-default-default-bottom-border-style: var(--borders-style-2);
889
+ --input-default-default-left-border-color: var(--colors-neutral-line-8);
890
+ --input-default-default-left-border-width: var(--borders-width-2);
891
+ --input-default-default-left-border-style: var(--borders-style-2);
892
+ --input-default-default-top-right-border-radius: var(--borders-radius-3);
893
+ --input-default-default-top-left-border-radius: var(--borders-radius-3);
894
+ --input-default-default-bottom-right-border-radius: var(--borders-radius-3);
895
+ --input-default-default-bottom-left-border-radius: var(--borders-radius-3);
896
+ --input-default-default-color: var(--colors-neutral-fill-2);
897
+ --input-default-default-fontSize: var(--fonts-size-7);
898
+ --input-default-default-fontWeight: var(--fonts-weight-6);
899
+ --input-default-default-lineHeight: var(--fonts-lineHeight-2);
900
+ --input-default-default-paddingTop: var(--sizes-size-3);
901
+ --input-default-default-paddingBottom: var(--sizes-size-3);
902
+ --input-default-default-paddingLeft: var(--sizes-size-6);
903
+ --input-default-default-paddingRight: var(--sizes-size-6);
904
+ --input-default-default-bg-color: var(--colors-neutral-fill-11);
905
+ --input-default-hover-top-border-color: var(--colors-brand-5);
906
+ --input-default-hover-top-border-width: var(--borders-width-2);
907
+ --input-default-hover-top-border-style: var(--borders-style-2);
908
+ --input-default-hover-right-border-color: var(--colors-brand-5);
909
+ --input-default-hover-right-border-width: var(--borders-width-2);
910
+ --input-default-hover-right-border-style: var(--borders-style-2);
911
+ --input-default-hover-bottom-border-color: var(--colors-brand-5);
912
+ --input-default-hover-bottom-border-width: var(--borders-width-2);
913
+ --input-default-hover-bottom-border-style: var(--borders-style-2);
914
+ --input-default-hover-left-border-color: var(--colors-brand-5);
915
+ --input-default-hover-left-border-width: var(--borders-width-2);
916
+ --input-default-hover-left-border-style: var(--borders-style-2);
917
+ --input-default-hover-top-right-border-radius: var(--borders-radius-3);
918
+ --input-default-hover-top-left-border-radius: var(--borders-radius-3);
919
+ --input-default-hover-bottom-right-border-radius: var(--borders-radius-3);
920
+ --input-default-hover-bottom-left-border-radius: var(--borders-radius-3);
921
+ --input-default-hover-paddingTop: var(--sizes-size-3);
922
+ --input-default-hover-paddingBottom: var(--sizes-size-3);
923
+ --input-default-hover-paddingLeft: var(--sizes-size-6);
924
+ --input-default-hover-paddingRight: var(--sizes-size-6);
925
+ --input-default-hover-bg-color: var(--colors-neutral-fill-11);
926
+ --input-default-active-top-border-color: var(--colors-brand-5);
927
+ --input-default-active-top-border-width: var(--borders-width-2);
928
+ --input-default-active-top-border-style: var(--borders-style-2);
929
+ --input-default-active-right-border-color: var(--colors-brand-5);
930
+ --input-default-active-right-border-width: var(--borders-width-2);
931
+ --input-default-active-right-border-style: var(--borders-style-2);
932
+ --input-default-active-bottom-border-color: var(--colors-brand-5);
933
+ --input-default-active-bottom-border-width: var(--borders-width-2);
934
+ --input-default-active-bottom-border-style: var(--borders-style-2);
935
+ --input-default-active-left-border-color: var(--colors-brand-5);
936
+ --input-default-active-left-border-width: var(--borders-width-2);
937
+ --input-default-active-left-border-style: var(--borders-style-2);
938
+ --input-default-active-top-right-border-radius: var(--borders-radius-3);
939
+ --input-default-active-top-left-border-radius: var(--borders-radius-3);
940
+ --input-default-active-bottom-right-border-radius: var(--borders-radius-3);
941
+ --input-default-active-bottom-left-border-radius: var(--borders-radius-3);
942
+ --input-default-active-paddingTop: var(--sizes-size-3);
943
+ --input-default-active-paddingBottom: var(--sizes-size-3);
944
+ --input-default-active-paddingLeft: var(--sizes-size-6);
945
+ --input-default-active-paddingRight: var(--sizes-size-6);
946
+ --input-default-active-shadow: var(--shadows-shadow-none);
947
+ --input-default-active-bg-color: var(--colors-neutral-fill-11);
948
+ --input-default-disabled-top-border-color: var(--colors-neutral-line-8);
949
+ --input-default-disabled-top-border-width: var(--borders-width-2);
950
+ --input-default-disabled-top-border-style: var(--borders-style-2);
951
+ --input-default-disabled-right-border-color: var(--colors-neutral-line-8);
952
+ --input-default-disabled-right-border-width: var(--borders-width-2);
953
+ --input-default-disabled-right-border-style: var(--borders-style-2);
954
+ --input-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
955
+ --input-default-disabled-bottom-border-width: var(--borders-width-2);
956
+ --input-default-disabled-bottom-border-style: var(--borders-style-2);
957
+ --input-default-disabled-left-border-color: var(--colors-neutral-line-8);
958
+ --input-default-disabled-left-border-width: var(--borders-width-2);
959
+ --input-default-disabled-left-border-style: var(--borders-style-2);
960
+ --input-default-disabled-top-right-border-radius: var(--borders-radius-3);
961
+ --input-default-disabled-top-left-border-radius: var(--borders-radius-3);
962
+ --input-default-disabled-bottom-right-border-radius: var(--borders-radius-3);
963
+ --input-default-disabled-bottom-left-border-radius: var(--borders-radius-3);
964
+ --input-default-disabled-paddingTop: var(--sizes-size-3);
965
+ --input-default-disabled-paddingBottom: var(--sizes-size-3);
966
+ --input-default-disabled-paddingLeft: var(--sizes-size-6);
967
+ --input-default-disabled-paddingRight: var(--sizes-size-6);
968
+ --input-default-disabled-bg-color: var(--colors-neutral-fill-10);
969
+ --input-clearable-icon: '<svg t="1642652418667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3606"><path d="M512 39.384615C250.092308 39.384615 39.384615 250.092308 39.384615 512s210.707692 472.615385 472.615385 472.615385 472.615385-210.707692 472.615385-472.615385S773.907692 39.384615 512 39.384615z m96.492308 488.369231l153.6 153.6c7.876923 7.876923 7.876923 19.692308 0 27.569231l-55.138462 55.138461c-7.876923 7.876923-19.692308 7.876923-27.569231 0L525.784615 610.461538c-7.876923-7.876923-19.692308-7.876923-27.56923 0l-153.6 153.6c-7.876923 7.876923-19.692308 7.876923-27.569231 0L261.907692 708.923077c-7.876923-7.876923-7.876923-19.692308 0-27.569231l153.6-153.6c7.876923-7.876923 7.876923-19.692308 0-27.569231l-155.56923-155.56923c-7.876923-7.876923-7.876923-19.692308 0-27.569231l55.138461-55.138462c7.876923-7.876923 19.692308-7.876923 27.569231 0l155.569231 155.569231c7.876923 7.876923 19.692308 7.876923 27.56923 0l153.6-153.6c7.876923-7.876923 19.692308-7.876923 27.569231 0l55.138462 55.138462c7.876923 7.876923 7.876923 19.692308 0 27.56923l-153.6 153.6c-5.907692 7.876923-5.907692 19.692308 0 27.569231z" p-id="3607"></path></svg>';
970
+ --input-clearable-icon-size: var(--sizes-size-8);
971
+ --input-clearable-default-color: var(--colors-neutral-text-7);
972
+ --input-clearable-hover-color: var(--colors-neutral-text-4);
973
+ --input-clearable-active-color: var(--colors-neutral-text-4);
974
+ --input-count-single-fontSize: var(--fonts-size-7);
975
+ --input-count-single-color: var(--colors-neutral-text-6);
976
+ --input-count-multi-fontSize: var(--fonts-size-7);
977
+ --input-count-multi-color: var(--colors-neutral-text-5);
978
+ --input-prefix-fontSize: var(--fonts-size-7);
979
+ --input-prefix-color: var(--colors-neutral-text-2);
980
+ --input-password-invisible-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>不可见</title><g id="不可见" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><g id="编组"><rect id="矩形" stroke="none" fill="currentColor" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect><path d="M2.91972703,5.00035128 C3.15932221,5.56062137 3.48954828,6.0784548 3.89678565,6.53485922 C4.96673844,7.73914737 6.49518581,8.43995 8.14,8.43995 C9.76664693,8.43995 11.2813058,7.75315198 12.3523764,6.57033395 C12.6920742,6.19520277 12.9803798,5.7761243 13.209327,5.32420638 L13.3395085,5.04920376 L14.2544915,5.45269624 C13.9653387,6.10839593 13.572991,6.71219666 13.0936273,7.24156203 C12.7623988,7.60734835 12.3948705,7.93285848 11.9982387,8.21395897 L12.9566,9.87395 L12.0906,10.37395 L11.1412434,8.72942071 C10.3784723,9.11337429 9.54082663,9.35086388 8.66757967,9.41933209 L8.668,10.97185 L7.668,10.97185 L7.66735222,9.42343888 C6.75745885,9.35969244 5.88560233,9.11282413 5.09602954,8.70830726 L4.1485,10.34855 L3.2825,9.84855 L4.2424457,8.18636156 C3.84593988,7.9008387 3.4793171,7.57058753 3.14992355,7.19983732 C2.73988365,6.74029373 2.39560013,6.22662333 2.12776836,5.67339306 L2.00027297,5.39354872 L2.91972703,5.00035128 Z" id="形状结合"></path></g></g></svg>';
981
+ --input-password-invisible-icon-size: var(--sizes-size-8);
982
+ --input-password-invisible-icon-color: var(--colors-neutral-text-5);
983
+ --input-password-view-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>可见</title><g id="可见" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><g id="编组"><rect id="矩形" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect><path d="M7.9999,3.0001 C11.9889,3.0001 14.9999,6.8731 14.9999,8.0001 C14.9999,8.8831 11.9889,13.0001 7.9999,13.0001 C3.9609,13.0001 0.9999,8.8831 0.9999,8.0001 C0.9999,6.8731 3.9609,3.0001 7.9999,3.0001 Z M7.9999,4.0001 C4.7329,4.0001 2.2179,7.0861 2.0089,7.9731 C2.2749,8.7711 4.7189,12.0001 7.9999,12.0001 C11.2099,12.0001 13.7339,8.7311 13.9929,7.9631 C13.8069,7.1261 11.2709,4.0001 7.9999,4.0001 Z M7.975,5.879 C9.08,5.879 9.975,6.775 9.975,7.879 C9.975,8.983 9.08,9.879 7.975,9.879 C6.871,9.879 5.975,8.983 5.975,7.879 C5.975,6.775 6.871,5.879 7.975,5.879 Z M7.975,6.879 C7.424,6.879 6.975,7.327 6.975,7.879 C6.975,8.43 7.424,8.879 7.975,8.879 C8.527,8.879 8.975,8.43 8.975,7.879 C8.975,7.327 8.527,6.879 7.975,6.879 Z" id="图标"></path></g</g></svg>';
984
+ --input-password-view-icon-size: var(--sizes-size-8);
985
+ --input-password-view-icon-color: var(--colors-neutral-text-5);
986
+ --input-textarea-paddingTop: var(--sizes-size-3);
987
+ --input-textarea-paddingBottom: var(--sizes-size-3);
988
+ --input-textarea-paddingLeft: var(--sizes-size-6);
989
+ --input-textarea-paddingRight: var(--sizes-base-11);
990
+ --input-addon-text-bg-color-default: var(--colors-neutral-text-11);
991
+ --input-addon-text-bg-color-hover: var(--colors-neutral-text-11);
992
+ --input-addon-text-top-border-color: var(--colors-neutral-line-8);
993
+ --input-addon-text-top-border-width: var(--borders-width-2);
994
+ --input-addon-text-top-border-style: var(--borders-style-2);
995
+ --input-addon-text-right-border-color: var(--colors-neutral-line-8);
996
+ --input-addon-text-right-border-width: var(--borders-width-2);
997
+ --input-addon-text-right-border-style: var(--borders-style-2);
998
+ --input-addon-text-bottom-border-color: var(--colors-neutral-line-8);
999
+ --input-addon-text-bottom-border-width: var(--borders-width-2);
1000
+ --input-addon-text-bottom-border-style: var(--borders-style-2);
1001
+ --input-addon-text-left-border-color: var(--colors-neutral-line-8);
1002
+ --input-addon-text-left-border-width: var(--borders-width-2);
1003
+ --input-addon-text-left-border-style: var(--borders-style-2);
1004
+ --input-size-sm-height: var(--sizes-base-15);
1005
+ --input-size-default-height: var(--sizes-base-16);
1006
+ --input-size-md-height: var(--sizes-base-16);
1007
+ --input-size-lg-height: var(--sizes-base-19);
1008
+
1009
+ // 数字输入框
1010
+ --Form-inputNumber-base-width: var(--sizes-base-12);
1011
+ --Form-inputNumber-base-height: var(--sizes-base-16);
1012
+
1013
+ --inputNumber-base-default-top-border-color: var(--colors-neutral-line-8);
1014
+ --inputNumber-base-default-top-border-width: var(--borders-width-2);
1015
+ --inputNumber-base-default-top-border-style: var(--borders-style-2);
1016
+ --inputNumber-base-default-right-border-color: var(--colors-neutral-line-8);
1017
+ --inputNumber-base-default-right-border-width: var(--borders-width-2);
1018
+ --inputNumber-base-default-right-border-style: var(--borders-style-2);
1019
+ --inputNumber-base-default-bottom-border-color: var(--colors-neutral-line-8);
1020
+ --inputNumber-base-default-bottom-border-width: var(--borders-width-2);
1021
+ --inputNumber-base-default-bottom-border-style: var(--borders-style-2);
1022
+ --inputNumber-base-default-left-border-color: var(--colors-neutral-line-8);
1023
+ --inputNumber-base-default-left-border-width: var(--borders-width-2);
1024
+ --inputNumber-base-default-left-border-style: var(--borders-style-2);
1025
+ --inputNumber-base-default-top-right-border-radius: var(--borders-radius-3);
1026
+ --inputNumber-base-default-top-left-border-radius: var(--borders-radius-3);
1027
+ --inputNumber-base-default-bottom-right-border-radius: var(
1028
+ --borders-radius-3
1029
+ );
1030
+ --inputNumber-base-default-bottom-left-border-radius: var(--borders-radius-3);
1031
+ --inputNumber-base-default-paddingTop: var(--sizes-size-3);
1032
+ --inputNumber-base-default-paddingBottom: var(--sizes-size-3);
1033
+ --inputNumber-base-default-paddingLeft: var(--sizes-size-6);
1034
+ --inputNumber-base-default-paddingRight: var(--sizes-size-6);
1035
+ --inputNumber-base-default-bg-color: var(--colors-neutral-fill-11);
1036
+ --inputNumber-base-hover-top-border-color: var(--colors-brand-5);
1037
+ --inputNumber-base-hover-top-border-width: var(--borders-width-2);
1038
+ --inputNumber-base-hover-top-border-style: var(--borders-style-2);
1039
+ --inputNumber-base-hover-right-border-color: var(--colors-brand-5);
1040
+ --inputNumber-base-hover-right-border-width: var(--borders-width-2);
1041
+ --inputNumber-base-hover-right-border-style: var(--borders-style-2);
1042
+ --inputNumber-base-hover-bottom-border-color: var(--colors-brand-5);
1043
+ --inputNumber-base-hover-bottom-border-width: var(--borders-width-2);
1044
+ --inputNumber-base-hover-bottom-border-style: var(--borders-style-2);
1045
+ --inputNumber-base-hover-left-border-color: var(--colors-brand-5);
1046
+ --inputNumber-base-hover-left-border-width: var(--borders-width-2);
1047
+ --inputNumber-base-hover-left-border-style: var(--borders-style-2);
1048
+ --inputNumber-base-hover-top-right-border-radius: var(--borders-radius-3);
1049
+ --inputNumber-base-hover-top-left-border-radius: var(--borders-radius-3);
1050
+ --inputNumber-base-hover-bottom-right-border-radius: var(--borders-radius-3);
1051
+ --inputNumber-base-hover-bottom-left-border-radius: var(--borders-radius-3);
1052
+ --inputNumber-base-hover-paddingTop: var(--sizes-size-3);
1053
+ --inputNumber-base-hover-paddingBottom: var(--sizes-size-3);
1054
+ --inputNumber-base-hover-paddingLeft: var(--sizes-size-7);
1055
+ --inputNumber-base-hover-paddingRight: var(--sizes-size-7);
1056
+ --inputNumber-base-hover-bg-color: var(--colors-neutral-fill-11);
1057
+ --inputNumber-base-active-top-border-color: var(--colors-brand-5);
1058
+ --inputNumber-base-active-top-border-width: var(--borders-width-2);
1059
+ --inputNumber-base-active-top-border-style: var(--borders-style-2);
1060
+ --inputNumber-base-active-right-border-color: var(--colors-brand-5);
1061
+ --inputNumber-base-active-right-border-width: var(--borders-width-2);
1062
+ --inputNumber-base-active-right-border-style: var(--borders-style-2);
1063
+ --inputNumber-base-active-bottom-border-color: var(--colors-brand-5);
1064
+ --inputNumber-base-active-bottom-border-width: var(--borders-width-2);
1065
+ --inputNumber-base-active-bottom-border-style: var(--borders-style-2);
1066
+ --inputNumber-base-active-left-border-color: var(--colors-brand-5);
1067
+ --inputNumber-base-active-left-border-width: var(--borders-width-2);
1068
+ --inputNumber-base-active-left-border-style: var(--borders-style-2);
1069
+ --inputNumber-base-active-top-right-border-radius: var(--borders-radius-3);
1070
+ --inputNumber-base-active-top-left-border-radius: var(--borders-radius-3);
1071
+ --inputNumber-base-active-bottom-right-border-radius: var(--borders-radius-3);
1072
+ --inputNumber-base-active-bottom-left-border-radius: var(--borders-radius-3);
1073
+ --inputNumber-base-active-paddingTop: var(--sizes-size-3);
1074
+ --inputNumber-base-active-paddingBottom: var(--sizes-size-3);
1075
+ --inputNumber-base-active-paddingLeft: var(--sizes-size-7);
1076
+ --inputNumber-base-active-paddingRight: var(--sizes-size-7);
1077
+ --inputNumber-base-active-shadow: var(--Form-input-boxShadow);
1078
+ --inputNumber-base-active-bg-color: var(--colors-neutral-fill-11);
1079
+ --inputNumber-base-disabled-top-border-color: var(--colors-neutral-line-8);
1080
+ --inputNumber-base-disabled-top-border-width: var(--borders-width-2);
1081
+ --inputNumber-base-disabled-top-border-style: var(--borders-style-2);
1082
+ --inputNumber-base-disabled-right-border-color: var(--colors-neutral-line-8);
1083
+ --inputNumber-base-disabled-right-border-width: var(--borders-width-2);
1084
+ --inputNumber-base-disabled-right-border-style: var(--borders-style-2);
1085
+ --inputNumber-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
1086
+ --inputNumber-base-disabled-bottom-border-width: var(--borders-width-2);
1087
+ --inputNumber-base-disabled-bottom-border-style: var(--borders-style-2);
1088
+ --inputNumber-base-disabled-left-border-color: var(--colors-neutral-line-8);
1089
+ --inputNumber-base-disabled-left-border-width: var(--borders-width-2);
1090
+ --inputNumber-base-disabled-left-border-style: var(--borders-style-2);
1091
+ --inputNumber-base-disabled-top-right-border-radius: var(--borders-radius-3);
1092
+ --inputNumber-base-disabled-top-left-border-radius: var(--borders-radius-3);
1093
+ --inputNumber-base-disabled-bottom-right-border-radius: var(
1094
+ --borders-radius-3
1095
+ );
1096
+ --inputNumber-base-disabled-bottom-left-border-radius: var(
1097
+ --borders-radius-3
1098
+ );
1099
+ --inputNumber-base-disabled-paddingTop: var(--sizes-size-3);
1100
+ --inputNumber-base-disabled-paddingBottom: var(--sizes-size-3);
1101
+ --inputNumber-base-disabled-paddingLeft: var(--sizes-size-7);
1102
+ --inputNumber-base-disabled-paddingRight: var(--sizes-size-7);
1103
+ --inputNumber-base-disabled-bg-color: var(--colors-neutral-fill-10);
1104
+ --inputNumber-base-default-icon-fontSize: var(--fonts-size-8);
1105
+ --inputNumber-base-default-icon-color: var(--colors-neutral-text-2);
1106
+ --inputNumber-base-hover-icon-color: var(--colors-brand-5);
1107
+ --inputNumber-base-active-icon-color: var(--colors-brand-5);
1108
+ --inputNumber-base-default-step-bg: var(--colors-neutral-fill-11);
1109
+ --inputNumber-base-hover-step-bg: var(--colors-neutral-fill-11);
1110
+ --inputNumber-base-active-step-bg: var(--colors-neutral-fill-11);
1111
+ --inputNumber-base-unit-bg-color: var(--colors-neutral-fill-10);
1112
+ --inputNumber-base-default-unit-width: var(--sizes-base-28);
1113
+ --inputNumber-base-default-unit-paddingTop: calc(
1114
+ (
1115
+ var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
1116
+ var(--Form-input-fontSize) - var(--Form-input-borderWidth) * 2
1117
+ ) / 2
1118
+ );
1119
+ --inputNumber-base-default-unit-paddingBottom: calc(
1120
+ (
1121
+ var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
1122
+ var(--Form-input-fontSize) - var(--Form-input-borderWidth) * 2
1123
+ ) / 2
1124
+ );
1125
+ --inputNumber-base-default-unit-paddingLeft: var(--sizes-size-6);
1126
+ --inputNumber-base-default-unit-paddingRight: var(--sizes-size-6);
1127
+ --inputNumber-size-sm-height: var(--sizes-base-16);
1128
+ --inputNumber-size-default-height: var(--sizes-base-16);
1129
+ --inputNumber-size-md-height: var(--sizes-base-16);
1130
+ --inputNumber-size-lg-height: var(--sizes-base-16);
1131
+ --Number-handler-bg: var(--inputNumber-base-default-step-bg);
1132
+ --Number-handler-fontSize: var(--inputNumber-base-default-icon-fontSize);
1133
+ --Number-handler-color: var(--inputNumber-base-default-icon-color);
1134
+ --Number-handler-onHover-bg: var(--inputNumber-base-hover-step-bg);
1135
+ --Number-handler-onHover-color: var(--inputNumber-base-hover-icon-color);
1136
+ --Number-handler-onActive-bg: var(--inputNumber-base-active-step-bg);
1137
+ // 加强版数字输入框
1138
+ --inputNumber-enhance-default-top-border-color: var(--colors-neutral-line-7);
1139
+ --inputNumber-enhance-default-top-border-width: var(--borders-width-2);
1140
+ --inputNumber-enhance-default-top-border-style: var(--borders-style-2);
1141
+ --inputNumber-enhance-default-right-border-color: var(
1142
+ --colors-neutral-line-7
1143
+ );
1144
+ --inputNumber-enhance-default-right-border-width: var(--borders-width-2);
1145
+ --inputNumber-enhance-default-right-border-style: var(--borders-style-2);
1146
+ --inputNumber-enhance-default-bottom-border-color: var(
1147
+ --colors-neutral-line-7
1148
+ );
1149
+ --inputNumber-enhance-default-bottom-border-width: var(--borders-width-2);
1150
+ --inputNumber-enhance-default-bottom-border-style: var(--borders-style-2);
1151
+ --inputNumber-enhance-default-left-border-color: var(--colors-neutral-line-7);
1152
+ --inputNumber-enhance-default-left-border-width: var(--borders-width-2);
1153
+ --inputNumber-enhance-default-left-border-style: var(--borders-style-2);
1154
+ --inputNumber-enhance-default-top-right-border-radius: var(
1155
+ --borders-radius-3
1156
+ );
1157
+ --inputNumber-enhance-default-top-left-border-radius: var(--borders-radius-3);
1158
+ --inputNumber-enhance-default-bottom-right-border-radius: var(
1159
+ --borders-radius-3
1160
+ );
1161
+ --inputNumber-enhance-default-bottom-left-border-radius: var(
1162
+ --borders-radius-3
1163
+ );
1164
+ --inputNumber-enhance-default-paddingTop: var(--sizes-size-3);
1165
+ --inputNumber-enhance-default-paddingBottom: var(--sizes-size-3);
1166
+ --inputNumber-enhance-default-paddingLeft: var(--sizes-size-5);
1167
+ --inputNumber-enhance-default-paddingRight: var(--sizes-size-5);
1168
+ --inputNumber-enhance-default-bg-color: var(--colors-neutral-fill-11);
1169
+ --inputNumber-enhance-hover-top-border-color: var(--colors-brand-5);
1170
+ --inputNumber-enhance-hover-top-border-width: var(--borders-width-2);
1171
+ --inputNumber-enhance-hover-top-border-style: var(--borders-style-2);
1172
+ --inputNumber-enhance-hover-right-border-color: var(--colors-brand-5);
1173
+ --inputNumber-enhance-hover-right-border-width: var(--borders-width-2);
1174
+ --inputNumber-enhance-hover-right-border-style: var(--borders-style-2);
1175
+ --inputNumber-enhance-hover-bottom-border-color: var(--colors-brand-5);
1176
+ --inputNumber-enhance-hover-bottom-border-width: var(--borders-width-2);
1177
+ --inputNumber-enhance-hover-bottom-border-style: var(--borders-style-2);
1178
+ --inputNumber-enhance-hover-left-border-color: var(--colors-brand-5);
1179
+ --inputNumber-enhance-hover-left-border-width: var(--borders-width-2);
1180
+ --inputNumber-enhance-hover-left-border-style: var(--borders-style-2);
1181
+ --inputNumber-enhance-hover-top-right-border-radius: var(--borders-radius-3);
1182
+ --inputNumber-enhance-hover-top-left-border-radius: var(--borders-radius-3);
1183
+ --inputNumber-enhance-hover-bottom-right-border-radius: var(
1184
+ --borders-radius-3
1185
+ );
1186
+ --inputNumber-enhance-hover-bottom-left-border-radius: var(
1187
+ --borders-radius-3
1188
+ );
1189
+ --inputNumber-enhance-hover-paddingTop: var(--sizes-size-3);
1190
+ --inputNumber-enhance-hover-paddingBottom: var(--sizes-size-3);
1191
+ --inputNumber-enhance-hover-paddingLeft: var(--sizes-size-7);
1192
+ --inputNumber-enhance-hover-paddingRight: var(--sizes-size-7);
1193
+ --inputNumber-enhance-hover-bg-color: var(--colors-neutral-fill-11);
1194
+ --inputNumber-enhance-active-top-border-color: var(--colors-brand-5);
1195
+ --inputNumber-enhance-active-top-border-width: var(--borders-width-2);
1196
+ --inputNumber-enhance-active-top-border-style: var(--borders-style-2);
1197
+ --inputNumber-enhance-active-right-border-color: var(--colors-brand-5);
1198
+ --inputNumber-enhance-active-right-border-width: var(--borders-width-2);
1199
+ --inputNumber-enhance-active-right-border-style: var(--borders-style-2);
1200
+ --inputNumber-enhance-active-bottom-border-color: var(--colors-brand-5);
1201
+ --inputNumber-enhance-active-bottom-border-width: var(--borders-width-2);
1202
+ --inputNumber-enhance-active-bottom-border-style: var(--borders-style-2);
1203
+ --inputNumber-enhance-active-left-border-color: var(--colors-brand-5);
1204
+ --inputNumber-enhance-active-left-border-width: var(--borders-width-2);
1205
+ --inputNumber-enhance-active-left-border-style: var(--borders-style-2);
1206
+ --inputNumber-enhance-active-top-right-border-radius: var(--borders-radius-3);
1207
+ --inputNumber-enhance-active-top-left-border-radius: var(--borders-radius-3);
1208
+ --inputNumber-enhance-active-bottom-right-border-radius: var(
1209
+ --borders-radius-3
1210
+ );
1211
+ --inputNumber-enhance-active-bottom-left-border-radius: var(
1212
+ --borders-radius-3
1213
+ );
1214
+ --inputNumber-enhance-active-paddingTop: var(--sizes-size-3);
1215
+ --inputNumber-enhance-active-paddingBottom: var(--sizes-size-3);
1216
+ --inputNumber-enhance-active-paddingLeft: var(--sizes-size-7);
1217
+ --inputNumber-enhance-active-paddingRight: var(--sizes-size-7);
1218
+ --inputNumber-enhance-active-shadow: var(--shadows-shadow-none);
1219
+ --inputNumber-enhance-active-bg-color: var(--colors-neutral-fill-11);
1220
+ --inputNumber-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
1221
+ --inputNumber-enhance-disabled-top-border-width: var(--borders-width-2);
1222
+ --inputNumber-enhance-disabled-top-border-style: var(--borders-style-2);
1223
+ --inputNumber-enhance-disabled-right-border-color: var(
1224
+ --colors-neutral-line-8
1225
+ );
1226
+ --inputNumber-enhance-disabled-right-border-width: var(--borders-width-2);
1227
+ --inputNumber-enhance-disabled-right-border-style: var(--borders-style-2);
1228
+ --inputNumber-enhance-disabled-bottom-border-color: var(
1229
+ --colors-neutral-line-8
1230
+ );
1231
+ --inputNumber-enhance-disabled-bottom-border-width: var(--borders-width-2);
1232
+ --inputNumber-enhance-disabled-bottom-border-style: var(--borders-style-2);
1233
+ --inputNumber-enhance-disabled-left-border-color: var(
1234
+ --colors-neutral-line-8
1235
+ );
1236
+ --inputNumber-enhance-disabled-left-border-width: var(--borders-width-2);
1237
+ --inputNumber-enhance-disabled-left-border-style: var(--borders-style-2);
1238
+ --inputNumber-enhance-disabled-top-right-border-radius: var(
1239
+ --borders-radius-3
1240
+ );
1241
+ --inputNumber-enhance-disabled-top-left-border-radius: var(
1242
+ --borders-radius-3
1243
+ );
1244
+ --inputNumber-enhance-disabled-bottom-right-border-radius: var(
1245
+ --borders-radius-3
1246
+ );
1247
+ --inputNumber-enhance-disabled-bottom-left-border-radius: var(
1248
+ --borders-radius-3
1249
+ );
1250
+ --inputNumber-enhance-disabled-paddingTop: var(--sizes-size-3);
1251
+ --inputNumber-enhance-disabled-paddingBottom: var(--sizes-size-3);
1252
+ --inputNumber-enhance-disabled-paddingLeft: var(--sizes-size-7);
1253
+ --inputNumber-enhance-disabled-paddingRight: var(--sizes-size-7);
1254
+ --inputNumber-enhance-disabled-bg-color: var(--colors-neutral-fill-10);
1255
+ --inputNumber-enhance-default-icon-fontSize: var(--fonts-size-8);
1256
+ --inputNumber-enhance-leftIcon-default-height: var(--sizes-size-7);
1257
+ --inputNumber-enhance-leftIcon-default-width: var(--sizes-size-7);
1258
+ --inputNumber-enhance-leftIcon-default-color: var(--colors-neutral-text-2);
1259
+ --inputNumber-enhance-leftIcon-hover-color: var(--colors-brand-5);
1260
+ --inputNumber-enhance-leftIcon-active-color: var(--colors-brand-5);
1261
+ --inputNumber-enhance-leftIcon-default-bg-color: var(
1262
+ --colors-neutral-fill-11
1263
+ );
1264
+ --inputNumber-enhance-leftIcon-hover-bg-color: var(--colors-neutral-fill-11);
1265
+ --inputNumber-enhance-leftIcon-active-bg-color: var(--colors-neutral-fill-11);
1266
+ --inputNumber-enhance-rightIcon-default-height: var(--sizes-size-7);
1267
+ --inputNumber-enhance-rightIcon-default-width: var(--sizes-size-7);
1268
+ --inputNumber-enhance-rightIcon-default-color: var(--colors-neutral-text-2);
1269
+ --inputNumber-enhance-rightIcon-hover-color: var(--colors-brand-5);
1270
+ --inputNumber-enhance-rightIcon-active-color: var(--colors-brand-5);
1271
+ --inputNumber-enhance-rightIcon-default-bg-color: var(
1272
+ --colors-neutral-fill-11
1273
+ );
1274
+ --inputNumber-enhance-rightIcon-hover-bg-color: var(--colors-neutral-fill-11);
1275
+ --inputNumber-enhance-rightIcon-active-bg-color: var(
1276
+ --colors-neutral-fill-11
1277
+ );
1278
+ --inputNumber-enhance-leftIcon-default-icon: '<svg viewBox="0 0 12 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon icon-minus"><g id="minus" fill="currentColor" fill-rule="nonzero"><polygon id="path-1" points="0 1.6 0 0.4 12 0.4 12 1.6"></polygon></g></svg>';
1279
+ --inputNumber-enhance-rightIcon-default-icon: '<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" class="icon icon-plus"><path d="M6.6 6.6V12H5.4V6.6H0V5.4h5.4V0h1.2v5.4H12v1.2z" fill="currentColor" fill-rule="nonzero"></path></svg>';
1280
+ --inputNumber-enhance-mobile-input-width: #{px2rem(56px)};
1281
+ --inputNumber-enhance-mobile-icon-width: #{px2rem(28px)};
1282
+ --inputNumber-enhance-mobile-icon-height: #{px2rem(28px)};
1283
+ --inputNumber-enhance-mobile-icon-inner-width: #{px2rem(27px)};
1284
+ --inputNumber-enhance-mobile-icon-inner-height: #{px2rem(27px)};
1285
+ --Form-input-onHover-borderColor: var(--colors-brand-5);
1286
+ --Form-input-onFocused-borderColor: var(--colors-brand-5);
1287
+
1288
+ // 勾选框
1289
+ --checkbox-default-default-height: var(--sizes-size-9);
1290
+ --checkbox-default-default-bg-color: var(--colors-neutral-fill-11);
1291
+ --checkbox-default-default-text-color: var(--colors-neutral-text-2);
1292
+ --checkbox-default-default-fontWeight: var(--fonts-weight-6);
1293
+ --checkbox-default-default-fontSize: var(--fonts-size-7);
1294
+ --checkbox-default-default-distance: var(--sizes-size-5);
1295
+ @include borderColor(
1296
+ --checkbox-default-default,
1297
+ var(--colors-neutral-line-8)
1298
+ );
1299
+ @include borderWidth(--checkbox-default-default, var(--borders-width-2));
1300
+ @include borderStyle(--checkbox-default-default, var(--borders-style-2));
1301
+ @include borderRadius(--checkbox-default-default, var(--borders-radius-2));
1302
+
1303
+ --checkbox-default-hover-height: var(--sizes-size-9);
1304
+ --checkbox-default-hover-bg-color: var(--colors-neutral-fill-11);
1305
+ --checkbox-default-hover-text-color: var(--colors-neutral-text-2);
1306
+ --checkbox-default-hover-fontSize: var(--fonts-size-7);
1307
+ @include borderColor(--checkbox-default-hover, var(--colors-brand-5));
1308
+ @include borderWidth(--checkbox-default-hover, var(--borders-width-2));
1309
+ @include borderStyle(--checkbox-default-hover, var(--borders-style-2));
1310
+ @include borderRadius(--checkbox-default-hover, var(--borders-radius-2));
1311
+
1312
+ --checkbox-default-active-height: var(--sizes-size-9);
1313
+ --checkbox-default-active-bg-color: var(--colors-neutral-fill-11);
1314
+ --checkbox-default-active-text-color: var(--colors-neutral-text-2);
1315
+ --checkbox-default-active-fontSize: var(--fonts-size-7);
1316
+ @include borderColor(--checkbox-default-active, var(--colors-brand-5));
1317
+ @include borderWidth(--checkbox-default-active, var(--borders-width-2));
1318
+ @include borderStyle(--checkbox-default-active, var(--borders-style-2));
1319
+ @include borderRadius(--checkbox-default-active, var(--borders-radius-2));
1320
+
1321
+ --checkbox-default-disabled-height: var(--sizes-size-9);
1322
+ --checkbox-default-disabled-bg-color: var(--colors-neutral-fill-10);
1323
+ --checkbox-default-disabled-text-color: var(--colors-neutral-text-6);
1324
+ --checkbox-default-disabled-fontSize: var(--fonts-size-7);
1325
+ @include borderColor(
1326
+ --checkbox-default-disabled,
1327
+ var(--colors-neutral-line-8)
1328
+ );
1329
+ @include borderWidth(--checkbox-default-disabled, var(--borders-width-2));
1330
+ @include borderStyle(--checkbox-default-disabled, var(--borders-style-2));
1331
+ @include borderRadius(--checkbox-default-disabled, var(--borders-radius-2));
1332
+
1333
+ --checkbox-default-checked-default-height: var(--sizes-size-9);
1334
+ --checkbox-default-checked-default-bg-color: var(--colors-brand-5);
1335
+ --checkbox-default-checked-default-text-color: var(--colors-neutral-text-2);
1336
+ --checkbox-default-checked-default-fontSize: var(--fonts-size-7);
1337
+ --checkbox-default-checked-default-icon-size: var(--sizes-size-8);
1338
+ --checkbox-default-checked-default-icon-color: var(--colors-neutral-fill-11);
1339
+ --checkbox-default-checked-default-icon: '<svg viewBox="0 0 1024 1024"><path d="M806.784 295.744l45.248 45.184-362.112 362.048-45.184 45.312-226.24-226.24 45.184-45.184 180.992 180.928z" fill="currentColor"></path></svg>';
1340
+ @include borderColor(
1341
+ --checkbox-default-checked-default,
1342
+ var(--colors-brand-5)
1343
+ );
1344
+ @include borderWidth(
1345
+ --checkbox-default-checked-default,
1346
+ var(--borders-width-2)
1347
+ );
1348
+ @include borderStyle(
1349
+ --checkbox-default-checked-default,
1350
+ var(--borders-style-2)
1351
+ );
1352
+ @include borderRadius(
1353
+ --checkbox-default-checked-default,
1354
+ var(--borders-radius-2)
1355
+ );
1356
+
1357
+ --checkbox-default-checked-hover-height: var(--sizes-size-9);
1358
+ --checkbox-default-checked-hover-bg-color: var(--colors-brand-6);
1359
+ --checkbox-default-checked-hover-text-color: var(--colors-neutral-text-2);
1360
+ --checkbox-default-checked-hover-fontSize: var(--fonts-size-7);
1361
+ @include borderColor(--checkbox-default-checked-hover, var(--colors-brand-6));
1362
+ @include borderWidth(
1363
+ --checkbox-default-checked-hover,
1364
+ var(--borders-width-2)
1365
+ );
1366
+ @include borderStyle(
1367
+ --checkbox-default-checked-hover,
1368
+ var(--borders-style-2)
1369
+ );
1370
+ @include borderRadius(
1371
+ --checkbox-default-checked-hover,
1372
+ var(--borders-radius-2)
1373
+ );
1374
+
1375
+ --checkbox-default-checked-active-height: var(--sizes-size-9);
1376
+ --checkbox-default-checked-active-bg-color: var(--colors-brand-4);
1377
+ --checkbox-default-checked-active-text-color: var(--colors-neutral-text-2);
1378
+ --checkbox-default-checked-active-fontSize: var(--fonts-size-7);
1379
+ @include borderColor(
1380
+ --checkbox-default-checked-active,
1381
+ var(--colors-brand-5)
1382
+ );
1383
+ @include borderWidth(
1384
+ --checkbox-default-checked-active,
1385
+ var(--borders-width-2)
1386
+ );
1387
+ @include borderStyle(
1388
+ --checkbox-default-checked-active,
1389
+ var(--borders-style-2)
1390
+ );
1391
+ @include borderRadius(
1392
+ --checkbox-default-checked-active,
1393
+ var(--borders-radius-2)
1394
+ );
1395
+
1396
+ --checkbox-default-checked-disabled-height: var(--sizes-size-9);
1397
+ --checkbox-default-checked-disabled-bg-color: var(--colors-neutral-fill-10);
1398
+ --checkbox-default-checked-disabled-text-color: var(--colors-neutral-text-6);
1399
+ --checkbox-default-checked-disabled-fontSize: var(--fonts-size-7);
1400
+ --checkbox-default-checked-disabled-icon-color: var(--colors-neutral-fill-6);
1401
+ @include borderColor(
1402
+ --checkbox-default-checked-disabled,
1403
+ var(--colors-neutral-line-8)
1404
+ );
1405
+ @include borderWidth(
1406
+ --checkbox-default-checked-disabled,
1407
+ var(--borders-width-2)
1408
+ );
1409
+ @include borderStyle(
1410
+ --checkbox-default-checked-disabled,
1411
+ var(--borders-style-2)
1412
+ );
1413
+ @include borderRadius(
1414
+ --checkbox-default-checked-disabled,
1415
+ var(--borders-radius-2)
1416
+ );
1417
+
1418
+ --checkbox-button-default-height: var(--sizes-base-16);
1419
+ --checkbox-button-default-fontSize: var(--fonts-size-7);
1420
+ --checkbox-button-default-text-color: var(--colors-neutral-text-2);
1421
+ --checkbox-button-default-lineHeight: var(--fonts-lineHeight-2);
1422
+ @include padding(
1423
+ --checkbox-button-default,
1424
+ var(--sizes-size-3),
1425
+ var(--sizes-size-7)
1426
+ );
1427
+ @include borderRadius(--checkbox-button-default, var(--borders-radius-3));
1428
+ @include borderColor(--checkbox-button-default, var(--colors-neutral-line-8));
1429
+ @include borderWidth(--checkbox-button-default, var(--borders-width-2));
1430
+ @include borderStyle(--checkbox-button-default, var(--borders-style-2));
1431
+
1432
+ --checkbox-button-hover-text-color: var(--colors-brand-5);
1433
+ @include borderColor(--checkbox-button-hover, var(--colors-brand-5));
1434
+
1435
+ --checkbox-button-checked-default-text-color: var(--colors-brand-5);
1436
+ --checkbox-button-checked-default-icon-bg-size: var(--sizes-size-9);
1437
+ --checkbox-button-checked-default-icon-bg-color: var(--colors-brand-5);
1438
+ --checkbox-button-checked-default-icon-size: var(--sizes-size-8);
1439
+ --checkbox-button-checked-default-icon-color: var(--colors-neutral-fill-11);
1440
+ @include borderColor(
1441
+ --checkbox-button-checked-default,
1442
+ var(--colors-brand-5)
1443
+ );
1444
+
1445
+ --checkbox-button-checked-hover-text-color: var(--colors-brand-6);
1446
+ --checkbox-button-checked-hover-icon-bg-size: var(--sizes-size-9);
1447
+ --checkbox-button-checked-hover-icon-bg-color: var(--colors-brand-6);
1448
+ --checkbox-button-checked-hover-icon-size: var(--sizes-size-8);
1449
+ --checkbox-button-checked-hover-icon-color: var(--colors-neutral-fill-11);
1450
+ @include borderColor(--checkbox-button-checked-hover, var(--colors-brand-6));
1451
+
1452
+ --checkbox-button-checked-active-text-color: var(--colors-brand-4);
1453
+ --checkbox-button-checked-active-icon-bg-size: var(--sizes-size-9);
1454
+ --checkbox-button-checked-active-icon-bg-color: var(--colors-brand-4);
1455
+ --checkbox-button-checked-active-icon-size: var(--sizes-size-8);
1456
+ --checkbox-button-checked-active-icon-color: var(--colors-neutral-fill-11);
1457
+ @include borderColor(--checkbox-button-checked-active, var(--colors-brand-4));
1458
+
1459
+ --checkbox-button-disabled-text-color: var(--colors-neutral-text-6);
1460
+ --checkbox-button-disabled-bg-color: var(--colors-neutral-fill-10);
1461
+ @include borderColor(
1462
+ --checkbox-button-disabled,
1463
+ var(--colors-neutral-line-8)
1464
+ );
1465
+
1466
+ --checkbox-button-checked-disabled-text-color: var(--colors-neutral-text-5);
1467
+ --checkbox-button-checked-disabled-bg-color: var(--colors-neutral-fill-8);
1468
+ --checkbox-button-checked-disabled-icon-bg-size: var(--sizes-size-9);
1469
+ --checkbox-button-checked-disabled-icon-bg-color: var(
1470
+ --colors-neutral-fill-6
1471
+ );
1472
+ --checkbox-button-checked-disabled-icon-size: var(--sizes-size-8);
1473
+ --checkbox-button-checked-disabled-icon-color: var(--colors-neutral-fill-11);
1474
+ @include borderColor(
1475
+ --checkbox-button-checked-disabled,
1476
+ var(--colors-neutral-line-7)
1477
+ );
1478
+
1479
+ --checkbox-default-sm-size: var(--sizes-size-8);
1480
+ --checkbox-default-sm-icon-size: var(--sizes-size-7);
1481
+
1482
+ --checkbox-default-partial-default-icon: '<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" ><path d="M164.571429 424.96m87.04 0l520.777142 0q87.04 0 87.04 87.04l0 0q0 87.04-87.04 87.04l-520.777142 0q-87.04 0-87.04-87.04l0 0q0-87.04 87.04-87.04Z" fill="currentColor"></path></svg>';
1483
+
1484
+ --Checkbox-onHover-color: var(--checkbox-checked-default-bg-color);
1485
+ --Checkbox-onDisabled-bg: var(--colors-neutral-fill-10);
1486
+ --Checkbox-size: var(--checkbox-checkbox-default-height);
1487
+ --Checkbox-borderRadius: #{px2rem(2px)};
1488
+ --Checkbox-color: var(--borderColor);
1489
+ --Checkbox-gap: var(--gap-xs);
1490
+ --Checkbox-gb: var(--colors-neutral-fill-11);
1491
+ --Checkbox-inner-size: var(--sizes-size-5);
1492
+ --Checkbox-onDisabled-color: var(--colors-neutral-text-6);
1493
+ --Checkbox-inner-onDisabled-bg: #d4d6d9;
1494
+ --Checkbox-inner-onDisabled-color: #ffffff;
1495
+ --Checkbox-disabled-unchecked-bg: #f7f7f9;
1496
+ --Checkbox-inner-disabled-checked-bg: #e8e9eb;
1497
+ --Checkbox-border-width: var(--Form-input-borderWidth);
1498
+ --Checkbox-paddingX: #{px2rem(12px)};
1499
+ --Checkbox-button-height: #{px2rem(32px)};
1500
+ --Checkbox-button-line-height: #{px2rem(28px)};
1501
+ --Checkbox-button-min-width: #{px2rem(80px)};
1502
+
1503
+ // 树形选择框
1504
+ --inputTree-base-default-color: var(--colors-neutral-text-2);
1505
+ --inputTree-base-default-expandColor: var(--default-icon-color);
1506
+ --inputTree-base-hover-color: var(--colors-neutral-text-2);
1507
+ --inputTree-base-hover-expandColor: var(--default-icon-color);
1508
+ --inputTree-base-active-color: var(--colors-neutral-text-2);
1509
+ --inputTree-base-active-expandColor: var(--default-icon-color);
1510
+ --inputTree-base-disabled-color: var(--colors-neutral-text-6);
1511
+ --inputTree-base-disabled-expandColor: var(--default-icon-color);
1512
+ --inputTree-base-size-expandMarginRight: var(--sizes-size-5);
1513
+ --inputTree-base-size-nodeMarginRight: var(--sizes-size-5);
1514
+ --inputTree-checkboxes-size-marginRight: var(--sizes-size-5);
1515
+ --inputTree-border-color: var(--colors-neutral-line-8);
1516
+ --inputTree-border-radius: var(--borders-radius-3);
1517
+ --inputTree-input-lineHeight: var(--fonts-lineHeight-2);
1518
+ --inputTree-item-disabled-color: var(--colors-neutral-text-6);
1519
+ --inputTree-fontSize: var(--fontSizeBase);
1520
+ --inputTree-placeholder-color: var(--colors-neutral-text-6);
1521
+
1522
+ // 列表
1523
+ --listSelect-base-default-top-border-color: var(--colors-neutral-line-8);
1524
+ --listSelect-base-default-top-border-width: var(--borders-width-2);
1525
+ --listSelect-base-default-top-border-style: var(--borders-style-2);
1526
+ --listSelect-base-default-right-border-color: var(--colors-neutral-line-8);
1527
+ --listSelect-base-default-right-border-width: var(--borders-width-2);
1528
+ --listSelect-base-default-right-border-style: var(--borders-style-2);
1529
+ --listSelect-base-default-bottom-border-color: var(--colors-neutral-line-8);
1530
+ --listSelect-base-default-bottom-border-width: var(--borders-width-2);
1531
+ --listSelect-base-default-bottom-border-style: var(--borders-style-2);
1532
+ --listSelect-base-default-left-border-color: var(--colors-neutral-line-8);
1533
+ --listSelect-base-default-left-border-width: var(--borders-width-2);
1534
+ --listSelect-base-default-left-border-style: var(--borders-style-2);
1535
+ --listSelect-base-default-top-right-border-radius: var(--borders-radius-3);
1536
+ --listSelect-base-default-top-left-border-radius: var(--borders-radius-3);
1537
+ --listSelect-base-default-bottom-right-border-radius: var(--borders-radius-3);
1538
+ --listSelect-base-default-bottom-left-border-radius: var(--borders-radius-3);
1539
+ --listSelect-base-default-paddingTop: var(--sizes-size-4);
1540
+ --listSelect-base-default-paddingBottom: var(--sizes-size-4);
1541
+ --listSelect-base-default-paddingLeft: var(--sizes-size-6);
1542
+ --listSelect-base-default-paddingRight: var(--sizes-size-6);
1543
+ --listSelect-base-default-color: var(--colors-neutral-text-2);
1544
+ --listSelect-base-default-bg-color: var(--colors-neutral-fill-11);
1545
+ --listSelect-base-hover-top-border-color: var(--colors-brand-5);
1546
+ --listSelect-base-hover-top-border-width: var(--borders-width-2);
1547
+ --listSelect-base-hover-top-border-style: var(--borders-style-2);
1548
+ --listSelect-base-hover-right-border-color: var(--colors-brand-5);
1549
+ --listSelect-base-hover-right-border-width: var(--borders-width-2);
1550
+ --listSelect-base-hover-right-border-style: var(--borders-style-2);
1551
+ --listSelect-base-hover-bottom-border-color: var(--colors-brand-5);
1552
+ --listSelect-base-hover-bottom-border-width: var(--borders-width-2);
1553
+ --listSelect-base-hover-bottom-border-style: var(--borders-style-2);
1554
+ --listSelect-base-hover-left-border-color: var(--colors-brand-5);
1555
+ --listSelect-base-hover-left-border-width: var(--borders-width-2);
1556
+ --listSelect-base-hover-left-border-style: var(--borders-style-2);
1557
+ --listSelect-base-hover-top-right-border-radius: var(--borders-radius-3);
1558
+ --listSelect-base-hover-top-left-border-radius: var(--borders-radius-3);
1559
+ --listSelect-base-hover-bottom-right-border-radius: var(--borders-radius-3);
1560
+ --listSelect-base-hover-bottom-left-border-radius: var(--borders-radius-3);
1561
+ --listSelect-base-hover-paddingTop: var(--sizes-size-3);
1562
+ --listSelect-base-hover-paddingBottom: var(--sizes-size-3);
1563
+ --listSelect-base-hover-paddingLeft: var(--sizes-size-7);
1564
+ --listSelect-base-hover-paddingRight: var(--sizes-size-7);
1565
+ --listSelect-base-hover-color: var(--colors-brand-5);
1566
+ --listSelect-base-hover-bg-color: var(--colors-neutral-fill-11);
1567
+ --listSelect-base-active-top-border-color: var(--colors-brand-5);
1568
+ --listSelect-base-active-top-border-width: var(--borders-width-2);
1569
+ --listSelect-base-active-top-border-style: var(--borders-style-2);
1570
+ --listSelect-base-active-right-border-color: var(--colors-brand-5);
1571
+ --listSelect-base-active-right-border-width: var(--borders-width-2);
1572
+ --listSelect-base-active-right-border-style: var(--borders-style-2);
1573
+ --listSelect-base-active-bottom-border-color: var(--colors-brand-5);
1574
+ --listSelect-base-active-bottom-border-width: var(--borders-width-2);
1575
+ --listSelect-base-active-bottom-border-style: var(--borders-style-2);
1576
+ --listSelect-base-active-left-border-color: var(--colors-brand-5);
1577
+ --listSelect-base-active-left-border-width: var(--borders-width-2);
1578
+ --listSelect-base-active-left-border-style: var(--borders-style-2);
1579
+ --listSelect-base-active-top-right-border-radius: var(--borders-radius-3);
1580
+ --listSelect-base-active-top-left-border-radius: var(--borders-radius-3);
1581
+ --listSelect-base-active-bottom-right-border-radius: var(--borders-radius-3);
1582
+ --listSelect-base-active-bottom-left-border-radius: var(--borders-radius-3);
1583
+ --listSelect-base-active-paddingTop: var(--sizes-size-3);
1584
+ --listSelect-base-active-paddingBottom: var(--sizes-size-3);
1585
+ --listSelect-base-active-paddingLeft: var(--sizes-size-7);
1586
+ --listSelect-base-active-paddingRight: var(--sizes-size-7);
1587
+ --listSelect-base-active-shadow: var(--Form-input-boxShadow);
1588
+ --listSelect-base-active-color: var(--colors-brand-5);
1589
+ --listSelect-base-active-bg-color: var(--colors-neutral-fill-11);
1590
+ --listSelect-base-disabled-top-border-color: var(--colors-neutral-line-8);
1591
+ --listSelect-base-disabled-top-border-width: var(--borders-width-2);
1592
+ --listSelect-base-disabled-top-border-style: var(--borders-style-2);
1593
+ --listSelect-base-disabled-right-border-color: var(--colors-neutral-line-8);
1594
+ --listSelect-base-disabled-right-border-width: var(--borders-width-2);
1595
+ --listSelect-base-disabled-right-border-style: var(--borders-style-2);
1596
+ --listSelect-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
1597
+ --listSelect-base-disabled-bottom-border-width: var(--borders-width-2);
1598
+ --listSelect-base-disabled-bottom-border-style: var(--borders-style-2);
1599
+ --listSelect-base-disabled-left-border-color: var(--colors-neutral-line-8);
1600
+ --listSelect-base-disabled-left-border-width: var(--borders-width-2);
1601
+ --listSelect-base-disabled-left-border-style: var(--borders-style-2);
1602
+ --listSelect-base-disabled-top-right-border-radius: var(--borders-radius-3);
1603
+ --listSelect-base-disabled-top-left-border-radius: var(--borders-radius-3);
1604
+ --listSelect-base-disabled-bottom-right-border-radius: var(
1605
+ --borders-radius-3
1606
+ );
1607
+ --listSelect-base-disabled-bottom-left-border-radius: var(--borders-radius-3);
1608
+ --listSelect-base-disabled-paddingTop: var(--sizes-size-3);
1609
+ --listSelect-base-disabled-paddingBottom: var(--sizes-size-3);
1610
+ --listSelect-base-disabled-paddingLeft: var(--sizes-size-7);
1611
+ --listSelect-base-disabled-paddingRight: var(--sizes-size-7);
1612
+ --listSelect-base-disabled-color: var(--colors-neutral-text-6);
1613
+ --listSelect-base-disabled-bg-color: var(--colors-neutral-fill-10);
1614
+ --listSelect-base-image-width: var(--sizes-size-1);
1615
+ --ListControl-item-onHover-color: var(--listSelect-base-hover-color);
1616
+ --ListControl-item-onHover-borderColor: var(
1617
+ --listSelect-base-hover-top-border-color
1618
+ );
1619
+ --ListControl-item-onActive-color: var(--listSelect-base-active-color);
1620
+ --ListControl-item-onActive-onHover-bg: var(--colors-neutral-fill-11);
1621
+ --ListControl-item-onActive-color: var(
1622
+ --listSelect-base-active-top-border-color
1623
+ );
1624
+ --ListControl-item-onActive-before-bg: var(--colors-brand-5);
1625
+ --ListControl-item-color: var(--listSelect-base-default-color);
1626
+ --ListControl-item-onDisabled-color: var(--listSelect-base-disabled-color);
1627
+ --ListControl-item-paddingX: var(--listSelect-base-default-paddingLeft);
1628
+ --ListControl-item-paddingY: var(--listSelect-base-default-paddingTop);
1629
+
1630
+ // 链接
1631
+
1632
+ --link-onClick-color: var(--colors-link-4);
1633
+ --link-onClick-fontSize: var(--fonts-size-7);
1634
+ --link-onClick-font-style: none;
1635
+ --link-onClick-fontWeight: var(--fonts-weight-6);
1636
+ --link-onClick-text-decoration: none;
1637
+ --link-onClick-bg-color: transparent;
1638
+ --link-onHover-color: var(--colors-link-6);
1639
+ --link-onHover-fontSize: var(--fonts-size-7);
1640
+ --link-onHover-font-style: none;
1641
+ --link-onHover-fontWeight: var(--fonts-weight-6);
1642
+ --link-onHover-text-decoration: none;
1643
+ --link-onHover-bg-color: transparent;
1644
+ --link-color: var(--colors-link-5);
1645
+ --link-fontSize: var(--fonts-size-7);
1646
+ --link-font-style: none;
1647
+ --link-fontWeight: var(--fonts-weight-6);
1648
+ --link-text-decoration: none;
1649
+ --link-bg-color: transparent;
1650
+ --link-disabled-color: var(--colors-neutral-text-6);
1651
+ --link-disabled-fontSize: var(--fonts-size-7);
1652
+ --link-disabled-font-style: none;
1653
+ --link-disabled-fontWeight: var(--fonts-weight-6);
1654
+ --link-disabled-text-decoration: none;
1655
+ --link-disabled-bg-color: transparent;
1656
+ --link-icon-size: var(--sizes-size-8);
1657
+ --link-icon-margin: var(--sizes-size-3);
1658
+ --link-decoration: var(--link-text-decoration); // 原变量
1659
+ --link-onHover-decoration: var(--link-onClick-text-decoration);
1660
+
1661
+ // 表单
1662
+ --Form-item-gap: var(--sizes-base-12);
1663
+ --Form-item-mobile-gap: var(--sizes-base-4);
1664
+ --Form-item-color: var(--colors-neutral-text-4);
1665
+ --Form-item-fontSize: var(--fonts-size-7);
1666
+ --Form-item-fontWeight: var(--fonts-weight-6);
1667
+ --Form-item-lineHeight: var(--fonts-lineHeight-2);
1668
+ --Form-item-star-color: var(--colors-error-5);
1669
+ --Form-item-star-size: var(--sizes-size-7);
1670
+ --Form-description-color: var(--colors-neutral-text-5);
1671
+ --Form-description-fontSize: var(--fonts-size-8);
1672
+ --Form-description-fontWeight: var(--fonts-weight-6);
1673
+ --Form-description-lineHeight: var(--fonts-lineHeight-2);
1674
+ --Form-description-gap: var(--sizes-size-3);
1675
+ --Form-item-onError-color: var(--colors-neutral-text-4);
1676
+ --Form-item-onError-borderColor: var(--colors-error-5);
1677
+ --Form-item-onError-bg: var(--colors-neutral-fill-11);
1678
+ --Form-feedBack-color: var(--colors-error-5);
1679
+ --Form-feedBack-fontSize: var(--fonts-size-8);
1680
+ --Form-feedBack-fontWeight: var(--fonts-weight-6);
1681
+ --Form-feedBack-lineHeight: var(--fonts-lineHeight-2);
1682
+ --Form-feedBack-gap: var(--sizes-size-3);
1683
+ --Form-mode-default-labelGap: var(--sizes-size-5);
1684
+ --Form-mode-default-width: 100%;
1685
+ --Form--horizontal-label-gap: var(--sizes-base-8);
1686
+ --Form--horizontal-label-widthBase: var(--sizes-base-49);
1687
+ --Form--horizontal-label-widthXs: var(--sizes-base-25);
1688
+ --Form--horizontal-label-widthSm: var(--sizes-base-35);
1689
+ --Form--horizontal-label-widthMd: #{px2rem(136px)};
1690
+ --Form--horizontal-label-widthLg: #{px2rem(200px)};
1691
+ --Form--horizontal-value-marginTop: var(--sizes-size-0);
1692
+ --Form--horizontal-value-marginBottom: var(--sizes-size-0);
1693
+ --Form--horizontal-value-marginLeft: var(--sizes-size-5);
1694
+ --Form--horizontal-value-marginRight: var(--sizes-size-0);
1695
+ --Form--horizontal-value-maxWidth: 100%;
1696
+ --Form--horizontal-value-minWidth: var(--sizes-size-0);
1697
+ --Form--horizontal-value-minWidth: var(--sizes-size-0);
1698
+ --Form-mode-inline-item-gap: var(--sizes-base-8);
1699
+ --Form-mode-inline-label-gap: var(--sizes-base-8);
1700
+
1701
+ // 滑块
1702
+ --InputRange-track-bg: var(--colors-neutral-fill-8);
1703
+ --InputRange-track-height: var(--sizes-size-4);
1704
+ --InputRange-track-border-radius: var(--sizes-size-3);
1705
+ --InputRange-track-onActive-bg: var(--colors-brand-5);
1706
+ --InputRange-handle-height: var(--sizes-size-9);
1707
+ --InputRange-handle-width: var(--sizes-size-9);
1708
+ --InputRange-handle-mobile-height: var(--sizes-base-10);
1709
+ --InputRange-handle-mobile-width: var(--sizes-base-10);
1710
+ --InputRange-handle-bg: var(--colors-neutral-fill-11);
1711
+ --InputRange-handle-top-border-color: var(--colors-brand-5);
1712
+ --InputRange-handle-top-border-width: #{px2rem(1px)};
1713
+ --InputRange-handle-top-border-style: var(--borders-style-2);
1714
+ --InputRange-handle-top-right-border-radius: var(--borders-radius-7);
1715
+ --InputRange-handle-border: var(--InputRange-handle-top-border-width)
1716
+ var(--InputRange-handle-top-border-style)
1717
+ var(--InputRange-handle-top-border-color);
1718
+ --InputRange-handle-border-radius: var(
1719
+ --InputRange-handle-top-right-border-radius
1720
+ );
1721
+ --InputRange-handle-onActive-transform: scale(1.3);
1722
+ --InputRange-handle-onDrage-border-width: #{px2rem(2px)};
1723
+ --InputRange-handle-onFocus-borderRadius: var(
1724
+ --InputRange-handle-border-radius
1725
+ );
1726
+ --InputRange-padding: #{px2rem(16px)};
1727
+ --InputRange-handle-icon-width: var(--sizes-size-5);
1728
+ --InputRange-handle-icon-height: var(--sizes-size-5);
1729
+ --InputRange-handle-icon-color: var(--colors-brand-9);
1730
+ --InputRange-track-onActive-onDisabled-bg: var(--colors-neutral-fill-6);
1731
+ --InputRange-handle-onDisabled-border-color: var(--colors-neutral-fill-7);
1732
+ --InputRange-handle-onDisabled-bg: var(--colors-neutral-fill-11);
1733
+ --InputRange-handle-icon-onDisabled-color: var(--colors-neutral-fill-7);
1734
+ --InputRange-track-transition: left var(--animation-duration) ease-out,
1735
+ width var(--animation-duration) ease-out;
1736
+ --InputRange-handle-transition: transform var(--animation-duration) ease-out;
1737
+ --InputRange-track-dot-height: var(--sizes-size-4);
1738
+ --InputRange-track-dot-width: var(--sizes-size-4);
1739
+ --InputRange-track-dot-bg: var(--colors-neutral-fill-11);
1740
+ --InputRange-marks-color: var(--colors-neutral-text-2);
1741
+ --InputRange-marks-fontSize: var(--fonts-size-7);
1742
+ --InputRange-marks-fontWeight: var(--fonts-weight-6);
1743
+ --InputRange-marks-lineHeight: var(--fonts-lineHeight-2);
1744
+ --InputRange-marks-marginTop: var(--sizes-size-0);
1745
+ --InputRange-label-color: var(--colors-neutral-fill-11);
1746
+ --InputRange-label-fontSize: var(--fonts-size-7);
1747
+ --InputRange-label-font-size: var(--InputRange-label-fontSize);
1748
+ --InputRange-label-fontWeight: var(--fonts-weight-6);
1749
+ --InputRange-label-lineHeight: var(--fonts-lineHeight-2);
1750
+ --InputRange-label-paddingTop: var(--sizes-size-5);
1751
+ --InputRange-label-paddingBottom: var(--sizes-size-5);
1752
+ --InputRange-label-paddingLeft: var(--sizes-size-5);
1753
+ --InputRange-label-paddingRight: var(--sizes-size-5);
1754
+ --InputRange-label-bg: var(--colors-neutral-fill-1);
1755
+ --InputRange-label-top-right-border-radius: var(--borders-radius-3);
1756
+ --InputRange-label-padding: var(--InputRange-label-paddingTop)
1757
+ var(--InputRange-label-paddingRight) var(--InputRange-label-paddingBottom)
1758
+ var(--InputRange-label-paddingLeft);
1759
+ --InputRange-label-border-radius: var(
1760
+ --InputRange-label-top-right-border-radius
1761
+ );
1762
+ --InputRange-label-position-bottom: calc(100% + 8px);
1763
+ --InputRange-input-width: var(--sizes-base-40);
1764
+ --InputRange-input-mobile-width: var(--sizes-base-20);
1765
+ --InputRange-input-marginTop: var(--sizes-size-0);
1766
+ --InputRange-input-marginBottom: var(--sizes-size-0);
1767
+ --InputRange-input-marginLeft: var(--sizes-size-5);
1768
+ --InputRange-input-marginRight: var(--sizes-size-5);
1769
+ --InputRange-clearIcon-height: var(--sizes-size-7);
1770
+ --InputRange-clearIcon-width: var(--sizes-size-7);
1771
+ --InputRange-clearIcon-color: var(--colors-neutral-text-4);
1772
+ --InputRange-clearIcon-hoverColor: var(--colors-brand-5);
1773
+
1774
+ // 进度条
1775
+ --Progress-line-bg: var(--colors-neutral-fill-8);
1776
+ --Progress-line-theme-color: var(--colors-brand-5);
1777
+ --Progress-line-color: var(--colors-neutral-text-2);
1778
+ --Progress-line-fontSize: var(--fonts-size-8);
1779
+ --Progress-circle-bg: var(--colors-neutral-fill-8);
1780
+ --Progress-circle-theme-color: red;
1781
+ --Progress-circle-color: var(--colors-neutral-text-2);
1782
+ --Progress-circle-fontSize: var(--fonts-size-8);
1783
+
1784
+ --Progress-borderRadius: var(--borderRadius);
1785
+ --Progress-animate-backgroundColor: #fff;
1786
+ --Progress-bar-backgroundColor: var(--colors-neutral-fill-8);
1787
+
1788
+ // 对话框
1789
+ --dialog-default-border-width: var(--sizes-size-0);
1790
+ --dialog-default-border-radius: var(--sizes-size-4);
1791
+ --dialog-default-padding-y: var(--sizes-base-12);
1792
+ --dialog-header-height: var(--sizes-size-1);
1793
+ --dialog-icon-icon: '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon icon-close"><g id="close" transform="translate(1.439340, 1.439340)" fill="currentColor" fill-rule="nonzero"><polygon points="12.0606602 5.80646642e-14 13.1213203 1.06066017 7.62066017 6.56066017 13.1213203 12.0606602 12.0606602 13.1213203 6.56066017 7.62066017 1.06066017 13.1213203 0 12.0606602 5.49966017 6.56066017 1.72084569e-13 1.06066017 1.06066017 0 6.56066017 5.49966017"></polygon></g></svg>';
1794
+ --dialog-icon-size: var(--sizes-size-9);
1795
+ --dialog-icon-color: var(--colors-neutral-text-6);
1796
+ --dialog-header-color: var(--colors-neutral-text-2);
1797
+ --dialog-header-fontSize: var(--fonts-size-7);
1798
+ --dialog-header-fontWeight: var(--fonts-weight-5);
1799
+ --dialog-content-fontSize: var(--sizes-size-8);
1800
+ --dialog-content-color: var(--colors-neutral-text-2);
1801
+ --dialog-footer-height: var(--sizes-size-1);
1802
+ --dialog-footer-margin-left: var(--sizes-size-5);
1803
+ --dialog-size-sm-width: #{px2rem(350px)};
1804
+ --dialog-size-normal-width: #{px2rem(500px)};
1805
+ --dialog-size-lg-width: #{px2rem(1100px)};
1806
+ --dialog-size-xl-width: 90%;
1807
+
1808
+ --Modal-bg: var(--background);
1809
+ --Modal-body--noHeader-paddingTop: var(--gap-base);
1810
+ --Modal-body-borderBottom: var(--borders-style-1) solid
1811
+ var(--colors-neutral-line-10);
1812
+ --Modal-body-borderTop: var(--borders-style-1) solid
1813
+ var(--colors-neutral-line-10);
1814
+ --Modal-body-paddingX: var(--sizes-size-0);
1815
+ --Modal-body-paddingY: var(--sizes-base-12);
1816
+ --Modal-close-color: var(--text--muted-color);
1817
+ --Modal-close-width: #{px2rem(16px)};
1818
+ --Modal-content-borderColor: var(--colors-neutral-fill-9);
1819
+ --Modal-content-borderRadius: var(--borders-radius-4);
1820
+ --Modal-content-borderWidth: var(--borders-width-2);
1821
+ --Modal-content-minHeight: #{px2rem(193px)};
1822
+ --Modal-content-startMarginTop: #{px2rem(60px)};
1823
+ --Modal-content-stepMarginTop: #{px2rem(30px)};
1824
+ --Modal-footer-button-width: #{px2rem(72px)};
1825
+ --Modal-footer-marginX: var(--sizes-size-0);
1826
+ --Modal-footer-marginY: var(--sizes-size-0);
1827
+ --Modal-footer-padding: var(--sizes-size-0);
1828
+ --Modal-header-bg: var(--colors-neutral-fill-11);
1829
+ --Modal-header-height: #{px2rem(40px)};
1830
+ --Modal-header-paddingX: var(--sizes-size-0);
1831
+ --Modal-header-paddingY: var(--sizes-size-0);
1832
+ --Modal-overlay-bg: rgba(0, 0, 0, 0.7);
1833
+ --Modal-title-color: var(--colors-neutral-text-2);
1834
+ --Modal-title-fontSize: var(--fonts-size-7);
1835
+ --Modal-title-fontWeight: var(--fonts-weight-5);
1836
+ --Modal-title-lineHeight: var(--lineHeightBase);
1837
+ --Modal-widthBase: #{px2rem(500px)};
1838
+ --Modal-widthLg: #{px2rem(1100px)};
1839
+ --Modal-widthMd: #{px2rem(800px)};
1840
+ --Modal-widthSm: #{px2rem(350px)};
1841
+ --Modal-widthXl: 90%;
1842
+ --Model-close-onHover-color: var(--text-color);
1843
+
1844
+ // 抽屉
1845
+ --drawer-header-height: var(--sizes-size-1);
1846
+ --drawer-header-color: var(--colors-neutral-text-2);
1847
+ --drawer-header-fontSize: var(--fonts-size-7);
1848
+ --drawer-header-fontWeight: var(--fonts-weight-5);
1849
+ --drawer-header-icon-icon: '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class=" icon-close"><g id="close" transform="translate(1.439340, 1.439340)" fill="currentColor" fill-rule="nonzero"><polygon points="12.0606602 5.80646642e-14 13.1213203 1.06066017 7.62066017 6.56066017 13.1213203 12.0606602 12.0606602 13.1213203 6.56066017 7.62066017 1.06066017 13.1213203 0 12.0606602 5.49966017 6.56066017 1.72084569e-13 1.06066017 1.06066017 0 6.56066017 5.49966017"></polygon></g></svg>';
1850
+ --drawer-header-icon-size: var(--sizes-size-7);
1851
+ --drawer-header-icon-color: var(--colors-neutral-text-2);
1852
+ --drawer-content-paddingTop: var(--sizes-base-12);
1853
+ --drawer-content-paddingBottom: var(--sizes-base-12);
1854
+ --drawer-content-paddingLeft: var(--sizes-base-12);
1855
+ --drawer-content-paddingRight: var(--sizes-base-12);
1856
+ --drawer-footer-height: var(--sizes-size-1);
1857
+ --drawer-footer-margin-left: var(--sizes-size-9);
1858
+ --drawer-size-xs-width: #{px2rem(200px)};
1859
+ --drawer-size-sm-width: #{px2rem(300px)};
1860
+ --drawer-size-md-width: #{px2rem(500px)};
1861
+ --drawer-size-lg-width: #{px2rem(800px)};
1862
+ --drawer-size-xl-width: 90%;
1863
+
1864
+ --Drawer-bg: var(--background);
1865
+ --Drawer-body-padding: var(--sizes-base-12);
1866
+ --Drawer-footer-margin: var(--sizes-size-9);
1867
+ --Drawer-close-color: var(--colors-neutral-text-2);
1868
+ --Drawer-close-onHover-color: var(--text-color);
1869
+ --Drawer-close-size: #{px2rem(12px)};
1870
+ --Drawer-content-borderColor: var(--borderColor);
1871
+ --Drawer-content-borderRadius: 0;
1872
+ --Drawer-content-borderWidth: var(--borderWidth);
1873
+ --Drawer-footer-borderColor: var(--colors-neutral-line-10);
1874
+ --Drawer-footer-padding: var(--gap-base);
1875
+ --Drawer-header-bg: var(--colors-neutral-fill-11);
1876
+ --Drawer-header-borderColor: var(--colors-neutral-line-10);
1877
+ --Drawer-header-padding: var(--sizes-size-9) var(--sizes-base-12);
1878
+ --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
1879
+ --Drawer-title-fontColor: var(--colors-neutral-text-2);
1880
+ --Drawer-title-fontSize: var(--fontSizeMd);
1881
+ --Drawer-widthBase: #{px2rem(400px)};
1882
+ --Drawer-widthLg: #{px2rem(800px)};
1883
+ --Drawer-widthMd: #{px2rem(500px)};
1884
+ --Drawer-widthSm: #{px2rem(300px)};
1885
+ --Drawer-widthXl: 90%;
1886
+ --Drawer-widthXs: #{px2rem(200px)};
1887
+
1888
+ // 评分
1889
+ --Rating-star-margin: var(--sizes-size-5);
1890
+ --Rating-star-size: var(--sizes-base-12);
1891
+ --Rating-star-icon-size: var(--sizes-base-9);
1892
+ --Rating-star-icon: '<svg class="icon" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="currentColor" d="M4.99672493,4.37617062 L1.28100904,4.93702533 C0.463702827,5.06039054 -0.102812689,5.85030962 0.0156612291,6.70135899 C0.0628630935,7.04043042 0.216147743,7.35382434 0.451761131,7.59297508 L3.14101949,10.3226082 L3.14101949,10.3226082 L2.50531937,14.1787855 C2.3655991,15.0263332 2.91216489,15.8313483 3.72610824,15.9768371 C4.05030943,16.0347866 4.38381497,15.9798039 4.67496871,15.8204054 L7.99934906,14.0003997 L7.99934906,14.0003997 L11.3254267,15.8208814 C12.0564401,16.2209912 12.9605363,15.9282748 13.3447823,15.167081 C13.4978067,14.8639388 13.5505833,14.5167196 13.4949403,14.1791872 L12.859174,10.3226082 L12.859174,10.3226082 L15.5482634,7.59400813 C16.1397301,6.99385103 16.1519752,6.00805341 15.5756136,5.39216751 C15.3460036,5.14681192 15.0450939,4.98715562 14.7195072,4.93793566 L11.0034685,4.37617062 L11.0034685,4.37617062 L9.34151455,0.868493275 C8.97611971,0.0973002947 8.07952072,-0.219434766 7.33890469,0.161045701 C7.04395753,0.312570398 6.80521255,0.561123051 6.65963735,0.868217393 L4.99672493,4.37617062 L4.99672493,4.37617062 Z"></path></svg>';
1893
+ --Rating-colors: '[{"value":"#abadb1","id":2},{"value":"#787b81","id":3},{"value":"#ffa900","id":5}]';
1894
+ --Rating-text-color: var(--colors-neutral-text-2);
1895
+ --Rating-text-fontSize: var(--fonts-size-7);
1896
+ --Rating-text-fontWeight: var(--fonts-weight-6);
1897
+ --Rating-text-lineHeight: var(--fonts-lineHeight-2);
1898
+ --Rating-inactive-color: var(--colors-neutral-text-9);
1899
+
1900
+ --radio-default-default-border-color: var(--colors-neutral-text-8);
1901
+ --radio-default-default-text-color: var(--colors-neutral-text-2);
1902
+ --radio-default-default-bg-color: var(--colors-neutral-fill-11);
1903
+ --radio-default-default-fontSize: var(--fonts-size-7);
1904
+ --radio-default-default-fontWeight: var(--fonts-weight-6);
1905
+ --radio-default-default-lineHeight: var(--fonts-lineHeight-2);
1906
+ --radio-default-default-point-size: var(--sizes-size-9);
1907
+ --radio-default-default-distance: var(--sizes-size-5);
1908
+ @include margin(
1909
+ --radio-default-default,
1910
+ var(--sizes-size-4),
1911
+ var(--sizes-size-9),
1912
+ var(--sizes-size-0),
1913
+ var(--sizes-size-0)
1914
+ );
1915
+
1916
+ --radio-default-hover-text-color: var(--colors-neutral-text-2);
1917
+ --radio-default-hover-bg-color: var(--colors-neutral-fill-11);
1918
+ --radio-default-hover-border-color: var(--colors-brand-5);
1919
+
1920
+ --radio-default-checked-icon-size: var(--sizes-size-5);
1921
+ --radio-default-checked-icon-color: var(--colors-brand-5);
1922
+ --radio-default-checked-icon: '<svg viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="currentColor"></path></svg>';
1923
+ --radio-default-checked-text-color: var(--colors-neutral-text-2);
1924
+ --radio-default-checked-bg-color: var(--colors-neutral-fill-11);
1925
+ --radio-default-checked-border-color: var(--colors-brand-5);
1926
+
1927
+ --radio-default-disabled-border-color: var(--colors-neutral-line-8);
1928
+ --radio-default-disabled-icon-color: var(--colors-neutral-fill-7);
1929
+ --radio-default-disabled-text-color: var(--colors-neutral-text-6);
1930
+ --radio-default-disabled-bg-color: var(--colors-neutral-fill-10);
1931
+
1932
+ @include margin(
1933
+ --radio-default-vertical,
1934
+ var(--sizes-size-4),
1935
+ var(--sizes-size-5),
1936
+ var(--sizes-size-0),
1937
+ var(--sizes-size-0)
1938
+ );
1939
+
1940
+ --radio-button-default-height: var(--sizes-base-16);
1941
+ --radio-button-default-fontSize: var(--fonts-size-7);
1942
+ --radio-button-default-text-color: var(--colors-neutral-text-2);
1943
+ --radio-button-default-lineHeight: var(--fonts-lineHeight-2);
1944
+ @include padding(
1945
+ --radio-button-default,
1946
+ var(--sizes-size-3),
1947
+ var(--sizes-size-7)
1948
+ );
1949
+ @include borderRadius(--radio-button-default, var(--borders-radius-3));
1950
+ @include borderColor(--radio-button-default, var(--colors-neutral-line-8));
1951
+ @include borderWidth(--radio-button-default, var(--borders-width-2));
1952
+ @include borderStyle(--radio-button-default, var(--borders-style-2));
1953
+
1954
+ --radio-button-hover-text-color: var(--colors-brand-5);
1955
+ @include borderColor(--radio-button-hover, var(--colors-brand-5));
1956
+
1957
+ --radio-button-checked-text-color: var(--colors-neutral-text-11);
1958
+ --radio-button-checked-bg-color: var(--colors-brand-5);
1959
+ @include borderColor(--radio-button-checked, var(--colors-brand-5));
1960
+
1961
+ --radio-button-disabled-unchecked-text-color: var(--colors-neutral-text-6);
1962
+ --radio-button-disabled-unchecked-bg-color: var(--colors-neutral-fill-10);
1963
+ @include borderColor(
1964
+ --radio-button-disabled-unchecked,
1965
+ var(--colors-neutral-line-8)
1966
+ );
1967
+
1968
+ --radio-button-disabled-checked-text-color: var(--colors-neutral-text-5);
1969
+ --radio-button-disabled-checked-bg-color: var(--colors-neutral-fill-8);
1970
+ @include borderColor(
1971
+ --radio-button-disabled-checked,
1972
+ var(--colors-neutral-line-7)
1973
+ );
1974
+
1975
+ --switch-default-off-bg-color: var(--colors-neutral-fill-7);
1976
+ --switch-default-off-hover-bg-color: var(--colors-neutral-fill-6);
1977
+ --switch-default-off-slider-color: var(--colors-neutral-fill-11);
1978
+ --switch-default-on-bg-color: var(--colors-brand-5);
1979
+ --switch-default-on-hover-bg-color: var(--colors-brand-4);
1980
+ --switch-default-on-slider-color: var(--colors-neutral-fill-11);
1981
+ --switch-option-fontSize: var(--fonts-size-7);
1982
+ --switch-option-fontWeight: var(--fonts-weight-6);
1983
+ --switch-option-lineHeight: var(--fonts-lineHeight-2);
1984
+ --switch-option-color: var(--colors-neutral-text-2);
1985
+ --switch-option-marginTop: var(--sizes-size-0);
1986
+ --switch-option-marginBottom: var(--sizes-size-0);
1987
+ --switch-option-marginLeft: var(--sizes-size-5);
1988
+ --switch-option-marginRight: var(--sizes-size-0);
1989
+ --switch-text-off-fontSize: var(--fonts-size-8);
1990
+ --switch-text-off-fontWeight: var(--fonts-weight-3);
1991
+ --switch-text-off-color: var(--colors-neutral-text-11);
1992
+ --switch-text-off-marginTop: var(--sizes-size-0);
1993
+ --switch-text-off-marginBottom: var(--sizes-size-0);
1994
+ --switch-text-off-marginLeft: var(--sizes-base-12);
1995
+ --switch-text-off-marginRight: var(--sizes-size-5);
1996
+ --switch-text-on-fontSize: var(--fonts-size-8);
1997
+ --switch-text-on-fontWeight: var(--fonts-weight-3);
1998
+ --switch-text-on-color: var(--colors-neutral-text-11);
1999
+ --switch-text-on-marginTop: var(--sizes-size-0);
2000
+ --switch-text-on-marginBottom: var(--sizes-size-0);
2001
+ --switch-text-on-marginLeft: var(--sizes-base-4);
2002
+ --switch-text-on-marginRight: var(--sizes-base-12);
2003
+ --switch-size-default-height: var(--sizes-base-10);
2004
+ --switch-size-default-minWidth: var(--sizes-base-22);
2005
+ --switch-size-default-slider-width: var(--sizes-size-9);
2006
+ --switch-size-default-slider-margin: var(--sizes-size-2);
2007
+ --switch-size-default-top-right-border-radius: var(--sizes-base-15);
2008
+ --switch-size-default-top-left-border-radius: var(--sizes-base-15);
2009
+ --switch-size-default-bottom-right-border-radius: var(--sizes-base-15);
2010
+ --switch-size-default-bottom-left-border-radius: var(--sizes-base-15);
2011
+ --switch-size-sm-height: var(--sizes-size-9);
2012
+ --switch-size-sm-minWidth: var(--sizes-base-14);
2013
+ --switch-size-sm-slider-width: var(--sizes-size-7);
2014
+ --switch-size-sm-slider-margin: var(--sizes-size-2);
2015
+ --switch-size-sm-top-right-border-radius: var(--sizes-base-15);
2016
+ --switch-size-sm-top-left-border-radius: var(--sizes-base-15);
2017
+ --switch-size-sm-bottom-right-border-radius: var(--sizes-base-15);
2018
+ --switch-size-sm-bottom-left-border-radius: var(--sizes-base-15);
2019
+ --Switch-bgColor: var(--switch-default-off-bg-color);
2020
+ --Switch-borderColor: var(--colors-neutral-line-6);
2021
+ --Switch-gap: var(--switch-option-marginLeft);
2022
+ --Switch-height: var(--switch-size-default-height);
2023
+ --Switch-onActive-bgColor: var(--switch-default-on-bg-color);
2024
+ --Switch-onDisabled-bgColor: var(--colors-brand-9);
2025
+ --Switch-onDisabled-circle-BackgroundColor: var(--colors-neutral-fill-11);
2026
+ --Switch-onDisabled-color: var(--colors-neutral-text-11);
2027
+ --Switch-onHover-bgColor: var(--switch-default-off-hover-bg-color);
2028
+ --Switch-valueColor: var(--switch-text-off-color);
2029
+ --Switch-width: var(--switch-size-default-minWidth);
2030
+ --Switch-slider-margin: var(--switch-size-default-slider-margin);
2031
+ --Switch-slider-width: var(--switch-size-default-slider-width);
2032
+ --Switch-slider-transition: all 0.5s ease;
2033
+ --Switch-text-marginRight: var(--switch-text-off-marginRight);
2034
+ --Switch-text-marginLeft: var(--switch-text-off-marginLeft);
2035
+ --Switch-width--sm: var(--switch-size-sm-minWidth);
2036
+ --Switch-height--sm: var(--switch-size-sm-height);
2037
+ --Switch-slider-width--sm: var(--switch-size-sm-slider-width);
2038
+ --Switch-text-marginRight--sm: var(--switch-text-off-marginRight);
2039
+ --Switch-text-marginLeft--sm: var(--switch-text-off-marginLeft);
2040
+ --Switch-checked-bgColor: var(--switch-default-on-bg-color);
2041
+ --Switch-checked-onHover-bgColor: var(--switch-default-on-hover-bg-color);
2042
+ --Switch-checked-onActive-bgColor: var(--colors-brand-4);
2043
+ --Switch-spinner-icon-width: var(--sizes-base-7);
2044
+ --Switch-spinner-icon-width--sm: var(--sizes-base-5);
2045
+ --switch-spinner-left--sm: var(--sizes-size-0);
2046
+
2047
+ --collapse-default-top-border-color: var(--colors-neutral-line-8);
2048
+ --collapse-default-top-border-width: var(--borders-width-2);
2049
+ --collapse-default-top-border-style: var(--borders-style-2);
2050
+ --collapse-default-right-border-color: var(--colors-neutral-line-8);
2051
+ --collapse-default-right-border-width: var(--borders-width-2);
2052
+ --collapse-default-right-border-style: var(--borders-style-2);
2053
+ --collapse-default-bottom-border-color: var(--colors-neutral-line-8);
2054
+ --collapse-default-bottom-border-width: var(--borders-width-2);
2055
+ --collapse-default-bottom-border-style: var(--borders-style-2);
2056
+ --collapse-default-left-border-color: var(--colors-neutral-line-8);
2057
+ --collapse-default-left-border-width: var(--borders-width-2);
2058
+ --collapse-default-left-border-style: var(--borders-style-2);
2059
+ --collapse-default-top-right-border-radius: var(--borders-radius-3);
2060
+ --collapse-default-top-left-border-radius: var(--borders-radius-3);
2061
+ --collapse-default-bottom-right-border-radius: var(--borders-radius-3);
2062
+ --collapse-default-bottom-left-border-radius: var(--borders-radius-3);
2063
+ --collapse-default-header-paddingTop: var(--sizes-size-9);
2064
+ --collapse-default-header-paddingBottom: var(--sizes-size-9);
2065
+ --collapse-default-header-paddingLeft: var(--sizes-size-9);
2066
+ --collapse-default-header-paddingRight: var(--sizes-size-9);
2067
+ --collapse-default-header-color: var(--colors-neutral-text-2);
2068
+ --collapse-default-header-fontSize: var(--fonts-size-7);
2069
+ --collapse-default-header-fontWeight: var(--fonts-weight-6);
2070
+ --collapse-default-header-lineHeight: var(--fonts-lineHeight-2);
2071
+ --collapse-default-header-bg-color: var(--colors-neutral-fill-10);
2072
+ --collapse-default-header-hover-bg-color: var(--colors-neutral-fill-9);
2073
+ --collapse-default-header-hover-color: var(--colors-neutral-text-2);
2074
+ --collapse-default-disabled-header-bg-color: var(--colors-neutral-fill-10);
2075
+ --collapse-default-disabled-color: var(--colors-neutral-text-6);
2076
+ --collapse-default-content-paddingTop: var(--sizes-size-9);
2077
+ --collapse-default-content-paddingBottom: var(--sizes-size-9);
2078
+ --collapse-default-content-paddingLeft: var(--sizes-size-9);
2079
+ --collapse-default-content-paddingRight: var(--sizes-size-9);
2080
+ --collapse-default-content-color: var(--colors-neutral-text-2);
2081
+ --collapse-default-content-fontSize: var(--fonts-size-8);
2082
+ --collapse-default-content-fontWeight: var(--fonts-weight-6);
2083
+ --collapse-default-content-lineHeight: var(--fonts-lineHeight-2);
2084
+ --collapse-default-bg-color: var(--colors-neutral-fill-11);
2085
+ --collapse-icon-icon: '<svg viewBox="0 0 99 176" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(-0.132812, 0.304688)" fill="currentColor" fill-rule="nonzero"><path d="M95.6353697,79.4031346 C95.3433678,79.1111326 95.037575,78.8417152 94.7219891,78.5906854 L19.819373,3.29993262 C15.6492004,-0.870040234 8.88818437,-0.870040234 4.71821172,3.29993262 C0.548238867,7.47010527 0.548238867,14.2309215 4.71821172,18.4010939 L72.9329621,87.0041811 L3.25320488,156.617783 C-0.916767969,160.787956 -0.916767969,167.548772 3.25320488,171.719144 C7.42317773,175.889117 14.1841937,175.889117 18.3543662,171.719144 L94.7211895,95.4180764 C95.0369754,95.1668467 95.342968,94.8976293 95.6351697,94.6054273 C97.7329475,92.5076496 98.7744412,89.7539166 98.7615739,87.0043809 C98.7746414,84.2544453 97.7331475,81.5009123 95.6353697,79.4031346 Z" id="路径"></path></g></svg>';
2086
+ --collapse-icon-size: var(--sizes-size-6);
2087
+ --collapse-icon-color: var(--colors-neutral-text-5);
2088
+ --collapse-icon-margin: var(--sizes-size-5);
2089
+ --collapse-icon-rotate: 90deg;
2090
+ --Collapse-header-fontSize: var(--collapse-default-header-fontSize);
2091
+ --Collapse-header-fontWeight: var(--collapse-default-header-fontWeight);
2092
+ --Collapse-header-padding: var(--collapse-default-header-paddingTop)
2093
+ var(--collapse-default-header-paddingRight)
2094
+ var(--collapse-default-header-paddingBottom)
2095
+ var(--collapse-default-header-paddingLeft);
2096
+ --Collapse-header-bg: var(--collapse-default-header-bg-color);
2097
+ --Collapse-header-onHover-bg: var(--collapse-default-header-hover-bg-color);
2098
+ --Collapse-header-collapsed-borderTop: none;
2099
+ --Collapse-header-collapsed-borderBottom: none;
2100
+ --Collapse-header-wrapper-direction: row-reverse;
2101
+ --Collapse-header-bg-disabled-color: var(
2102
+ --collapse-disabled-header-hover-bg-color
2103
+ );
2104
+ --Collapse-content-padding: var(--collapse-default-content-paddingTop)
2105
+ var(--collapse-default-content-paddingRight)
2106
+ var(--collapse-default-content-paddingBottom)
2107
+ var(--collapse-default-content-paddingLeft);
2108
+ --Collapse-content-color: var(--collapse-default-content-color);
2109
+ --Collapse-content-fontSize: var(--collapse-default-content-fontSize);
2110
+ --Collapse-content-fontWeight: var(--collapse-default-content-fontWeight);
2111
+ --Collapse-mobile-marginBottom: var(--sizes-size-9);
2112
+
2113
+ // 选项卡
2114
+ --Tabs-borderColor: var(--colors-neutral-line-8);
2115
+ --Tabs-link-disabled-color: var(--colors-neutral-text-6);
2116
+ --Tabs--sidebar-iconColor: var(--colors-brand-5);
2117
+ --Tabs-borderRadius: var(--borderRadius);
2118
+ --Tabs-borderWidth: var(--borderWidth);
2119
+ --Tabs-borderColor: var(--colors-neutral-line-8);
2120
+ --Tabs-color: var(--text-color);
2121
+ --Tabs-content-bg: var(--colors-neutral-fill-11);
2122
+ --Tabs-linkFontSize: var(--fonts-size-7);
2123
+ --Tabs-linkMargin: 0 #{px2rem(3px)} 0 0;
2124
+ --Tabs-linkPadding: var(--gap-sm) var(--gap-base);
2125
+ --Tabs-onActive-bg: var(--background);
2126
+ --Tabs-onActive-borderColor: var(--borderColor);
2127
+ --Tabs-onActive-color: var(--colors-neutral-text-2);
2128
+ --Tabs-onError-color: var(--colors-error-5);
2129
+ --Tabs-onDisabled-color: var(--colors-neutral-text-7);
2130
+ --Tabs-onHover-borderColor: var(--colors-neutral-line-8);
2131
+ --Tabs-add-icon-size: #{px2rem(15px)};
2132
+ --Tabs-add-icon-padding: #{px2rem(1px)};
2133
+ --Tabs-add-icon-margin: var(--gap-xs);
2134
+ --Tabs-add-margin: var(--gap-lg);
2135
+ --Tabs-gray-color: #83868c;
2136
+ --Tabs-close-margin: #{var(--gap-xs)};
2137
+ --Tabs-close-marginTop: #{px2rem(1px)};
2138
+ --Tabs-close-size: #{px2rem(12px)};
2139
+ --Tabs-link-maxWidth: #{px2rem(160px)};
2140
+ --Tabs-icon-gap: var(--gap-sm);
2141
+ --Tabs-animation-duration: var(--animation-duration);
2142
+ // 简约
2143
+ --Tabs--simple-paddingTop: var(--sizes-size-3);
2144
+ --Tabs--simple-paddingBottom: var(--sizes-size-3);
2145
+ --Tabs--simple-paddingLeft: var(--sizes-size-9);
2146
+ --Tabs--simple-paddingRight: var(--sizes-size-9);
2147
+ --Tabs--simple-split-size: var(--Tabs--simple-paddingTop)
2148
+ var(--Tabs--simple-paddingRight) var(--Tabs--simple-paddingBottom)
2149
+ var(--Tabs--simple-paddingLeft);
2150
+ --Tabs--simple-split-width: var(--borders-width-2);
2151
+ --Tabs--simple-split-style: var(--borders-style-2);
2152
+ --Tabs--simple-split-color: var(--colors-neutral-line-8);
2153
+ --Tabs--simple-color: var(--colors-neutral-text-2);
2154
+ --Tabs--simple-fontSize: var(--fonts-size-7);
2155
+ --Tabs--simple-fontWeight: var(--fonts-weight-6);
2156
+ --Tabs--simple-lineHeight: var(--fonts-lineHeight-2);
2157
+ --Tabs--simple-active-color: var(--colors-brand-5);
2158
+ --Tabs--simple-active-fontSize: var(--fonts-size-7);
2159
+ --Tabs--simple-active-fontWeight: var(--fonts-weight-6);
2160
+ --Tabs--simple-active-lineHeight: var(--fonts-lineHeight-2);
2161
+ --Tabs--simple-hover-color: var(--colors-brand-5);
2162
+ --Tabs--simple-hover-fontSize: var(--fonts-size-7);
2163
+ --Tabs--simple-hover-fontWeight: var(--fonts-weight-6);
2164
+ --Tabs--simple-hover-lineHeight: var(--fonts-lineHeight-2);
2165
+ --Tabs--simple-disabled-color: var(--colors-neutral-text-6);
2166
+ --Tabs--simple-disabled-fontSize: var(--fonts-size-7);
2167
+ --Tabs--simple-disabled-fontWeight: var(--fonts-weight-6);
2168
+ --Tabs--simple-disabled-lineHeight: var(--fonts-lineHeight-2);
2169
+ // 加强
2170
+ --Tabs--strong-paddingTop: var(--sizes-size-5);
2171
+ --Tabs--strong-paddingBottom: var(--sizes-size-5);
2172
+ --Tabs--strong-paddingLeft: var(--sizes-size-9);
2173
+ --Tabs--strong-paddingRight: var(--sizes-size-9);
2174
+ --Tabs--strong-marginTop: var(--sizes-size-0);
2175
+ --Tabs--strong-marginBottom: var(--sizes-size-0);
2176
+ --Tabs--strong-marginLeft: var(--sizes-size-0);
2177
+ --Tabs--strong-marginRight: var(--sizes-size-5);
2178
+ --Tabs--strong-bg: var(--colors-neutral-fill-11);
2179
+ --Tabs--strong-top-border-color: var(--colors-neutral-text-8);
2180
+ --Tabs--strong-top-border-width: var(--borders-width-2);
2181
+ --Tabs--strong-top-border-style: var(--borders-style-2);
2182
+ --Tabs--strong-right-border-color: var(--colors-neutral-text-8);
2183
+ --Tabs--strong-right-border-width: var(--borders-width-2);
2184
+ --Tabs--strong-right-border-style: var(--borders-style-2);
2185
+ --Tabs--strong-bottom-border-color: var(--colors-neutral-text-8);
2186
+ --Tabs--strong-bottom-border-width: var(--borders-width-2);
2187
+ --Tabs--strong-bottom-border-style: var(--borders-style-2);
2188
+ --Tabs--strong-left-border-color: var(--colors-neutral-text-8);
2189
+ --Tabs--strong-left-border-width: var(--borders-width-2);
2190
+ --Tabs--strong-left-border-style: var(--borders-style-2);
2191
+ --Tabs--strong-top-right-border-radius: var(--borders-radius-3);
2192
+ --Tabs--strong-top-left-border-radius: var(--borders-radius-3);
2193
+ --Tabs--strong-bottom-right-border-radius: var(--borders-radius-1);
2194
+ --Tabs--strong-bottom-left-border-radius: var(--borders-radius-1);
2195
+ --Tabs--strong-color: var(--colors-neutral-text-2);
2196
+ --Tabs--strong-fontSize: var(--fonts-size-7);
2197
+ --Tabs--strong-fontWeight: var(--fonts-weight-6);
2198
+ --Tabs--strong-lineHeight: var(--fonts-lineHeight-2);
2199
+ --Tabs--strong-active-bg: var(--colors-neutral-fill-11);
2200
+ --Tabs--strong-active-top-border-color: var(--colors-neutral-text-8);
2201
+ --Tabs--strong-active-top-border-width: var(--borders-width-2);
2202
+ --Tabs--strong-active-top-border-style: var(--borders-style-2);
2203
+ --Tabs--strong-active-right-border-color: var(--colors-neutral-text-8);
2204
+ --Tabs--strong-active-right-border-width: var(--borders-width-2);
2205
+ --Tabs--strong-active-right-border-style: var(--borders-style-2);
2206
+ --Tabs--strong-active-bottom-border-color: transparent;
2207
+ --Tabs--strong-active-bottom-border-width: var(--borders-width-2);
2208
+ --Tabs--strong-active-bottom-border-style: var(--borders-style-2);
2209
+ --Tabs--strong-active-left-border-color: var(--colors-neutral-text-8);
2210
+ --Tabs--strong-active-left-border-width: var(--borders-width-2);
2211
+ --Tabs--strong-active-left-border-style: var(--borders-style-2);
2212
+ --Tabs--strong-active-color: var(--colors-brand-5);
2213
+ --Tabs--strong-active-fontSize: var(--fonts-size-7);
2214
+ --Tabs--strong-active-fontWeight: var(--fonts-weight-6);
2215
+ --Tabs--strong-active-lineHeight: var(--fonts-lineHeight-2);
2216
+ --Tabs--strong-hover-bg: var(--colors-neutral-fill-11);
2217
+ --Tabs--strong-hover-top-border-color: var(--colors-neutral-text-8);
2218
+ --Tabs--strong-hover-top-border-width: var(--borders-width-2);
2219
+ --Tabs--strong-hover-top-border-style: var(--borders-style-2);
2220
+ --Tabs--strong-hover-right-border-color: var(--colors-neutral-text-8);
2221
+ --Tabs--strong-hover-right-border-width: var(--borders-width-2);
2222
+ --Tabs--strong-hover-right-border-style: var(--borders-style-2);
2223
+ --Tabs--strong-hover-bottom-border-color: var(--colors-neutral-text-8);
2224
+ --Tabs--strong-hover-bottom-border-width: var(--borders-width-2);
2225
+ --Tabs--strong-hover-bottom-border-style: var(--borders-style-2);
2226
+ --Tabs--strong-hover-left-border-color: var(--colors-neutral-text-8);
2227
+ --Tabs--strong-hover-left-border-width: var(--borders-width-2);
2228
+ --Tabs--strong-hover-left-border-style: var(--borders-style-2);
2229
+ --Tabs--strong-hover-color: var(--colors-brand-5);
2230
+ --Tabs--strong-hover-fontSize: var(--fonts-size-7);
2231
+ --Tabs--strong-hover-fontWeight: var(--fonts-weight-6);
2232
+ --Tabs--strong-hover-lineHeight: var(--fonts-lineHeight-2);
2233
+ --Tabs--strong-disabled-bg: var(--colors-neutral-fill-11);
2234
+ --Tabs--strong-disabled-top-border-color: var(--colors-neutral-text-8);
2235
+ --Tabs--strong-disabled-top-border-width: var(--borders-width-2);
2236
+ --Tabs--strong-disabled-top-border-style: var(--borders-style-2);
2237
+ --Tabs--strong-disabled-right-border-color: var(--colors-neutral-text-8);
2238
+ --Tabs--strong-disabled-right-border-width: var(--borders-width-2);
2239
+ --Tabs--strong-disabled-right-border-style: var(--borders-style-2);
2240
+ --Tabs--strong-disabled-bottom-border-color: var(--colors-neutral-text-8);
2241
+ --Tabs--strong-disabled-bottom-border-width: var(--borders-width-2);
2242
+ --Tabs--strong-disabled-bottom-border-style: var(--borders-style-2);
2243
+ --Tabs--strong-disabled-left-border-color: var(--colors-neutral-text-8);
2244
+ --Tabs--strong-disabled-left-border-width: var(--borders-width-2);
2245
+ --Tabs--strong-disabled-left-border-style: var(--borders-style-2);
2246
+ --Tabs--strong-disabled-color: var(--colors-neutral-text-6);
2247
+ --Tabs--strong-disabled-fontSize: var(--fonts-size-7);
2248
+ --Tabs--strong-disabled-fontWeight: var(--fonts-weight-6);
2249
+ --Tabs--strong-disabled-lineHeight: var(--fonts-lineHeight-2);
2250
+ --Tabs--strong-add-size: #{px2rem(32px)};
2251
+ --Tabs--strong-arrow-size: #{px2rem(24px)};
2252
+ // 线型
2253
+ --Tabs--line-padding: var(--sizes-base-16);
2254
+ --Tabs--line-border-color: var(--colors-neutral-text-8);
2255
+ --Tabs--line-border-width: var(--borders-width-2);
2256
+ --Tabs--line-border-style: var(--borders-style-2);
2257
+ --Tabs--line-color: var(--colors-neutral-text-2);
2258
+ --Tabs--line-fontSize: var(--fonts-size-7);
2259
+ --Tabs--line-fontWeight: var(--fonts-weight-6);
2260
+ --Tabs--line-lineHeight: var(--fonts-lineHeight-2);
2261
+ --Tabs--line-active-color: var(--colors-brand-5);
2262
+ --Tabs--line-active-fontSize: var(--fonts-size-7);
2263
+ --Tabs--line-active-fontWeight: var(--fonts-weight-6);
2264
+ --Tabs--line-active-lineHeight: var(--fonts-lineHeight-2);
2265
+ --Tabs--line-active-border-color: var(--colors-brand-5);
2266
+ --Tabs--line-active-border-width: var(--borders-width-3);
2267
+ --Tabs--line-active-border-style: var(--borders-style-2);
2268
+ --Tabs--line-onHover-borderColor: var(--Tabs--line-active-border-color);
2269
+ --Tabs--line-hover-color: var(--colors-brand-5);
2270
+ --Tabs--line-hover-fontSize: var(--fonts-size-7);
2271
+ --Tabs--line-hover-fontWeight: var(--fonts-weight-6);
2272
+ --Tabs--line-hover-lineHeight: var(--fonts-lineHeight-2);
2273
+ --Tabs--line-disabled-color: var(--colors-neutral-text-6);
2274
+ --Tabs--line-disabled-fontSize: var(--fonts-size-7);
2275
+ --Tabs--line-disabled-fontWeight: var(--fonts-weight-6);
2276
+ --Tabs--line-disabled-lineHeight: var(--fonts-lineHeight-2);
2277
+ // 卡片
2278
+ --Tabs--card-paddingTop: var(--sizes-size-4);
2279
+ --Tabs--card-paddingBottom: var(--sizes-size-0);
2280
+ --Tabs--card-paddingLeft: var(--sizes-size-6);
2281
+ --Tabs--card-paddingRight: var(--sizes-size-6);
2282
+ --Tabs--card-padding: var(--Tabs--card-paddingTop)
2283
+ var(--Tabs--card-paddingRight) var(--Tabs--card-paddingBottom)
2284
+ var(--Tabs--card-paddingLeft);
2285
+ --Tabs--card-border-color: var(--colors-neutral-line-8);
2286
+ --Tabs--card-border-width: var(--borders-width-2);
2287
+ --Tabs--card-border-style: var(--borders-style-2);
2288
+ --Tabs--card-borderTopColor: var(--Tabs--card-border-color);
2289
+ --Tabs--card-bg: var(--colors-neutral-fill-10);
2290
+ --Tabs--card-linkBg: transparent;
2291
+ --Tabs--card-color: var(--colors-neutral-text-2);
2292
+ --Tabs--card-fontSize: var(--fonts-size-7);
2293
+ --Tabs--card-fontWeight: var(--fonts-weight-6);
2294
+ --Tabs--card-lineHeight: var(--fonts-lineHeight-2);
2295
+ --Tabs--card-linkMargin: var(--sizes-size-6);
2296
+ --Tabs--card-linkPadding: var(--sizes-size-6);
2297
+ --Tabs--card-borderRadius: var(--borders-radius-3);
2298
+ --Tabs--card-active-color: var(--colors-neutral-text-2);
2299
+ --Tabs--card-active-fontSize: var(--fonts-size-7);
2300
+ --Tabs--card-active-fontWeight: var(--fonts-weight-6);
2301
+ --Tabs--card-active-lineHeight: var(--fonts-lineHeight-2);
2302
+ --Tabs--card-active-linkBg: var(--colors-neutral-fill-11);
2303
+ --Tabs--card-onActive-bg: var(--Tabs--card-active-linkBg);
2304
+ --Tabs--card-hover-color: var(--colors-neutral-text-2);
2305
+ --Tabs--card-hover-fontSize: var(--fonts-size-7);
2306
+ --Tabs--card-hover-fontWeight: var(--fonts-weight-6);
2307
+ --Tabs--card-hover-lineHeight: var(--fonts-lineHeight-2);
2308
+ --Tabs--card-hover-linkBg: var(--colors-neutral-fill-11);
2309
+ --Tabs--card-disabled-color: var(--colors-neutral-text-6);
2310
+ --Tabs--card-disabled-fontSize: var(--fonts-size-7);
2311
+ --Tabs--card-disabled-fontWeight: var(--fonts-weight-6);
2312
+ --Tabs--card-disabled-lineHeight: var(--fonts-lineHeight-2);
2313
+ --Tabs--card-disabled-linkBg: transparent;
2314
+ --Tabs--card-add-gap: var(--gap-md);
2315
+ --Tabs--card-add-gap-top: #{px2rem(7px)};
2316
+ --Tabs--card-arrow-gap: var(--gap-sm);
2317
+ // 水平铺满
2318
+ --Tabs--tiled-top-border-color: var(--colors-neutral-line-8);
2319
+ --Tabs--tiled-top-border-width: var(--borders-width-2);
2320
+ --Tabs--tiled-top-border-style: var(--borders-style-2);
2321
+ --Tabs--tiled-right-border-color: var(--colors-neutral-line-8);
2322
+ --Tabs--tiled-right-border-width: var(--borders-width-2);
2323
+ --Tabs--tiled-right-border-style: var(--borders-style-2);
2324
+ --Tabs--tiled-bottom-border-color: var(--colors-neutral-line-8);
2325
+ --Tabs--tiled-bottom-border-width: var(--borders-width-2);
2326
+ --Tabs--tiled-bottom-border-style: var(--borders-style-2);
2327
+ --Tabs--tiled-left-border-color: var(--colors-neutral-line-8);
2328
+ --Tabs--tiled-left-border-width: var(--borders-width-2);
2329
+ --Tabs--tiled-left-border-style: var(--borders-style-2);
2330
+ --Tabs--tiled-color: var(--colors-neutral-text-2);
2331
+ --Tabs--tiled-fontSize: var(--fonts-size-7);
2332
+ --Tabs--tiled-fontWeight: var(--fonts-weight-6);
2333
+ --Tabs--tiled-lineHeight: var(--fonts-lineHeight-2);
2334
+ --Tabs--tiled-paddingTop: var(--sizes-size-5);
2335
+ --Tabs--tiled-paddingBottom: var(--sizes-size-5);
2336
+ --Tabs--tiled-paddingLeft: var(--sizes-size-7);
2337
+ --Tabs--tiled-paddingRight: var(--sizes-size-7);
2338
+ --Tabs--tiled-active-top-border-color: var(--colors-brand-5);
2339
+ --Tabs--tiled-active-top-border-width: var(--borders-width-2);
2340
+ --Tabs--tiled-active-top-border-style: var(--borders-style-2);
2341
+ --Tabs--tiled-active-right-border-color: var(--colors-neutral-line-8);
2342
+ --Tabs--tiled-active-right-border-width: var(--borders-width-2);
2343
+ --Tabs--tiled-active-right-border-style: var(--borders-style-2);
2344
+ --Tabs--tiled-active-bottom-border-color: transparent;
2345
+ --Tabs--tiled-active-bottom-border-width: var(--borders-width-2);
2346
+ --Tabs--tiled-active-bottom-border-style: var(--borders-style-2);
2347
+ --Tabs--tiled-active-left-border-color: var(--colors-neutral-line-8);
2348
+ --Tabs--tiled-active-left-border-width: var(--borders-width-2);
2349
+ --Tabs--tiled-active-left-border-style: var(--borders-style-2);
2350
+ --Tabs--tiled-active-color: var(--colors-neutral-text-2);
2351
+ --Tabs--tiled-active-fontSize: var(--fonts-size-7);
2352
+ --Tabs--tiled-active-fontWeight: var(--fonts-weight-6);
2353
+ --Tabs--tiled-active-lineHeight: var(--fonts-lineHeight-2);
2354
+ --Tabs--tiled-hover-top-border-color: var(--colors-neutral-line-8);
2355
+ --Tabs--tiled-hover-top-border-width: var(--borders-width-2);
2356
+ --Tabs--tiled-hover-top-border-style: var(--borders-style-2);
2357
+ --Tabs--tiled-hover-right-border-color: var(--colors-neutral-line-8);
2358
+ --Tabs--tiled-hover-right-border-width: var(--borders-width-2);
2359
+ --Tabs--tiled-hover-right-border-style: var(--borders-style-2);
2360
+ --Tabs--tiled-hover-bottom-border-color: var(--colors-neutral-line-8);
2361
+ --Tabs--tiled-hover-bottom-border-width: var(--borders-width-2);
2362
+ --Tabs--tiled-hover-bottom-border-style: var(--borders-style-2);
2363
+ --Tabs--tiled-hover-left-border-color: var(--colors-neutral-line-8);
2364
+ --Tabs--tiled-hover-left-border-width: var(--borders-width-2);
2365
+ --Tabs--tiled-hover-left-border-style: var(--borders-style-2);
2366
+ --Tabs--tiled-hover-color: var(--colors-neutral-text-2);
2367
+ --Tabs--tiled-hover-fontSize: var(--fonts-size-7);
2368
+ --Tabs--tiled-hover-fontWeight: var(--fonts-weight-6);
2369
+ --Tabs--tiled-hover-lineHeight: var(--fonts-lineHeight-2);
2370
+ --Tabs--tiled-disabled-top-border-color: var(--colors-neutral-line-8);
2371
+ --Tabs--tiled-disabled-top-border-width: var(--borders-width-2);
2372
+ --Tabs--tiled-disabled-top-border-style: var(--borders-style-2);
2373
+ --Tabs--tiled-disabled-right-border-color: var(--colors-neutral-line-8);
2374
+ --Tabs--tiled-disabled-right-border-width: var(--borders-width-2);
2375
+ --Tabs--tiled-disabled-right-border-style: var(--borders-style-2);
2376
+ --Tabs--tiled-disabled-bottom-border-color: var(--colors-neutral-line-8);
2377
+ --Tabs--tiled-disabled-bottom-border-width: var(--borders-width-2);
2378
+ --Tabs--tiled-disabled-bottom-border-style: var(--borders-style-2);
2379
+ --Tabs--tiled-disabled-left-border-color: var(--colors-neutral-line-8);
2380
+ --Tabs--tiled-disabled-left-border-width: var(--borders-width-2);
2381
+ --Tabs--tiled-disabled-left-border-style: var(--borders-style-2);
2382
+ --Tabs--tiled-disabled-color: var(--colors-neutral-text-6);
2383
+ --Tabs--tiled-disabled-fontSize: var(--fonts-size-7);
2384
+ --Tabs--tiled-disabled-fontWeight: var(--fonts-weight-6);
2385
+ --Tabs--tiled-disabled-lineHeight: var(--fonts-lineHeight-2);
2386
+ --Tabs--tiled-add-gap: var(--gap-base);
2387
+ // 选择器型
2388
+ --Tabs--radio-top-border-color: var(--colors-neutral-line-8);
2389
+ --Tabs--radio-top-border-width: var(--borders-width-2);
2390
+ --Tabs--radio-top-border-style: var(--borders-style-2);
2391
+ --Tabs--radio-right-border-color: var(--colors-neutral-line-8);
2392
+ --Tabs--radio-right-border-width: var(--borders-width-2);
2393
+ --Tabs--radio-right-border-style: var(--borders-style-2);
2394
+ --Tabs--radio-bottom-border-color: var(--colors-neutral-line-8);
2395
+ --Tabs--radio-bottom-border-width: var(--borders-width-2);
2396
+ --Tabs--radio-bottom-border-style: var(--borders-style-2);
2397
+ --Tabs--radio-left-border-color: var(--colors-neutral-line-8);
2398
+ --Tabs--radio-left-border-width: var(--borders-width-2);
2399
+ --Tabs--radio-left-border-style: var(--borders-style-2);
2400
+ --Tabs--radio-color: var(--colors-neutral-text-2);
2401
+ --Tabs--radio-fontSize: var(--fonts-size-7);
2402
+ --Tabs--radio-fontWeight: var(--fonts-weight-6);
2403
+ --Tabs--radio-lineHeight: var(--fonts-lineHeight-2);
2404
+ --Tabs--radio-paddingTop: var(--sizes-size-5);
2405
+ --Tabs--radio-paddingBottom: var(--sizes-size-5);
2406
+ --Tabs--radio-paddingLeft: var(--sizes-size-7);
2407
+ --Tabs--radio-paddingRight: var(--sizes-size-7);
2408
+ --Tabs--radio-bg: var(--colors-neutral-fill-11);
2409
+ --Tabs--radio-height: var(--sizes-base-15);
2410
+ --Tabs--radio-active-top-border-color: var(--colors-brand-5);
2411
+ --Tabs--radio-active-top-border-width: var(--borders-width-2);
2412
+ --Tabs--radio-active-top-border-style: var(--borders-style-2);
2413
+ --Tabs--radio-active-right-border-color: var(--colors-brand-5);
2414
+ --Tabs--radio-active-right-border-width: var(--borders-width-2);
2415
+ --Tabs--radio-active-right-border-style: var(--borders-style-2);
2416
+ --Tabs--radio-active-bottom-border-color: var(--colors-brand-5);
2417
+ --Tabs--radio-active-bottom-border-width: var(--borders-width-2);
2418
+ --Tabs--radio-active-bottom-border-style: var(--borders-style-2);
2419
+ --Tabs--radio-active-left-border-color: var(--colors-brand-5);
2420
+ --Tabs--radio-active-left-border-width: var(--borders-width-2);
2421
+ --Tabs--radio-active-left-border-style: var(--borders-style-2);
2422
+ --Tabs--radio-active-color: var(--colors-neutral-text-11);
2423
+ --Tabs--radio-active-fontSize: var(--fonts-size-7);
2424
+ --Tabs--radio-active-fontWeight: var(--fonts-weight-6);
2425
+ --Tabs--radio-active-lineHeight: var(--fonts-lineHeight-2);
2426
+ --Tabs--radio-active-bg: var(--colors-brand-5);
2427
+ --Tabs--radio-hover-top-border-color: var(--colors-neutral-line-8);
2428
+ --Tabs--radio-hover-top-border-width: var(--borders-width-2);
2429
+ --Tabs--radio-hover-top-border-style: var(--borders-style-2);
2430
+ --Tabs--radio-hover-right-border-color: var(--colors-neutral-line-8);
2431
+ --Tabs--radio-hover-right-border-width: var(--borders-width-2);
2432
+ --Tabs--radio-hover-right-border-style: var(--borders-style-2);
2433
+ --Tabs--radio-hover-bottom-border-color: var(--colors-neutral-line-8);
2434
+ --Tabs--radio-hover-bottom-border-width: var(--borders-width-2);
2435
+ --Tabs--radio-hover-bottom-border-style: var(--borders-style-2);
2436
+ --Tabs--radio-hover-left-border-color: var(--colors-neutral-line-8);
2437
+ --Tabs--radio-hover-left-border-width: var(--borders-width-2);
2438
+ --Tabs--radio-hover-left-border-style: var(--borders-style-2);
2439
+ --Tabs--radio-hover-color: var(--colors-neutral-text-2);
2440
+ --Tabs--radio-hover-fontSize: var(--fonts-size-7);
2441
+ --Tabs--radio-hover-fontWeight: var(--fonts-weight-6);
2442
+ --Tabs--radio-hover-lineHeight: var(--fonts-lineHeight-2);
2443
+ --Tabs--radio-hover-bg: var(--colors-neutral-fill-11);
2444
+ --Tabs--radio-disabled-top-border-color: var(--colors-neutral-line-8);
2445
+ --Tabs--radio-disabled-top-border-width: var(--borders-width-2);
2446
+ --Tabs--radio-disabled-top-border-style: var(--borders-style-2);
2447
+ --Tabs--radio-disabled-right-border-color: var(--colors-neutral-line-8);
2448
+ --Tabs--radio-disabled-right-border-width: var(--borders-width-2);
2449
+ --Tabs--radio-disabled-right-border-style: var(--borders-style-2);
2450
+ --Tabs--radio-disabled-bottom-border-color: var(--colors-neutral-line-8);
2451
+ --Tabs--radio-disabled-bottom-border-width: var(--borders-width-2);
2452
+ --Tabs--radio-disabled-bottom-border-style: var(--borders-style-2);
2453
+ --Tabs--radio-disabled-left-border-color: var(--colors-neutral-line-8);
2454
+ --Tabs--radio-disabled-left-border-width: var(--borders-width-2);
2455
+ --Tabs--radio-disabled-left-border-style: var(--borders-style-2);
2456
+ --Tabs--radio-disabled-color: var(--colors-neutral-text-6);
2457
+ --Tabs--radio-disabled-fontSize: var(--fonts-size-7);
2458
+ --Tabs--radio-disabled-fontWeight: var(--fonts-weight-6);
2459
+ --Tabs--radio-disabled-lineHeight: var(--fonts-lineHeight-2);
2460
+ --Tabs--radio-disabled-bg: var(--colors-neutral-fill-11);
2461
+ // 垂直
2462
+ --Tabs--vertical-color: var(--colors-neutral-text-2);
2463
+ --Tabs--vertical-fontSize: var(--fonts-size-7);
2464
+ --Tabs--vertical-fontWeight: var(--fonts-weight-6);
2465
+ --Tabs--vertical-lineHeight: var(--fonts-lineHeight-2);
2466
+ --Tabs--vertical-paddingTop: var(--sizes-size-5);
2467
+ --Tabs--vertical-paddingBottom: var(--sizes-size-5);
2468
+ --Tabs--vertical-paddingLeft: var(--sizes-size-7);
2469
+ --Tabs--vertical-paddingRight: var(--sizes-size-7);
2470
+ --Tabs--vertical-bg: var(--colors-neutral-fill-10);
2471
+ --Tabs--vertical-width: #{px2rem(140px)};
2472
+ --Tabs--vertical-active-color: var(--colors-brand-5);
2473
+ --Tabs--vertical-active-fontSize: var(--fonts-size-7);
2474
+ --Tabs--vertical-active-fontWeight: var(--fonts-weight-6);
2475
+ --Tabs--vertical-active-lineHeight: var(--fonts-lineHeight-2);
2476
+ --Tabs--vertical-active-border-color: var(--colors-brand-5);
2477
+ --Tabs--vertical-active-border-width: var(--borders-width-4);
2478
+ --Tabs--vertical-active-border-style: var(--borders-style-2);
2479
+ --Tabs--vertical-onActive-borderWidth: var(
2480
+ --Tabs--vertical-active-border-width
2481
+ );
2482
+ --Tabs--vertical-onActive-border: var(--Tabs--vertical-active-border-color);
2483
+ --Tabs--vertical-onActive-color: var(--Tabs--vertical-active-color);
2484
+ --Tabs--vertical-hover-color: var(--colors-brand-6);
2485
+ --Tabs--vertical-hover-fontSize: var(--fonts-size-7);
2486
+ --Tabs--vertical-hover-fontWeight: var(--fonts-weight-6);
2487
+ --Tabs--vertical-hover-lineHeight: var(--fonts-lineHeight-2);
2488
+ --Tabs--vertical-disabled-color: var(--colors-neutral-text-6);
2489
+ --Tabs--vertical-disabled-fontSize: var(--fonts-size-7);
2490
+ --Tabs--vertical-disabled-fontWeight: var(--fonts-weight-6);
2491
+ --Tabs--vertical-disabled-lineHeight: var(--fonts-lineHeight-2);
2492
+ // 侧边栏
2493
+ --Tabs--sidebar-color: var(--colors-neutral-text-5);
2494
+ --Tabs--sidebar-fontSize: var(--fonts-size-7);
2495
+ --Tabs--sidebar-fontWeight: var(--fonts-weight-6);
2496
+ --Tabs--sidebar-lineHeight: var(--fonts-lineHeight-2);
2497
+ --Tabs--sidebar-sideWidth: var(--sizes-base-31);
2498
+ --Tabs--sidebar-sideMargin: var(--sizes-base-11);
2499
+ --Tabs--sidebar-iconSize: #{px2rem(24px)};
2500
+ --Tabs--sidebar-iconMargin: #{px2rem(5px)};
2501
+ --Tabs--sidebar-active-color: var(--colors-brand-5);
2502
+ --Tabs--sidebar-active-fontSize: var(--fonts-size-7);
2503
+ --Tabs--sidebar-active-fontWeight: var(--fonts-weight-6);
2504
+ --Tabs--sidebar-active-lineHeight: var(--fonts-lineHeight-2);
2505
+ --Tabs--sidebar-hover-color: var(--colors-brand-6);
2506
+ --Tabs--sidebar-hover-fontSize: var(--fonts-size-7);
2507
+ --Tabs--sidebar-hover-fontWeight: var(--fonts-weight-6);
2508
+ --Tabs--sidebar-hover-lineHeight: var(--fonts-lineHeight-2);
2509
+ --Tabs--sidebar-disabled-color: var(--colors-neutral-text-6);
2510
+ --Tabs--sidebar-disabled-fontSize: var(--fonts-size-7);
2511
+ --Tabs--sidebar-disabled-fontWeight: var(--fonts-weight-6);
2512
+ --Tabs--sidebar-disabled-lineHeight: var(--fonts-lineHeight-2);
2513
+ // chrome
2514
+ --Tabs--chrome-onHover-bg: var(--colors-neutral-fill-10);
2515
+ --Tabs--chrome-bg: var(--colors-neutral-fill-10);
2516
+ --Tabs--chrome-radius-size: #{px2rem(8px)};
2517
+ --Tabs--chrome-right-border-color: var(--colors-neutral-line-5);
2518
+
2519
+ // 面板 Panel
2520
+ --Panel-bg-color: var(--colors-neutral-fill-11);
2521
+ --Panel-marginTop: var(--sizes-size-0);
2522
+ --Panel-marginBottom: var(--sizes-base-10);
2523
+ --Panel-marginLeft: var(--sizes-size-0);
2524
+ --Panel-marginRight: var(--sizes-size-0);
2525
+ --Panel-top-border-color: var(--colors-neutral-line-8);
2526
+ --Panel-top-border-width: var(--borders-width-2);
2527
+ --Panel-top-border-style: var(--borders-style-2);
2528
+ --Panel-right-border-color: var(--colors-neutral-line-8);
2529
+ --Panel-right-border-width: var(--borders-width-2);
2530
+ --Panel-right-border-style: var(--borders-style-2);
2531
+ --Panel-bottom-border-color: var(--colors-neutral-line-8);
2532
+ --Panel-bottom-border-width: var(--borders-width-2);
2533
+ --Panel-bottom-border-style: var(--borders-style-2);
2534
+ --Panel-left-border-color: var(--colors-neutral-line-8);
2535
+ --Panel-left-border-width: var(--borders-width-2);
2536
+ --Panel-left-border-style: var(--borders-style-2);
2537
+ --Panel-top-right-border-radius: var(--borders-radius-3);
2538
+ --Panel-top-left-border-radius: var(--borders-radius-3);
2539
+ --Panel-bottom-right-border-radius: var(--borders-radius-3);
2540
+ --Panel-bottom-left-border-radius: var(--borders-radius-3);
2541
+ --Panel-borderRadius: var(--Panel-top-left-border-radius)
2542
+ var(--Panel-top-right-border-radius) var(--Panel-bottom-right-border-radius)
2543
+ var(--Panel-bottom-left-border-radius);
2544
+ --Panel-borderWidth: var(--Panel-top-border-width)
2545
+ var(--Panel-right-border-width) var(--Panel-bottom-border-width)
2546
+ var(--Panel-left-border-width);
2547
+ --Panel-shadow: var(--shadows-shadow-sm);
2548
+ --Panel-heading-paddingTop: var(--sizes-size-5);
2549
+ --Panel-heading-paddingBottom: var(--sizes-size-5);
2550
+ --Panel-heading-paddingLeft: var(--sizes-size-7);
2551
+ --Panel-heading-paddingRight: var(--sizes-size-7);
2552
+ --Panel-heading-bg-color: var(--colors-neutral-fill-10);
2553
+ --Panel-heading-color: var(--colors-neutral-text-3);
2554
+ --Panel-heading-fontSize: var(--fonts-size-8);
2555
+ --Panel-heading-fontWeight: var(--fonts-weight-6);
2556
+ --Panel-heading-lineHeight: var(--fonts-lineHeight-2);
2557
+ --Panel-heading-top-border-color: transparent;
2558
+ --Panel-heading-top-border-width: var(--borders-width-1);
2559
+ --Panel-heading-top-border-style: var(--borders-style-2);
2560
+ --Panel-heading-right-border-color: transparent;
2561
+ --Panel-heading-right-border-width: var(--borders-width-1);
2562
+ --Panel-heading-right-border-style: var(--borders-style-2);
2563
+ --Panel-heading-bottom-border-color: var(--colors-neutral-line-8);
2564
+ --Panel-heading-bottom-border-width: var(--borders-width-2);
2565
+ --Panel-heading-bottom-border-style: var(--borders-style-2);
2566
+ --Panel-heading-left-border-color: transparent;
2567
+ --Panel-heading-left-border-width: var(--borders-width-1);
2568
+ --Panel-heading-left-border-style: var(--borders-style-2);
2569
+ --Panel-headingPadding: var(--Panel-heading-paddingTop)
2570
+ var(--Panel-heading-paddingRight) var(--Panel-heading-paddingBottom)
2571
+ var(--Panel-heading-paddingLeft);
2572
+ --Panel-headingBorderRadius: var(--Panel-top-left-border-radius)
2573
+ var(--Panel-top-right-border-radius) 0 0;
2574
+ --Panel-body-paddingTop: var(--sizes-size-7);
2575
+ --Panel-body-paddingBottom: var(--sizes-size-7);
2576
+ --Panel-body-paddingLeft: var(--sizes-size-7);
2577
+ --Panel-body-paddingRight: var(--sizes-size-7);
2578
+ --Panel-bodyPadding: var(--Panel-body-paddingTop)
2579
+ var(--Panel-body-paddingRight) var(--Panel-body-paddingBottom)
2580
+ var(--Panel-body-paddingLeft);
2581
+ --Panel-footer-paddingTop: var(--sizes-size-5);
2582
+ --Panel-footer-paddingBottom: var(--sizes-size-5);
2583
+ --Panel-footer-paddingLeft: var(--sizes-size-7);
2584
+ --Panel-footer-paddingRight: var(--sizes-size-7);
2585
+ --Panel-footer-bg-color: var(--colors-neutral-fill-none);
2586
+ --Panel-footer-top-border-color: var(--colors-neutral-line-8);
2587
+ --Panel-footer-top-border-width: var(--borders-width-2);
2588
+ --Panel-footer-top-border-style: var(--borders-style-2);
2589
+ --Panel-footer-right-border-color: transparent;
2590
+ --Panel-footer-right-border-width: var(--borders-width-1);
2591
+ --Panel-footer-right-border-style: var(--borders-style-2);
2592
+ --Panel-footer-bottom-border-color: transparent;
2593
+ --Panel-footer-bottom-border-width: var(--borders-width-1);
2594
+ --Panel-footer-bottom-border-style: var(--borders-style-2);
2595
+ --Panel-footer-left-border-color: transparent;
2596
+ --Panel-footer-left-border-width: var(--borders-width-1);
2597
+ --Panel-footer-left-border-style: var(--borders-style-2);
2598
+ --Panel-footerBorderRadius: 0 0 var(--Panel-bottom-right-border-radius)
2599
+ var(--Panel-bottom-left-border-radius);
2600
+ --Panel-footerBg: var(--Panel-footer-bg-color);
2601
+ --Panel-footerPadding: var(--Panel-footer-paddingTop)
2602
+ var(--Panel-footer-paddingRight) var(--Panel-footer-paddingBottom)
2603
+ var(--Panel-footer-paddingLeft);
2604
+ --Panel-footerBorderColor: var(--Panel-footer-top-border-color)
2605
+ var(--Panel-footer-right-border-color)
2606
+ var(--Panel-footer-bottom-border-color)
2607
+ var(--Panel-footer-left-border-color);
2608
+ --Panel-footer-buttonSpace: var(--sizes-size-5);
2609
+ --Panel-footerButtonMarginLeft: var(--Panel-footer-buttonSpace);
2610
+ --Panel-fixedBottom-borderTop: none;
2611
+ --Panel-fixedBottom-boxShadow: var(--shadows-shadow-normal);
2612
+ --Panel-btnToolbarTextAlign: right;
2613
+
2614
+ // 分割线
2615
+ --Divider-style: var(--borders-style-2);
2616
+ --Divider-color: var(--colors-neutral-line-8);
2617
+ --Divider-width: var(--borders-width-2);
2618
+ --Divider-marginTop: var(--sizes-size-7);
2619
+ --Divider-marginLeft: var(--sizes-size-0);
2620
+ --Divider-marginRight: var(--sizes-size-0);
2621
+ --Divider-marginBottom: var(--sizes-size-7);
2622
+ --Divider-text-width: 5%;
2623
+ --Divider-text-fontSize: var(--fonts-size-7);
2624
+ --Divider-text-fontWeight: var(--fonts-weight-6);
2625
+ --Divider-text-color: var(--colors-neutral-text-2);
2626
+ --Divider-text-marginTop: var(--sizes-size-0);
2627
+ --Divider-text-marginLeft: var(--sizes-size-9);
2628
+ --Divider-text-marginRight: var(--sizes-size-9);
2629
+ --Divider-text-marginBottom: var(--sizes-size-0);
2630
+
2631
+ --inputFile-base-des-color: var(--Form-description-color);
2632
+ --inputFile-base-des-fontSize: var(--fonts-size-7);
2633
+ --inputFile-base-des-fontWeight: var(--fonts-weight-6);
2634
+ --inputFile-base-des-margin: var(--sizes-base-5);
2635
+ --inputFile-list-marginTop: var(--sizes-base-4);
2636
+ --inputFile-list-marginBottom: var(--sizes-base-4);
2637
+ --inputFile-list-marginLeft: var(--sizes-size-0);
2638
+ --inputFile-list-marginRight: var(--sizes-size-0);
2639
+ --inputFile-list-paddingTop: var(--sizes-size-2);
2640
+ --inputFile-list-paddingBottom: var(--sizes-size-2);
2641
+ --inputFile-list-paddingLeft: var(--sizes-size-3);
2642
+ --inputFile-list-paddingRight: var(--sizes-size-3);
2643
+ --inputFile-list-color: var(--colors-brand-5);
2644
+ --inputFile-list-fontSize: var(--fonts-size-8);
2645
+ --inputFile-list-fontWeight: var(--fonts-weight-6);
2646
+ --inputFile-list-bg-color: transparent;
2647
+ --inputFile-list-bg-color-hover: var(--colors-neutral-fill-9);
2648
+ --inputFile-list-icon-size: var(--sizes-base-6);
2649
+ --inputFile-list-icon-color: var(--colors-neutral-text-2);
2650
+ --inputFile-list-icon-margin: var(--sizes-size-3);
2651
+ --inputFile-list-delete-icon-size: var(--sizes-base-6);
2652
+ --inputFile-list-delete-icon-color: var(--colors-neutral-text-5);
2653
+ --inputFile-list-delete-icon-color-hover: var(--colors-neutral-text-4);
2654
+ --inputFile-drag-top-border-color: var(--colors-neutral-line-8);
2655
+ --inputFile-drag-top-border-width: var(--borders-width-2);
2656
+ --inputFile-drag-top-border-style: var(--borders-style-3);
2657
+ --inputFile-drag-right-border-color: var(--colors-neutral-line-8);
2658
+ --inputFile-drag-right-border-width: var(--borders-width-2);
2659
+ --inputFile-drag-right-border-style: var(--borders-style-3);
2660
+ --inputFile-drag-bottom-border-color: var(--colors-neutral-line-8);
2661
+ --inputFile-drag-bottom-border-width: var(--borders-width-2);
2662
+ --inputFile-drag-bottom-border-style: var(--borders-style-3);
2663
+ --inputFile-drag-left-border-color: var(--colors-neutral-line-8);
2664
+ --inputFile-drag-left-border-width: var(--borders-width-2);
2665
+ --inputFile-drag-left-border-style: var(--borders-style-3);
2666
+ --inputFile-drag-top-right-border-radius: var(--borders-radius-3);
2667
+ --inputFile-drag-top-left-border-radius: var(--borders-radius-3);
2668
+ --inputFile-drag-bottom-right-border-radius: var(--borders-radius-3);
2669
+ --inputFile-drag-bottom-left-border-radius: var(--borders-radius-3);
2670
+ --inputFile-drag-hover-top-border-color: var(--colors-neutral-line-8);
2671
+ --inputFile-drag-hover-top-border-width: var(--borders-width-2);
2672
+ --inputFile-drag-hover-top-border-style: var(--borders-style-3);
2673
+ --inputFile-drag-hover-right-border-color: var(--colors-neutral-line-8);
2674
+ --inputFile-drag-hover-right-border-width: var(--borders-width-2);
2675
+ --inputFile-drag-hover-right-border-style: var(--borders-style-3);
2676
+ --inputFile-drag-hover-bottom-border-color: var(--colors-neutral-line-8);
2677
+ --inputFile-drag-hover-bottom-border-width: var(--borders-width-2);
2678
+ --inputFile-drag-hover-bottom-border-style: var(--borders-style-3);
2679
+ --inputFile-drag-hover-left-border-color: var(--colors-neutral-line-8);
2680
+ --inputFile-drag-hover-left-border-width: var(--borders-width-2);
2681
+ --inputFile-drag-hover-left-border-style: var(--borders-style-3);
2682
+ --inputFile-drag-color: var(--colors-neutral-text-3);
2683
+ --inputFile-drag-fontSize: var(--fonts-size-8);
2684
+ --inputFile-drag-fontWeight: var(--fonts-weight-6);
2685
+ --inputFile-drag-icon-size: var(--sizes-base-24);
2686
+ --inputFile-drag-icon-color: var(--colors-neutral-fill-8);
2687
+ --inputFile-drag-icon-margin: var(--sizes-size-5);
2688
+ --inputFile-drag-bg-color: var(--colors-neutral-fill-11);
2689
+ --inputFile-drag-bg-color-hover: var(--colors-neutral-text-11);
2690
+ --FileControl-danger-color: var(--colors-error-5);
2691
+ --FileControl-drag-color: var(--inputFile-drag-color);
2692
+ --FileControl-border-color: var(--inputFile-drag-top-border-color)
2693
+ var(--inputFile-drag-right-border-color)
2694
+ var(--inputFile-drag-bottom-border-color)
2695
+ var(--inputFile-drag-left-border-color);
2696
+ --FileControl-onDisabled-color: var(--colors-neutral-text-6);
2697
+ --FileControl-onDisabled-bg: var(--colors-neutral-fill-10);
2698
+ --FileControl-onHover-bg: var(--inputFile-list-bg-color-hover);
2699
+ --FileControl-icon-color: var(--inputFile-list-delete-icon-color);
2700
+ --FileControl-icon-onHover-color: var(
2701
+ --inputFile-list-delete-icon-color-hover
2702
+ );
2703
+ --FileControl-progress-borderRadius: var(--borders-radius-2);
2704
+ --inputImage-base-default-top-border-color: var(--colors-neutral-line-8);
2705
+ --inputImage-base-default-top-border-width: var(--borders-width-2);
2706
+ --inputImage-base-default-top-border-style: var(--borders-style-2);
2707
+ --inputImage-base-default-right-border-color: var(--colors-neutral-line-8);
2708
+ --inputImage-base-default-right-border-width: var(--borders-width-2);
2709
+ --inputImage-base-default-right-border-style: var(--borders-style-2);
2710
+ --inputImage-base-default-bottom-border-color: var(--colors-neutral-line-8);
2711
+ --inputImage-base-default-bottom-border-width: var(--borders-width-2);
2712
+ --inputImage-base-default-bottom-border-style: var(--borders-style-2);
2713
+ --inputImage-base-default-left-border-color: var(--colors-neutral-line-8);
2714
+ --inputImage-base-default-left-border-width: var(--borders-width-2);
2715
+ --inputImage-base-default-left-border-style: var(--borders-style-2);
2716
+ --inputImage-base-default-top-right-border-radius: var(--borders-radius-3);
2717
+ --inputImage-base-default-top-left-border-radius: var(--borders-radius-3);
2718
+ --inputImage-base-default-bottom-right-border-radius: var(--borders-radius-3);
2719
+ --inputImage-base-default-bottom-left-border-radius: var(--borders-radius-3);
2720
+ --inputImage-base-default-fontSize: var(--fonts-size-7);
2721
+ --inputImage-base-default-fontWeight: var(--fonts-weight-6);
2722
+ --inputImage-base-default-color: var(--colors-neutral-text-5);
2723
+ --inputImage-base-default-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><rect fill="currentColor" opacity="0" x="0" y="0" width="16" height="16"></rect><path d="M8.5,2 L8.5,7.5 L14,7.5 L14,8.5 L8.5,8.5 L8.5,14 L7.5,14 L7.5,8.5 L2,8.5 L2,7.5 L7.5,7.5 L7.5,2 L8.5,2 Z" fill="currentColor" fill-rule="nonzero"></path></g></g></svg>';
2724
+ --inputImage-base-default-icon-size: var(--sizes-base-12);
2725
+ --inputImage-base-default-icon-color: var(--colors-neutral-text-5);
2726
+ --inputImage-base-default-icon-margin: var(--sizes-size-5);
2727
+ --inputImage-base-default-bg-color: var(--colors-neutral-fill-11);
2728
+ --inputImage-base-hover-top-border-color: var(--colors-brand-5);
2729
+ --inputImage-base-hover-top-border-width: var(--borders-width-2);
2730
+ --inputImage-base-hover-top-border-style: var(--borders-style-2);
2731
+ --inputImage-base-hover-right-border-color: var(--colors-brand-5);
2732
+ --inputImage-base-hover-right-border-width: var(--borders-width-2);
2733
+ --inputImage-base-hover-right-border-style: var(--borders-style-2);
2734
+ --inputImage-base-hover-bottom-border-color: var(--colors-brand-5);
2735
+ --inputImage-base-hover-bottom-border-width: var(--borders-width-2);
2736
+ --inputImage-base-hover-bottom-border-style: var(--borders-style-2);
2737
+ --inputImage-base-hover-left-border-color: var(--colors-brand-5);
2738
+ --inputImage-base-hover-left-border-width: var(--borders-width-2);
2739
+ --inputImage-base-hover-left-border-style: var(--borders-style-2);
2740
+ --inputImage-base-hover-color: var(--colors-neutral-text-5);
2741
+ --inputImage-base-hover-icon-color: var(--colors-neutral-text-5);
2742
+ --inputImage-base-hover-bg-color: var(--colors-neutral-fill-11);
2743
+ --inputImage-base-active-top-border-color: var(--colors-brand-5);
2744
+ --inputImage-base-active-top-border-width: var(--borders-width-2);
2745
+ --inputImage-base-active-top-border-style: var(--borders-style-2);
2746
+ --inputImage-base-active-right-border-color: var(--colors-brand-5);
2747
+ --inputImage-base-active-right-border-width: var(--borders-width-2);
2748
+ --inputImage-base-active-right-border-style: var(--borders-style-2);
2749
+ --inputImage-base-active-bottom-border-color: var(--colors-brand-5);
2750
+ --inputImage-base-active-bottom-border-width: var(--borders-width-2);
2751
+ --inputImage-base-active-bottom-border-style: var(--borders-style-2);
2752
+ --inputImage-base-active-left-border-color: var(--colors-brand-5);
2753
+ --inputImage-base-active-left-border-width: var(--borders-width-2);
2754
+ --inputImage-base-active-left-border-style: var(--borders-style-2);
2755
+ --inputImage-base-active-color: var(--colors-neutral-text-5);
2756
+ --inputImage-base-active-icon-color: var(--colors-neutral-text-5);
2757
+ --inputImage-base-active-bg-color: var(--colors-neutral-fill-11);
2758
+ --inputImage-base-disabled-top-border-color: var(--colors-neutral-line-8);
2759
+ --inputImage-base-disabled-top-border-width: var(--borders-width-2);
2760
+ --inputImage-base-disabled-top-border-style: var(--borders-style-2);
2761
+ --inputImage-base-disabled-right-border-color: var(--colors-neutral-line-8);
2762
+ --inputImage-base-disabled-right-border-width: var(--borders-width-2);
2763
+ --inputImage-base-disabled-right-border-style: var(--borders-style-2);
2764
+ --inputImage-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
2765
+ --inputImage-base-disabled-bottom-border-width: var(--borders-width-2);
2766
+ --inputImage-base-disabled-bottom-border-style: var(--borders-style-2);
2767
+ --inputImage-base-disabled-left-border-color: var(--colors-neutral-line-8);
2768
+ --inputImage-base-disabled-left-border-width: var(--borders-width-2);
2769
+ --inputImage-base-disabled-left-border-style: var(--borders-style-2);
2770
+ --inputImage-base-disabled-color: var(--colors-neutral-text-6);
2771
+ --inputImage-base-disabled-icon-color: var(--colors-neutral-text-6);
2772
+ --inputImage-base-disabled-bg-color: var(--colors-neutral-fill-10);
2773
+ --ImageControl-addBtn-bg: var(--inputImage-base-default-bg-color);
2774
+ --ImageControl-addBtn-border: var(--colors-neutral-line-7);
2775
+ --ImageControl-addBtn-borderRadius: var(--borders-radius-3);
2776
+ --ImageControl-addBtn-color: var(--inputImage-base-default-color);
2777
+ --ImageControl-addBtn-onActive-bg: var(--inputImage-base-active-bg-color);
2778
+ --ImageControl-addBtn-onActive-border: var(--colors-brand-5);
2779
+ --ImageControl-addBtn-onActive-color: var(--inputImage-base-active-color);
2780
+ --ImageControl-addBtn-onDisabled-bg: var(--inputImage-base-disabled-bg-color);
2781
+ --ImageControl-addBtn-onDisabled-border: var(--colors-neutral-line-8);
2782
+ --ImageControl-addBtn-onDisabled-color: var(--inputImage-base-disabled-color);
2783
+ --ImageControl-addBtn-onHover-bg: var(--inputImage-base-hover-bg-color);
2784
+ --ImageControl-addBtn-onHover-border: var(--colors-brand-5);
2785
+ --ImageControl-addBtn-onHover-color: var(--inputImage-base-hover-color);
2786
+ --ImageControl-addBtn-upload-color: var(--inputImage-base-default-color);
2787
+ --ImageControl-progress-borderRadius: var(--borders-radius-2);
2788
+
2789
+ --select-base-default-top-border-color: var(--colors-neutral-line-8);
2790
+ --select-base-default-top-border-width: var(--borders-width-2);
2791
+ --select-base-default-top-border-style: var(--borders-style-2);
2792
+ --select-base-default-right-border-color: var(--colors-neutral-line-8);
2793
+ --select-base-default-right-border-width: var(--borders-width-2);
2794
+ --select-base-default-right-border-style: var(--borders-style-2);
2795
+ --select-base-default-bottom-border-color: var(--colors-neutral-line-8);
2796
+ --select-base-default-bottom-border-width: var(--borders-width-2);
2797
+ --select-base-default-bottom-border-style: var(--borders-style-2);
2798
+ --select-base-default-left-border-color: var(--colors-neutral-line-8);
2799
+ --select-base-default-left-border-width: var(--borders-width-2);
2800
+ --select-base-default-left-border-style: var(--borders-style-2);
2801
+ --select-base-default-top-right-border-radius: var(--borders-radius-3);
2802
+ --select-base-default-top-left-border-radius: var(--borders-radius-3);
2803
+ --select-base-default-bottom-right-border-radius: var(--borders-radius-3);
2804
+ --select-base-default-bottom-left-border-radius: var(--borders-radius-3);
2805
+ --select-base-default-paddingTop: var(--sizes-size-3);
2806
+ --select-base-default-paddingBottom: var(--sizes-size-3);
2807
+ --select-base-default-paddingLeft: var(--sizes-size-6);
2808
+ --select-base-default-paddingRight: var(--sizes-size-6);
2809
+ --select-base-default-color: var(--colors-neutral-text-2);
2810
+ --select-base-default-fontSize: var(--fonts-size-7);
2811
+ --select-base-default-fontWeight: var(--fonts-weight-6);
2812
+ --select-base-default-bg-color: var(--colors-neutral-fill-11);
2813
+ --select-base-default-option-paddingTop: var(--sizes-size-0);
2814
+ --select-base-default-option-paddingBottom: var(--sizes-size-0);
2815
+ --select-base-default-option-paddingLeft: var(--sizes-size-6);
2816
+ --select-base-default-option-paddingRight: var(--sizes-size-6);
2817
+ --select-base-default-option-color: var(--colors-neutral-text-2);
2818
+ --select-base-default-option-fontSize: var(--fonts-size-7);
2819
+ --select-base-default-option-fontWeight: var(--fonts-weight-6);
2820
+ --select-base-default-option-bg-color: transparent;
2821
+ --select-base-default-option-line-height: var(--sizes-base-16);
2822
+ --select-base-hover-top-border-color: var(--colors-brand-5);
2823
+ --select-base-hover-top-border-width: var(--borders-width-2);
2824
+ --select-base-hover-top-border-style: var(--borders-style-2);
2825
+ --select-base-hover-right-border-color: var(--colors-brand-5);
2826
+ --select-base-hover-right-border-width: var(--borders-width-2);
2827
+ --select-base-hover-right-border-style: var(--borders-style-2);
2828
+ --select-base-hover-bottom-border-color: var(--colors-brand-5);
2829
+ --select-base-hover-bottom-border-width: var(--borders-width-2);
2830
+ --select-base-hover-bottom-border-style: var(--borders-style-2);
2831
+ --select-base-hover-left-border-color: var(--colors-brand-5);
2832
+ --select-base-hover-left-border-width: var(--borders-width-2);
2833
+ --select-base-hover-left-border-style: var(--borders-style-2);
2834
+ --select-base-hover-bg-color: var(--colors-neutral-fill-11);
2835
+ --select-base-hover-option-color: var(--colors-neutral-text-2);
2836
+ --select-base-hover-option-bg-color: var(--colors-brand-10);
2837
+ --select-base-active-top-border-color: var(--colors-brand-5);
2838
+ --select-base-active-top-border-width: var(--borders-width-2);
2839
+ --select-base-active-top-border-style: var(--borders-style-2);
2840
+ --select-base-active-right-border-color: var(--colors-brand-5);
2841
+ --select-base-active-right-border-width: var(--borders-width-2);
2842
+ --select-base-active-right-border-style: var(--borders-style-2);
2843
+ --select-base-active-bottom-border-color: var(--colors-brand-5);
2844
+ --select-base-active-bottom-border-width: var(--borders-width-2);
2845
+ --select-base-active-bottom-border-style: var(--borders-style-2);
2846
+ --select-base-active-left-border-color: var(--colors-brand-5);
2847
+ --select-base-active-left-border-width: var(--borders-width-2);
2848
+ --select-base-active-left-border-style: var(--borders-style-2);
2849
+ --select-base-active-shadow: var(--shadows-shadow-none);
2850
+ --select-base-active-bg-color: var(--colors-neutral-fill-11);
2851
+ --select-base-active-option-color: var(--colors-brand-5);
2852
+ --select-base-active-option-bg-color: var(--colors-neutral-fill-11);
2853
+ --select-base-disabled-top-border-color: var(--colors-neutral-line-8);
2854
+ --select-base-disabled-top-border-width: var(--borders-width-2);
2855
+ --select-base-disabled-top-border-style: var(--borders-style-2);
2856
+ --select-base-disabled-right-border-color: var(--colors-neutral-line-8);
2857
+ --select-base-disabled-right-border-width: var(--borders-width-2);
2858
+ --select-base-disabled-right-border-style: var(--borders-style-2);
2859
+ --select-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
2860
+ --select-base-disabled-bottom-border-width: var(--borders-width-2);
2861
+ --select-base-disabled-bottom-border-style: var(--borders-style-2);
2862
+ --select-base-disabled-left-border-color: var(--colors-neutral-line-8);
2863
+ --select-base-disabled-left-border-width: var(--borders-width-2);
2864
+ --select-base-disabled-left-border-style: var(--borders-style-2);
2865
+ --select-base-disabled-bg-color: var(--colors-neutral-fill-10);
2866
+ --select-base-disabled-option-color: var(--colors-neutral-text-6);
2867
+ --select-base-disabled-option-bg-color: var(--colors-neutral-fill-11);
2868
+ --select-multiple-top-right-border-radius: var(--borders-radius-2);
2869
+ --select-multiple-top-left-border-radius: var(--borders-radius-2);
2870
+ --select-multiple-bottom-right-border-radius: var(--borders-radius-2);
2871
+ --select-multiple-bottom-left-border-radius: var(--borders-radius-2);
2872
+ --select-multiple-paddingTop: var(--sizes-size-0);
2873
+ --select-multiple-paddingBottom: var(--sizes-size-0);
2874
+ --select-multiple-paddingLeft: var(--sizes-size-3);
2875
+ --select-multiple-paddingRight: var(--sizes-size-3);
2876
+ --select-multiple-marginTop: var(--sizes-size-0);
2877
+ --select-multiple-marginBottom: var(--sizes-size-3);
2878
+ --select-multiple-marginLeft: var(--sizes-size-0);
2879
+ --select-multiple-marginRight: var(--sizes-size-3);
2880
+ --select-multiple-color: var(--colors-neutral-text-2);
2881
+ --select-multiple-fontSize: var(--fonts-size-8);
2882
+ --select-multiple-fontWeight: var(--fonts-weight-6);
2883
+ --select-multiple-bg-color: var(--colors-neutral-fill-10);
2884
+ --select-multiple-hover-bg-color: var(--colors-brand-10);
2885
+ --select-multiple-icon-color: var(--colors-neutral-text-6);
2886
+ --select-multiple-icon-hover-color: var(--colors-neutral-text-2);
2887
+ --select-group-color: var(--colors-neutral-text-5);
2888
+ --select-group-fontSize: var(--fonts-size-7);
2889
+ --select-group-fontWeight: var(--fonts-weight-6);
2890
+ --select-group-lineHeight: var(--fonts-lineHeight-2);
2891
+ --select-group-paddingTop: var(--sizes-size-3);
2892
+ --select-group-paddingBottom: var(--sizes-size-3);
2893
+ --select-group-paddingLeft: var(--sizes-size-7);
2894
+ --select-group-paddingRight: var(--sizes-size-7);
2895
+ --select-table-header-paddingTop: var(--sizes-size-5);
2896
+ --select-table-header-paddingBottom: var(--sizes-size-5);
2897
+ --select-table-header-paddingLeft: var(--sizes-size-7);
2898
+ --select-table-header-paddingRight: var(--sizes-base-9);
2899
+ --select-table-option-paddingTop: var(--sizes-size-4);
2900
+ --select-table-option-paddingBottom: var(--sizes-size-5);
2901
+ --select-table-option-paddingLeft: var(--sizes-size-7);
2902
+ --select-table-option-paddingRight: var(--sizes-base-9);
2903
+ --select-table-color: var(--colors-neutral-text-2);
2904
+ --select-table-fontSize: var(--fonts-size-8);
2905
+ --select-tree-color: var(--colors-neutral-text-2);
2906
+ --select-tree-fontSize: var(--fonts-size-7);
2907
+ --select-tree-hover-bg-color: var(--colors-neutral-fill-10);
2908
+ --select-tree-active-bg-color: var(--colors-brand-10);
2909
+
2910
+ --Form-select-bg: var(--select-base-default-bg-color);
2911
+ --Form-select-mobile-icon-check-color: var(--colors-brand-5);
2912
+ --Form-select-height: var(--Form-select-outer-top);
2913
+ --Form-select-borderColor: var(--select-base-default-top-border-color)
2914
+ var(--select-base-default-right-border-color)
2915
+ var(--select-base-default-bottom-border-color)
2916
+ var(--select-base-default-left-border-color);
2917
+ --Form-select-borderRadius: var(--select-base-default-top-left-border-radius)
2918
+ var(--select-base-default-top-right-border-radius)
2919
+ var(--select-base-default-bottom-right-border-radius)
2920
+ var(--select-base-default-bottom-left-border-radius);
2921
+ --Form-select-borderWidth: var(--select-base-default-top-border-width)
2922
+ var(--select-base-default-right-border-width)
2923
+ var(--select-base-default-bottom-border-width)
2924
+ var(--select-base-default-left-border-width);
2925
+ --Form-select-caret-iconColor: var(--colors-neutral-text-5);
2926
+ --Form-select-caret-onHover-iconColor: var(--colors-neutral-text-5);
2927
+ --Form-select-caret-fontSize: var(--fonts-size-8);
2928
+ --Form-select-checkall-bottomBorder: #eceff8;
2929
+ --Form-select-color: var(--select-base-default-color);
2930
+ --Form-select-input-fontSize: var(--fontSizeSm);
2931
+ --Form-select-menu-bg: var(--colors-neutral-fill-11);
2932
+ --Form-select-menu-color: var(--colors-neutral-text-2);
2933
+ --Form-select-menu-height: var(--sizes-base-12);
2934
+ --Form-select-menu-onActive-bg: var(--select-base-active-option-bg-color);
2935
+ --Form-select-menu-onActive-color: var(--select-base-active-option-color);
2936
+ --Form-select-menu-onDisabled-bg: var(--select-base-disabled-option-bg-color);
2937
+ --Form-select-menu-onDisabled-color: var(--select-base-disabled-option-color);
2938
+ --Form-select-menu-onHover-bg: var(--select-base-hover-option-bg-color);
2939
+ --Form-select-menu-onHover-color: var(--select-base-hover-option-color);
2940
+ --Form-select-group-color: var(--Form-select-caret-iconColor);
2941
+ --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
2942
+ --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
2943
+ --Form-select-onFocused-color: var(--Form-select-color);
2944
+ --Form-select-onHover-bg: var(--select-base-hover-bg-color);
2945
+ --Form-select-onHover-borderColor: var(--colors-brand-5);
2946
+ --Form-select-outer-borderWidth: var(--borders-width-2);
2947
+ --Form-select-outer-borderColor: var(--colors-neutral-fill-9);
2948
+ --Form-select-outer-top: var(--sizes-base-16);
2949
+ --Form-select-outer-boxShadow: var(--shadows-shadow-normal);
2950
+ --Form-select-paddingX: var(--Form-input-paddingX);
2951
+ --Form-select-placeholderColor: var(--Form-input-placeholderColor);
2952
+ --Form-select-popoverGap: var(--borders-radius-3);
2953
+ --Form-select-icon-rigin: var(--sizes-size-9);
2954
+ --Form-select-search-height: var(--sizes-base-15);
2955
+ --Form-select-value-bgColor: var(--select-multiple-bg-color);
2956
+ --Form-select-value-bgColor--dark: var(--colors-neutral-fill-4);
2957
+ --Form-select-value-borderColor: var(--colors-neutral-line-9);
2958
+ --Form-select-valueIcon-color: var(--select-multiple-icon-color);
2959
+ --Form-select-valueIcon-color--dark: var(--colors-neutral-text-8);
2960
+ --Form-select-valueIcon-onHover-color: var(
2961
+ --select-multiple-icon-hover-color
2962
+ );
2963
+ --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
2964
+ --Form-selectOption-height: var(--Form-select-height);
2965
+ --Form-selectValue-bg: #{color.adjust(
2966
+ color.adjust($info, $lightness: 40%),
2967
+ $saturation: 2.5%
2968
+ )};
2969
+ --Form-selectValue-onHover-bgColor: var(--select-multiple-hover-bg-color);
2970
+ --Form-selectValue-borderColor: var(--colors-brand-7);
2971
+ --Form-selectValue-color: var(--colors-brand-5);
2972
+ --Form-selectValue-fontSize: var(--select-multiple-fontSize);
2973
+ --Form-selectValue-onDisable-bg: var(--colors-neutral-fill-10);
2974
+ --Form-selectValue-onHover-bg: #{color.adjust(
2975
+ color.adjust(color.adjust($info, $lightness: 40%), $saturation: 2.5%),
2976
+ $lightness: -5%
2977
+ )};
2978
+ --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
2979
+ --Form-selectValue-onInvalid-color: var(--danger);
2980
+ --Form-valueLabel-maxWidth: #{px2rem(200px)};
2981
+ --Form-select-onFocus-boxShadow: none;
2982
+ --ResultBox-tag-height: #{px2rem(22px)};
2983
+ --ResultBox-tag-marginBottom: var(--select-multiple-marginBottom);
2984
+ --ResultBox-icon--onDisabled-color: #ebebeb;
2985
+ --ResultBox-icon--onHover-color: var(--select-multiple-icon-hover-color);
2986
+ --ResultBox-icon-color: var(--select-multiple-icon-color);
2987
+ --ResultBox-value--onDisabled-color: #cccccc;
2988
+ --ResultBox-value--onHover-bg: var(--select-multiple-hover-bg-color);
2989
+ --ResultBox-value--onHover-bg--dark: #b8babf;
2990
+ --ResultBox-value-bg: var(--select-multiple-bg-color);
2991
+ --ResultBox-value-color: var(--select-multiple-color);
2992
+ --ResultBox-value-clear-bg: var(--colors-neutral-fill-8);
2993
+ --ResultBox-value-clear-hover-bg: var(--colors-neutral-fill-9);
2994
+ --Tree-max-height: 300px;
2995
+ --Tree-indent: var(--gap-md);
2996
+ --Tree-icon-gap: var(--sizes-size-5);
2997
+ --Tree-icon-margin-right: #{px2rem(8px)};
2998
+ --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
2999
+ --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
3000
+ --Tree-item-onHover-bg-pure: var(--select-tree-hover-bg-color);
3001
+ --Tree-itemArrowWidth: #{px2rem(16px)};
3002
+ --Tree-itemHeight: var(--sizes-base-12);
3003
+ --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
3004
+ --TreeSelect-popover-bg: var(--colors-neutral-fill-11);
3005
+ --Tree-item-text-max-height: #{px2rem(250px)};
3006
+ --Tree-item-text-top: #{px2rem(4px)};
3007
+ --Tree-item-arrow-padding-left: #{px2rem(4px)};
3008
+ --Tree-item-arrow-color: #84868c;
3009
+ --Tree-item-onChekced-bg: var(--select-tree-active-bg-color);
3010
+ --Tree-item-onChekced-bg-borderRadius: var(--borders-radius-2);
3011
+
3012
+ --inputDate-default-top-border-color: var(--colors-neutral-line-8);
3013
+ --inputDate-default-top-border-width: var(--borders-width-2);
3014
+ --inputDate-default-top-border-style: var(--borders-style-2);
3015
+ --inputDate-default-right-border-color: var(--colors-neutral-line-8);
3016
+ --inputDate-default-right-border-width: var(--borders-width-2);
3017
+ --inputDate-default-right-border-style: var(--borders-style-2);
3018
+ --inputDate-default-bottom-border-color: var(--colors-neutral-line-8);
3019
+ --inputDate-default-bottom-border-width: var(--borders-width-2);
3020
+ --inputDate-default-bottom-border-style: var(--borders-style-2);
3021
+ --inputDate-default-left-border-color: var(--colors-neutral-line-8);
3022
+ --inputDate-default-left-border-width: var(--borders-width-2);
3023
+ --inputDate-default-left-border-style: var(--borders-style-2);
3024
+ --inputDate-default-top-right-border-radius: var(--borders-radius-3);
3025
+ --inputDate-default-top-left-border-radius: var(--borders-radius-3);
3026
+ --inputDate-default-bottom-right-border-radius: var(--borders-radius-3);
3027
+ --inputDate-default-bottom-left-border-radius: var(--borders-radius-3);
3028
+ --inputDate-default-paddingTop: var(--sizes-size-3);
3029
+ --inputDate-default-paddingBottom: var(--sizes-size-3);
3030
+ --inputDate-default-paddingLeft: var(--sizes-size-6);
3031
+ --inputDate-default-paddingRight: var(--sizes-size-6);
3032
+ --inputDate-default-fontSize: var(--fonts-size-7);
3033
+ --inputDate-default-fontWeight: var(--fonts-weight-6);
3034
+ --inputDate-default-height: var(--sizes-base-16);
3035
+ --inputDate-default-color: var(--colors-neutral-text-2);
3036
+ --inputDate-default-bg-color: var(--colors-neutral-fill-11);
3037
+ --inputDate-default-icon: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
3038
+ --inputDate-default-icon-color: var(--colors-neutral-text-5);
3039
+ --inputDate-default-icon-size: var(--sizes-base-7);
3040
+ --inputDate-default-title-color: var(--colors-neutral-text-2);
3041
+ --inputDate-default-title-arrow-color: var(--colors-neutral-text-5);
3042
+ --inputDate-default-option-color: var(--colors-neutral-text-2);
3043
+ --inputDate-default-option-bg-color: var(--colors-neutral-fill-11);
3044
+ --inputDate-default-option-today-border-color: var(--colors-brand-5);
3045
+ --inputDate-default-option-top-right-border-radius: var(--borders-radius-2);
3046
+ --inputDate-default-option-top-left-border-radius: var(--borders-radius-2);
3047
+ --inputDate-default-option-bottom-right-border-radius: var(
3048
+ --borders-radius-2
3049
+ );
3050
+ --inputDate-default-option-bottom-left-border-radius: var(--borders-radius-2);
3051
+ --inputDate-hover-top-border-color: var(--colors-brand-5);
3052
+ --inputDate-hover-top-border-width: var(--borders-width-2);
3053
+ --inputDate-hover-top-border-style: var(--borders-style-2);
3054
+ --inputDate-hover-right-border-color: var(--colors-brand-5);
3055
+ --inputDate-hover-right-border-width: var(--borders-width-2);
3056
+ --inputDate-hover-right-border-style: var(--borders-style-2);
3057
+ --inputDate-hover-bottom-border-color: var(--colors-brand-5);
3058
+ --inputDate-hover-bottom-border-width: var(--borders-width-2);
3059
+ --inputDate-hover-bottom-border-style: var(--borders-style-2);
3060
+ --inputDate-hover-left-border-color: var(--colors-brand-5);
3061
+ --inputDate-hover-left-border-width: var(--borders-width-2);
3062
+ --inputDate-hover-left-border-style: var(--borders-style-2);
3063
+ --inputDate-hover-color: var(--colors-neutral-text-2);
3064
+ --inputDate-hover-bg-color: var(--colors-neutral-fill-11);
3065
+ --inputDate-hover-title-color: var(--colors-brand-6);
3066
+ --inputDate-hover-title-arrow-color: var(--colors-neutral-text-2);
3067
+ --inputDate-hover-option-color: var(--colors-neutral-text-2);
3068
+ --inputDate-hover-option-bg-color: var(--colors-neutral-fill-10);
3069
+ --inputDate-active-top-border-color: var(--colors-brand-5);
3070
+ --inputDate-active-top-border-width: var(--borders-width-2);
3071
+ --inputDate-active-top-border-style: var(--borders-style-2);
3072
+ --inputDate-active-right-border-color: var(--colors-brand-5);
3073
+ --inputDate-active-right-border-width: var(--borders-width-2);
3074
+ --inputDate-active-right-border-style: var(--borders-style-2);
3075
+ --inputDate-active-bottom-border-color: var(--colors-brand-5);
3076
+ --inputDate-active-bottom-border-width: var(--borders-width-2);
3077
+ --inputDate-active-bottom-border-style: var(--borders-style-2);
3078
+ --inputDate-active-left-border-color: var(--colors-brand-5);
3079
+ --inputDate-active-left-border-width: var(--borders-width-2);
3080
+ --inputDate-active-left-border-style: var(--borders-style-2);
3081
+ --inputDate-active-shadow: var(--shadows-shadow-none);
3082
+ --inputDate-active-color: var(--colors-neutral-text-2);
3083
+ --inputDate-active-bg-color: var(--colors-neutral-fill-11);
3084
+ --inputDate-active-option-color: var(--colors-neutral-text-11);
3085
+ --inputDate-active-option-bg-color: var(--colors-brand-5);
3086
+ --inputDate-disabled-top-border-color: var(--colors-neutral-line-8);
3087
+ --inputDate-disabled-top-border-width: var(--borders-width-2);
3088
+ --inputDate-disabled-top-border-style: var(--borders-style-2);
3089
+ --inputDate-disabled-right-border-color: var(--colors-neutral-line-8);
3090
+ --inputDate-disabled-right-border-width: var(--borders-width-2);
3091
+ --inputDate-disabled-right-border-style: var(--borders-style-2);
3092
+ --inputDate-disabled-bottom-border-color: var(--colors-neutral-line-8);
3093
+ --inputDate-disabled-bottom-border-width: var(--borders-width-2);
3094
+ --inputDate-disabled-bottom-border-style: var(--borders-style-2);
3095
+ --inputDate-disabled-left-border-color: var(--colors-neutral-line-8);
3096
+ --inputDate-disabled-left-border-width: var(--borders-width-2);
3097
+ --inputDate-disabled-left-border-style: var(--borders-style-2);
3098
+ --inputDate-disabled-color: var(--colors-neutral-text-2);
3099
+ --inputDate-disabled-bg-color: var(--colors-neutral-fill-10);
3100
+ --inputDate-disabled-option-color: var(--colors-neutral-text-6);
3101
+ --inputDate-disabled-option-bg-color: var(--colors-neutral-fill-11);
3102
+ --inputDate-other-color: var(--colors-neutral-text-2);
3103
+ --inputDate-other-bg-color: var(--colors-neutral-fill-11);
3104
+ --inputDate-other-top-right-border-radius: var(--borders-radius-2);
3105
+ --inputDate-other-top-left-border-radius: var(--borders-radius-2);
3106
+ --inputDate-other-bottom-right-border-radius: var(--borders-radius-2);
3107
+ --inputDate-other-bottom-left-border-radius: var(--borders-radius-2);
3108
+ --inputDate-other-hover-color: var(--colors-neutral-text-2);
3109
+ --inputDate-other-hover-bg-color: var(--colors-neutral-fill-10);
3110
+ --inputDate-other-active-color: var(--colors-neutral-text-11);
3111
+ --inputDate-other-active-bg-color: var(--colors-brand-5);
3112
+ --inputDate-other-disabled-color: var(--colors-neutral-text-6);
3113
+ --inputDate-other-disabled-bg-color: var(--colors-neutral-fill-10);
3114
+ --inputDate-range-line-height: var(--borders-width-3);
3115
+ --inputDate-range-line-color: var(--colors-brand-4);
3116
+ --inputDate-range-separator-width: var(--sizes-size-5);
3117
+ --inputDate-range-separator-margin: var(--sizes-size-5);
3118
+ --inputDate-range-separator-color: var(--colors-neutral-fill-6);
3119
+ --inputDate-range-between-color: var(--colors-brand-10);
3120
+
3121
+ --DatePicker-bg: var(--inputDate-default-bg-color);
3122
+ --DatePicker-borderColor: var(--inputDate-default-top-border-color)
3123
+ var(--inputDate-default-right-border-color)
3124
+ var(--inputDate-default-bottom-border-color)
3125
+ var(--inputDate-default-left-border-color);
3126
+ --DatePicker-borderStyle: var(--inputDate-default-top-border-style)
3127
+ var(--inputDate-default-right-border-style)
3128
+ var(--inputDate-default-bottom-border-style)
3129
+ var(--inputDate-default-left-border-style);
3130
+ --DatePicker-borderWidth: var(--inputDate-default-top-border-width)
3131
+ var(--inputDate-default-right-border-width)
3132
+ var(--inputDate-default-bottom-border-width)
3133
+ var(--inputDate-default-left-border-width);
3134
+ --DatePicker-borderRadius: var(--inputDate-default-top-left-border-radius)
3135
+ var(--inputDate-default-top-right-border-radius)
3136
+ var(--inputDate-default-bottom-right-border-radius)
3137
+ var(--inputDate-default-bottom-left-border-radius);
3138
+ --DatePicker-color: var(--inputDate-default-color);
3139
+ --DatePicker-header-onHover-color: var(--inputDate-hover-title-color);
3140
+ --DatePicker-arrow-color: var(--inputDate-default-title-arrow-color);
3141
+ --DatePicker-fontSize: var(--inputDate-default-fontSize);
3142
+ --DatePicker-header-select-borderColor: #fff;
3143
+ --DatePicker-height: var(--inputDate-default-height);
3144
+ --DatePicker-iconColor: var(--icon-color);
3145
+ --DatePicker-lineHeight: var(--Form-input-lineHeight);
3146
+ --DatePicker-onFocused-borderColor: var(--inputDate-active-top-border-color)
3147
+ var(--inputDate-active-right-border-color)
3148
+ var(--inputDate-active-bottom-border-color)
3149
+ var(--inputDate-active-left-border-color);
3150
+ --DatePicker-onHover-bg: var(--inputDate-hover-bg-color);
3151
+ --DatePicker-onHover-borderColor: var(--inputDate-hover-top-border-color)
3152
+ var(--inputDate-hover-right-border-color)
3153
+ var(--inputDate-hover-bottom-border-color)
3154
+ var(--inputDate-hover-left-border-color);
3155
+ --DatePicker-onDisabled-bg: var(--colors-neutral-text-9);
3156
+ --DatePicker-onDisabled-color: var(--colors-neutral-text-6);
3157
+ --DatePicker-onHover-iconColor: var(--colors-brand-5);
3158
+ --DatePicker-paddingX: #{px2rem(12px)};
3159
+ --DatePicker-paddingY: var(--sizes-size-3);
3160
+ --DatePicker-placeholderColor: var(--colors-neutral-text-6);
3161
+ --DatePicker-minWidth: calc(
3162
+ var(--fontSizeLg) * 5 + var(--DatePicker-paddingX) * 2 +
3163
+ var(--Form-input-clearBtn-size) * 2
3164
+ );
3165
+ --DateRangePicker-minWidth: calc(
3166
+ var(--fontSizeLg) * 8 + var(--DatePicker-paddingX) * 2 +
3167
+ var(--Form-input-clearBtn-size) * 2
3168
+ );
3169
+ --DateRangePicker-activeCursor-color: var(--inputDate-range-line-color);
3170
+ --DateRangePicker-activeCursor-height: var(--inputDate-range-line-height);
3171
+ --Calendar-btn-bg: var(--info);
3172
+ --Calendar-btn-border: var(--Calendar-btn-bg);
3173
+ --Calendar-btn-borderRadius: var(--Button-borderRadius);
3174
+ --Calendar-btn-color: var(--colors-neutral-fill-11);
3175
+ --Calendar-btn-fontSize: var(--fontSizeSm);
3176
+ --Calendar-btn-height: #{px2rem(30px)};
3177
+ --Calendar-btn-lineHeight: var(--lineHeightBase);
3178
+ --Calendar-btn-onActive-bg: var(--colors-brand-4);
3179
+ --Calendar-btn-onActive-border: var(--colors-brand-3);
3180
+ --Calendar-btn-onActive-color: var(--Calendar-btn-color);
3181
+ --Calendar-btn-onHover-bg: var(--colors-brand-4);
3182
+ --Calendar-btn-onHover-border: var(--colors-brand-3);
3183
+ --Calendar-btn-onHover-color: var(--Calendar-btn-color);
3184
+ --Calendar-btn-paddingX: #{px2rem(10px)};
3185
+ --Calendar-btn-paddingY: calc(
3186
+ (
3187
+ var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) *
3188
+ var(--Calendar-btn-fontSize)
3189
+ ) / 2
3190
+ );
3191
+ --Calendar-btnCancel-bg: var(--light);
3192
+ --Calendar-btnCancel-border: var(--colors-neutral-line-7);
3193
+ --Calendar-btnCancel-borderRadius: var(--borders-radius-3);
3194
+ --Calendar-btnCancel-color: var(--text-color);
3195
+ --Calendar-btnCancel-onActive-bg: var(--colors-neutral-fill-11);
3196
+ --Calendar-btnCancel-onActive-border: var(--colors-brand-4);
3197
+ --Calendar-btnCancel-onActive-color: var(--colors-brand-4);
3198
+ --Calendar-btnCancel-onHover-bg: var(--colors-neutral-fill-11);
3199
+ --Calendar-btnCancel-onHover-border: var(--colors-brand-6);
3200
+ --Calendar-btnCancel-onHover-color: var(--colors-brand-6);
3201
+ --Calendar-cell-bg: var(--inputDate-default-option-bg-color);
3202
+ --Calendar-cell-onActive-bg: var(--inputDate-active-option-bg-color);
3203
+ --Calendar-cell-onBetween-bg: var(--inputDate-range-between-color);
3204
+ --Calendar-cell-onDisabled-bg: var(--inputDate-other-disabled-bg-color);
3205
+ --Calendar-cell-onHover-bg: var(--inputDate-hover-option-bg-color);
3206
+ --Calendar-color: var(--inputDate-default-option-color);
3207
+ --Calendar-fontSize: var(--fontSizeSm);
3208
+ --Calendar-input-borderColor: var(--borderColor);
3209
+ --Calendar-input-borderRadius: var(--borders-radius-3);
3210
+ --Calendar-input-color: var(--info);
3211
+ --Calendar-input-fontSize: var(--fontSizeBase);
3212
+ --Calendar-input-height: #{px2rem(40px)};
3213
+ --Calendar-input-lineHeight: var(--lineHeightBase);
3214
+ --Calendar-input-onFocused-borderColor: var(--info);
3215
+ --Calendar-input-paddingX: #{px2rem(10px)};
3216
+ --Calendar-input-paddingY: calc(
3217
+ (
3218
+ var(--Calendar-input-height) - var(--Calendar-input-lineHeight) *
3219
+ var(--Calendar-input-fontSize)
3220
+ ) / 2
3221
+ );
3222
+ --Calendar-shortcut-color: #151b26;
3223
+ --Calendar-shortcut-decoration: none;
3224
+ --Calendar-shortcut-onHover-color: var(--colors-brand-6);
3225
+ --Calendar-shortcut-onHover-decoration: none;
3226
+ --Calendar-shortcuts-bg: var(--colors-neutral-text-9);
3227
+ --Calendar-shortcuts-height: var(--sizes-size-9);
3228
+ --Calendar-wLabel-color: var(--colors-neutral-text-6);
3229
+ --Calendar-icon-bottom: #{px2rem(-4px)};
3230
+ --Calendar-icon-width: var(--sizes-size-6);
3231
+ --Calendar-icon-height: var(--sizes-size-6);
3232
+ --Calendar-borderWidth: var(--borders-width-2);
3233
+ --Calendar-borderColor: var(--inputDate-default-option-today-border-color);
3234
+ --Calendar-rdt-day: #{px2rem(110px)};
3235
+ --Calendar-schedule-content-padding: 0 var(--sizes-size-3);
3236
+ --Calendar-schedule-content-height: var(--sizes-base-10);
3237
+ --Calendar-schedule-content-color: var(--colors-neutral-text-11);
3238
+
3239
+ --inputTime-default-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
3240
+ --inputTime-default-fontSize: var(--fonts-size-8);
3241
+ --inputTime-default-fontWeight: var(--fonts-weight-6);
3242
+ --inputTime-default-color: var(--colors-neutral-text-2);
3243
+ --inputTime-default-bg-color: var(--colors-neutral-fill-11);
3244
+ --inputTime-hover-color: var(--colors-neutral-text-2);
3245
+ --inputTime-hover-bg-color: var(--colors-neutral-fill-10);
3246
+ --inputTime-active-color: var(--colors-neutral-text-2);
3247
+ --inputTime-active-bg-color: var(--colors-brand-10);
3248
+
3249
+ // Signature
3250
+ --signature-tool-height: #{px2rem(40px)};
3251
+ --signature-tool-margin-top: #{px2rem(8px)};
3252
+ --signature-placeholder-gap: #{px2rem(10px)};
3253
+ --signature-placeholder-color: var(--colors-neutral-line-6);
3254
+
3255
+ --steps-base-color: var(--colors-neutral-text-2);
3256
+ --steps-base-fontSize: var(--fonts-size-7);
3257
+ --steps-base-fontWeight: var(--fonts-weight-6);
3258
+ --steps-base-subTitle-color: var(--colors-neutral-text-2);
3259
+ --steps-base-subTitle-fontSize: var(--fonts-size-7);
3260
+ --steps-base-subTitle-fontWeight: var(--fonts-weight-6);
3261
+ --steps-base-des-color: var(--colors-neutral-text-5);
3262
+ --steps-base-des-fontSize: var(--fonts-size-8);
3263
+ --steps-base-des-fontWeight: var(--fonts-weight-6);
3264
+ --steps-base-title-paddingRight: var(--sizes-size-5);
3265
+ --steps-base-subTitle-paddingLeft: var(--sizes-size-6);
3266
+ --steps-base-icon-size: var(--sizes-base-12);
3267
+ --steps-base-icon-paddingRight: var(--sizes-size-5);
3268
+ --steps-base-icon-fontSize: var(--fonts-size-8);
3269
+ --steps-base-line-color: var(--colors-neutral-line-8);
3270
+ --steps-base-line-active-color: var(--colors-brand-5);
3271
+ --steps-status-wait-bg-color: var(--colors-neutral-fill-11);
3272
+ --steps-status-wait-color: var(--colors-neutral-text-8);
3273
+ --steps-status-process-bg-color: var(--colors-brand-5);
3274
+ --steps-status-process-color: var(--colors-neutral-text-11);
3275
+ --steps-status-finish-bg-color: var(--colors-brand-5);
3276
+ --steps-status-finish-color: var(--colors-neutral-text-11);
3277
+ --steps-status-error-bg-color: var(--colors-error-5);
3278
+ --steps-status-error-color: var(--colors-neutral-text-11);
3279
+ --steps-dot-icon-size: var(--sizes-size-5);
3280
+ --steps-dot-wait-bg-color: var(--colors-neutral-fill-8);
3281
+ --steps-dot-process-bg-color: var(--colors-brand-5);
3282
+ --steps-dot-finish-bg-color: var(--colors-neutral-fill-11);
3283
+ --steps-dot-error-bg-color: var(--colors-error-5);
3284
+ --steps-simple-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline stroke="currentColor" transform="translate(5.496854, 8.006854) scale(-1, 1) rotate(-135.000000) translate(-5.496854, -8.006854) " points="1.49685425 4.00685425 9.49685425 4.00685425 9.49685425 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
3285
+ --steps-simple-icon-size: var(--sizes-size-8);
3286
+
3287
+ --Steps-bg: var(--steps-status-wait-color);
3288
+ --Steps-status-success: var(--steps-status-finish-bg-color);
3289
+ --Steps-status-error: var(--steps-status-error-bg-color);
3290
+ --Steps-status-wait: var(--colors-neutral-text-5);
3291
+ --Steps-icon-fontsize: var(--steps-base-icon-fontSize);
3292
+ --Steps-title-fontsize: var(--steps-base-fontSize);
3293
+ --Steps-title-color: var(--steps-base-color);
3294
+ --Steps-sub-title-fontsize: var(--steps-base-subTitle-fontSize);
3295
+ --Steps-sub-title-color: var(--steps-base-subTitle-color);
3296
+ --Steps-description-title-fontsize: var(--steps-base-des-fontSize);
3297
+ --Steps-description-title-color: var(--steps-base-des-color);
3298
+ --Steps-line-bg: var(--steps-base-line-color);
3299
+ --Steps-line-success-bg: var(--steps-base-line-active-color);
3300
+
3301
+ --alert-base-marginTop: var(--sizes-size-0);
3302
+ --alert-base-marginBottom: var(--sizes-size-9);
3303
+ --alert-base-marginLeft: var(--sizes-size-0);
3304
+ --alert-base-marginRight: var(--sizes-size-0);
3305
+ --alert-base-paddingTop: var(--sizes-size-3);
3306
+ --alert-base-paddingBottom: var(--sizes-size-3);
3307
+ --alert-base-paddingLeft: var(--sizes-size-9);
3308
+ --alert-base-paddingRight: var(--sizes-size-9);
3309
+ --alert-base-top-right-border-radius: var(--borders-radius-3);
3310
+ --alert-base-top-left-border-radius: var(--borders-radius-3);
3311
+ --alert-base-bottom-right-border-radius: var(--borders-radius-3);
3312
+ --alert-base-bottom-left-border-radius: var(--borders-radius-3);
3313
+ --alert-base-fontSize: var(--fonts-size-8);
3314
+ --alert-base-fontWeight: var(--fonts-weight-6);
3315
+ --alert-base-shadow: var(--shadows-shadow-none);
3316
+ --alert-base-title-paddingTop: var(--sizes-size-9);
3317
+ --alert-base-title-paddingBottom: var(--sizes-size-9);
3318
+ --alert-base-title-paddingLeft: var(--sizes-size-9);
3319
+ --alert-base-title-paddingRight: var(--sizes-size-9);
3320
+ --alert-base-title-color: var(--colors-neutral-text-2);
3321
+ --alert-base-title-fontSize: var(--fonts-size-7);
3322
+ --alert-base-title-fontWeight: var(--fonts-weight-5);
3323
+ --alert-base-title-margin-bottom: var(--sizes-size-3);
3324
+ --alert-icon-size: var(--sizes-base-8);
3325
+ --alert-icon-margin-right: var(--sizes-size-5);
3326
+ --alert-level-info-color: var(--colors-neutral-text-2);
3327
+ --alert-level-info-bg-color: var(--colors-brand-10);
3328
+ --alert-level-info-icon-color: var(--colors-brand-5);
3329
+ --alert-level-success-color: var(--colors-neutral-text-2);
3330
+ --alert-level-success-bg-color: var(--colors-success-10);
3331
+ --alert-level-success-icon-color: var(--colors-success-5);
3332
+ --alert-level-warning-color: var(--colors-neutral-text-2);
3333
+ --alert-level-warning-bg-color: var(--colors-warning-10);
3334
+ --alert-level-warning-icon-color: var(--colors-warning-5);
3335
+ --alert-level-danger-color: var(--colors-neutral-text-2);
3336
+ --alert-level-danger-bg-color: var(--colors-error-10);
3337
+ --alert-level-danger-icon-color: var(--colors-error-5);
3338
+ --Alert--danger-bg: var(--alert-level-danger-bg-color);
3339
+ --Alert--danger-borderColor: transparent;
3340
+ --Alert--danger-color: var(--alert-level-danger-color);
3341
+ --Alert--info-bg: var(--alert-level-info-bg-color);
3342
+ --Alert--info-borderColor: transparent;
3343
+ --Alert--info-color: var(--alert-level-info-color);
3344
+ --Alert--success-bg: var(--alert-level-success-bg-color);
3345
+ --Alert--success-borderColor: transparent;
3346
+ --Alert--success-color: var(--alert-level-success-color);
3347
+ --Alert--warning-bg: var(--alert-level-warning-bg-color);
3348
+ --Alert--warning-borderColor: transparent;
3349
+ --Alert--warning-color: var(--alert-level-warning-color);
3350
+ --Alert-borderColor: transparent;
3351
+ --Alert-borderRadius: var(--alert-base-top-left-border-radius)
3352
+ var(--alert-base-top-right-border-radius)
3353
+ var(--alert-base-bottom-right-border-radius)
3354
+ var(--alert-base-bottom-left-border-radius);
3355
+ --Alert-borderWidth: var(--borderWidth);
3356
+ --Alert-boxShadow: var(--alert-base-shadow);
3357
+ --Alert-fontSize: var(--alert-base-fontSize);
3358
+ --Alert-marginBottom: var(--alert-base-marginBottom);
3359
+ --Alert-paddingX: var(--sizes-size-9);
3360
+ --Alert-paddingY: var(--gap-xs);
3361
+ --Alert-fontColor: var(--colors-neutral-text-4);
3362
+ --Alert-title-fontColor: var(--colors-neutral-text-2);
3363
+ --Alert-height: var(--sizes-base-20);
3364
+ --Alert-actions-marginRight: var(--sizes-base-4);
3365
+
3366
+ --spinner-base-color: var(--colors-link-5);
3367
+ --spinner-base-fontSize: var(--fonts-size-8);
3368
+ --spinner-base-fontWeight: var(--fonts-weight-6);
3369
+ --spinner-base-tip-size: var(--sizes-base-6);
3370
+ --spinner-sm-size: var(--sizes-base-8);
3371
+ --spinner-size-size: var(--sizes-base-16);
3372
+ --spinner-lg-size: var(--sizes-base-24);
3373
+ --spinner-overlay-bg: var(--colors-neutral-fill-11);
3374
+
3375
+ --Spinner--lg-height: var(--spinner-lg-size);
3376
+ --Spinner--lg-width: var(--spinner-lg-size);
3377
+ --Spinner--sm-height: var(--spinner-sm-size);
3378
+ --Spinner--sm-width: var(--spinner-sm-size);
3379
+ // 修改自 https://github.com/SamHerbert/SVG-Loaders/blob/master/svg-loaders/tail-spin.svg
3380
+ --Spinner-bg: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDY0IDY0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDAuNTAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjMiIGhlaWdodD0iNjMiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hOWkh+S7vS02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjk4MDAwMCwgMC43ODAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJmcmFtZSIgc3Ryb2tlPSIjMjQ2OEYyIiBzdHJva2Utd2lkdGg9IjMuMiIgcG9pbnRzPSIyNy41MiA1LjEyIDQ5LjY5MDI1MDMgMTcuOTIgNDkuNjkwMjUwMyA0My41MiAyNy41MiA1Ni4zMiA1LjM0OTc0OTY2IDQzLjUyIDUuMzQ5NzQ5NjYgMTcuOTIiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCAxNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxNjAiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iLjQ1cztmcmFtZTIuZW5kIiBkdXI9Ii45cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIxNjAiIHRvPSItMTYwIiBmaWxsPSJmcmVlemUiICBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTIiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iZnJhbWUxLmVuZCIgZHVyPSIuOXMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMTYwIiB0bz0iMTYwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICA8L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUxIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIyNy41MiIgY3k9IjQuOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDI2IiB0bz0iMCAwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gaWQ9ImNpcmNsZTF0d28iIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYmVnaW49ImNpcmNsZTFvbmUuZW5kICsgLjcycyIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjAgMCIgdG89IjAgMjYiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlMiIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4yNDAwMDAsIDE3LjI4MDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTE3LjI4MDAwMCkgIiBjeD0iNTAuMjQiIGN5PSIxNy4yOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMm9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMnR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSItMjIuNSAxMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUydHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUyb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUzIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjI0MDAwMCwgNDMuMjAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNTAuMjQiIGN5PSI0My4yIiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzb25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGUzdHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209Ii0yMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUzb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAtMTMiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlNCIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMjcuNTIiIGN5PSI1Ni42NCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIC0yNiIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUxdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUxb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIwIC0yNiIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU1IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCA0My4yMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjgwMDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNC44IiBjeT0iNDMuMiIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlNXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIyMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU1dHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGU1b25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIyMi41IC0xMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU2IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCAxNy4yODAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC44MDAwMDAsIC0xNy4yODAwMDApICIgY3g9IjQuOCIgY3k9IjE3LjI4IiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU2b25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGU2dHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjIyLjUgMTMiIHRvPSIwIDAiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNnR3byIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iY2lyY2xlNm9uZS5lbmQgKyAuNzJzIiBkdXI9Ii41NHMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMCAwIiB0bz0iMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
3381
+ --Spinner-height: var(--spinner-size-size);
3382
+ --Spinner-overlay-bg: rgba(255, 255, 255, 0.1);
3383
+ --Spinner-width: var(--spinner-size-size);
3384
+ --Spinner-color: var(--spinner-base-color);
3385
+ --Spinner-color--disabled: rgba(0, 0, 0, 0.65);
3386
+ --loading-dark-bg-color: var(--colors-neutral-text-11);
3387
+
3388
+ // Image
3389
+ --image-image-normal-paddingTop: var(--sizes-size-3);
3390
+ --image-image-normal-paddingBottom: var(--sizes-size-3);
3391
+ --image-image-normal-paddingLeft: var(--sizes-size-3);
3392
+ --image-image-normal-paddingRight: var(--sizes-size-3);
3393
+ --image-image-normal-color: var(--colors-neutral-text-2);
3394
+ --image-image-normal-fontSize: var(--fonts-size-7);
3395
+ --image-image-normal-title-marginTop: var(--sizes-size-0);
3396
+ --image-image-description-color: var(--colors-neutral-text-2);
3397
+ --image-image-description-fontSize: var(--fonts-size-8);
3398
+ --image-image-description-marginTop: var(--sizes-size-0);
3399
+ --image-image-normal-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><g><rect opacity="0" x="0.5" y="0.5" width="15" height="15"></rect><path d="M7.9999,3.0001 C11.9889,3.0001 14.9999,6.8731 14.9999,8.0001 C14.9999,8.8831 11.9889,13.0001 7.9999,13.0001 C3.9609,13.0001 0.9999,8.8831 0.9999,8.0001 C0.9999,6.8731 3.9609,3.0001 7.9999,3.0001 Z M7.9999,4.0001 C4.7329,4.0001 2.2179,7.0861 2.0089,7.9731 C2.2749,8.7711 4.7189,12.0001 7.9999,12.0001 C11.2099,12.0001 13.7339,8.7311 13.9929,7.9631 C13.8069,7.1261 11.2709,4.0001 7.9999,4.0001 Z M7.975,5.879 C9.08,5.879 9.975,6.775 9.975,7.879 C9.975,8.983 9.08,9.879 7.975,9.879 C6.871,9.879 5.975,8.983 5.975,7.879 C5.975,6.775 6.871,5.879 7.975,5.879 Z M7.975,6.879 C7.424,6.879 6.975,7.327 6.975,7.879 C6.975,8.43 7.424,8.879 7.975,8.879 C8.527,8.879 8.975,8.43 8.975,7.879 C8.975,7.327 8.527,6.879 7.975,6.879 Z" ></path></g></g></svg>';
3400
+
3401
+ --image-images-item-marginTop: var(--sizes-size-3);
3402
+ --image-images-item-marginBottom: var(--sizes-size-3);
3403
+ --image-images-item-marginLeft: var(--sizes-size-3);
3404
+ --image-images-item-marginRight: var(--sizes-size-3);
3405
+ --image-images-item-size: #{px2rem(48px)};
3406
+ --image-images-item-color: var(--colors-neutral-text-5);
3407
+ --image-images-preview-radius: var(--sizes-size-3);
3408
+ --image-images-preview-bgColor: var(--colors-neutral-text-11);
3409
+ --image-images-preview-paddingTop: var(--sizes-size-3);
3410
+ --image-images-preview-paddingBottom: var(--sizes-size-3);
3411
+ --image-images-preview-paddingLeft: var(--sizes-size-9);
3412
+ --image-images-preview-paddingRight: var(--sizes-size-9);
3413
+ --image-images-prev-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline stroke="currentColor" transform="translate(10.496854, 8.006854) rotate(-135.000000) translate(-10.496854, -8.006854) " points="6.49685425 4.00685425 14.4968542 4.00685425 14.4968542 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
3414
+ --image-images-next-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline stroke="currentColor" transform="translate(5.496854, 8.006854) scale(-1, 1) rotate(-135.000000) translate(-5.496854, -8.006854) " points="1.49685425 4.00685425 9.49685425 4.00685425 9.49685425 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
3415
+
3416
+ --Tag-base-fontSize: var(--fonts-size-8);
3417
+ --Tag-base-fontWeight: var(--fonts-weight-6);
3418
+ --Tag-base-height: var(--sizes-base-12);
3419
+ --Tag-base-paddingTop: var(--sizes-size-0);
3420
+ --Tag-base-paddingBottom: var(--sizes-size-0);
3421
+ --Tag-base-paddingLeft: var(--sizes-size-5);
3422
+ --Tag-base-paddingRight: var(--sizes-size-5);
3423
+ --Tag-base-padding: var(--Tag-base-paddingTop) var(--Tag-base-paddingRight)
3424
+ var(--Tag-base-paddingBottom) var(--Tag-base-paddingLeft);
3425
+ --Tag-model-normal-top-border-color: var(--colors-neutral-line-6);
3426
+ --Tag-model-normal-top-border-width: var(--borders-width-2);
3427
+ --Tag-model-normal-top-border-style: var(--borders-style-1);
3428
+ --Tag-model-normal-right-border-color: var(--colors-neutral-line-6);
3429
+ --Tag-model-normal-right-border-width: var(--borders-width-2);
3430
+ --Tag-model-normal-right-border-style: var(--borders-style-1);
3431
+ --Tag-model-normal-bottom-border-color: var(--colors-neutral-line-6);
3432
+ --Tag-model-normal-bottom-border-width: var(--borders-width-2);
3433
+ --Tag-model-normal-bottom-border-style: var(--borders-style-1);
3434
+ --Tag-model-normal-left-border-color: var(--colors-neutral-line-6);
3435
+ --Tag-model-normal-left-border-width: var(--borders-width-2);
3436
+ --Tag-model-normal-left-border-style: var(--borders-style-1);
3437
+ --Tag-model-normal-top-right-border-radius: var(--borders-radius-1);
3438
+ --Tag-model-normal-top-left-border-radius: var(--borders-radius-1);
3439
+ --Tag-model-normal-bottom-right-border-radius: var(--borders-radius-1);
3440
+ --Tag-model-normal-bottom-left-border-radius: var(--borders-radius-1);
3441
+ --Tag-model-normal-status-size: var(--sizes-size-0);
3442
+ --Tag-model-normal-status-margin: var(--sizes-size-0);
3443
+ --Tag-model-normal-close-size: var(--sizes-size-0);
3444
+ --Tag-model-normal-close-margin: var(--sizes-size-0);
3445
+ --Tag-model-rounded-top-border-color: var(--colors-neutral-line-6);
3446
+ --Tag-model-rounded-top-border-width: var(--borders-width-2);
3447
+ --Tag-model-rounded-top-border-style: var(--borders-style-2);
3448
+ --Tag-model-rounded-right-border-color: var(--colors-neutral-line-6);
3449
+ --Tag-model-rounded-right-border-width: var(--borders-width-2);
3450
+ --Tag-model-rounded-right-border-style: var(--borders-style-2);
3451
+ --Tag-model-rounded-bottom-border-color: var(--colors-neutral-line-6);
3452
+ --Tag-model-rounded-bottom-border-width: var(--borders-width-2);
3453
+ --Tag-model-rounded-bottom-border-style: var(--borders-style-2);
3454
+ --Tag-model-rounded-left-border-color: var(--colors-neutral-line-6);
3455
+ --Tag-model-rounded-left-border-width: var(--borders-width-2);
3456
+ --Tag-model-rounded-left-border-style: var(--borders-style-2);
3457
+ --Tag-model-rounded-top-right-border-radius: 12px;
3458
+ --Tag-model-rounded-top-left-border-radius: 12px;
3459
+ --Tag-model-rounded-bottom-right-border-radius: 12px;
3460
+ --Tag-model-rounded-bottom-left-border-radius: 12px;
3461
+ --Tag-model-rounded-status-size: var(--sizes-size-0);
3462
+ --Tag-model-rounded-status-margin: var(--sizes-size-0);
3463
+ --Tag-model-rounded-close-size: var(--sizes-size-0);
3464
+ --Tag-model-rounded-close-margin: var(--sizes-size-0);
3465
+ --Tag-model-status-top-border-color: var(--colors-neutral-line-6);
3466
+ --Tag-model-status-top-border-width: var(--borders-width-2);
3467
+ --Tag-model-status-top-border-style: var(--borders-style-1);
3468
+ --Tag-model-status-right-border-color: var(--colors-neutral-line-6);
3469
+ --Tag-model-status-right-border-width: var(--borders-width-2);
3470
+ --Tag-model-status-right-border-style: var(--borders-style-1);
3471
+ --Tag-model-status-bottom-border-color: var(--colors-neutral-line-6);
3472
+ --Tag-model-status-bottom-border-width: var(--borders-width-2);
3473
+ --Tag-model-status-bottom-border-style: var(--borders-style-1);
3474
+ --Tag-model-status-left-border-color: var(--colors-neutral-line-6);
3475
+ --Tag-model-status-left-border-width: var(--borders-width-2);
3476
+ --Tag-model-status-left-border-style: var(--borders-style-1);
3477
+ --Tag-model-status-top-right-border-radius: var(--borders-radius-1);
3478
+ --Tag-model-status-top-left-border-radius: var(--borders-radius-1);
3479
+ --Tag-model-status-bottom-right-border-radius: var(--borders-radius-1);
3480
+ --Tag-model-status-bottom-left-border-radius: var(--borders-radius-1);
3481
+ --Tag-model-status-status-size: var(--sizes-size-5);
3482
+ --Tag-model-status-status-margin: var(--sizes-size-5);
3483
+ --Tag-model-status-close-size: var(--sizes-size-5);
3484
+ --Tag-model-status-close-margin: var(--sizes-size-5);
3485
+ --Tag-color-active-color: var(--colors-neutral-fill-11);
3486
+ --Tag-color-active-bg-color: var(--colors-brand-5);
3487
+ --Tag-color-inactive-color: var(--colors-neutral-fill-11);
3488
+ --Tag-color-inactive-bg-color: var(--colors-neutral-fill-6);
3489
+ --Tag-color-error-color: var(--colors-neutral-fill-11);
3490
+ --Tag-color-error-bg-color: var(--colors-error-5);
3491
+ --Tag-color-success-color: var(--colors-neutral-fill-11);
3492
+ --Tag-color-success-bg-color: var(--colors-success-5);
3493
+ --Tag-color-processing-color: var(--colors-neutral-fill-11);
3494
+ --Tag-color-processing-bg-color: var(--colors-brand-6);
3495
+ --Tag-color-warning-color: var(--colors-neutral-fill-11);
3496
+ --Tag-color-warning-bg-color: var(--colors-warning-5);
3497
+
3498
+ // tag
3499
+ --Tag-content-fontSize: var(--Tag-base-fontSize);
3500
+ --Tag-height: var(--Tag-base-height);
3501
+ --Tag-borderRadius: var(--Tag-model-normal-top-left-border-radius)
3502
+ var(--Tag-model-normal-top-right-border-radius)
3503
+ var(--Tag-model-normal-bottom-right-border-radius)
3504
+ var(--Tag-model-normal-bottom-left-border-radius);
3505
+ --Tag-fontColor: var(--colors-neutral-text-2);
3506
+
3507
+ --Tag-rounded-borderRadius: var(--Tag-model-rounded-top-left-border-radius)
3508
+ var(--Tag-model-rounded-top-right-border-radius)
3509
+ var(--Tag-model-rounded-bottom-right-border-radius)
3510
+ var(--Tag-model-rounded-bottom-left-border-radius);
3511
+
3512
+ --Tag-status-margin: var(--Tag-model-status-status-margin);
3513
+ --Tag-status-size: var(--Tag-model-status-status-size);
3514
+ --Tag-close-margin: var(--Tag-model-status-close-margin);
3515
+ --Tag-close-size: var(--Tag-model-status-close-size);
3516
+
3517
+ --Tag-default-color: var(--colors-neutral-fill-9);
3518
+ --Tag-inactive-color: var(--Tag-color-inactive-color);
3519
+ --Tag-active-color: var(--Tag-color-active-color);
3520
+ --Tag-processing-color: var(--Tag-color-processing-color);
3521
+ --Tag-success-color: var(--Tag-color-success-color);
3522
+ --Tag-error-color: var(--Tag-color-error-color);
3523
+ --Tag-warning-color: var(--Tag-color-warning-color);
3524
+ --Tag-inactive-bg-color: var(--Tag-color-inactive-bg-color);
3525
+ --Tag-active-bg-color: var(--Tag-color-active-bg-color);
3526
+ --Tag-processing-bg-color: var(--Tag-color-processing-bg-color);
3527
+ --Tag-success-bg-color: var(--Tag-color-success-bg-color);
3528
+ --Tag-error-bg-color: var(--Tag-color-error-bg-color);
3529
+ --Tag-warning-bg-color: var(--Tag-color-warning-bg-color);
3530
+
3531
+ --Tag-normal-borderWidth: var(--Tag-model-normal-top-border-width)
3532
+ var(--Tag-model-normal-right-border-width)
3533
+ var(--Tag-model-normal-bottom-border-width)
3534
+ var(--Tag-model-normal-left-border-width);
3535
+ --Tag-normal-borderRadius: var(--Tag-model-normal-top-left-border-radius)
3536
+ var(--Tag-model-normal-top-right-border-radius)
3537
+ var(--Tag-model-normal-bottom-right-border-radius)
3538
+ var(--Tag-model-normal-bottom-left-border-radius);
3539
+ --Tag-normal-borderColor: var(--Tag-model-normal-top-border-color)
3540
+ var(--Tag-model-normal-right-border-color)
3541
+ var(--Tag-model-normal-bottom-border-color)
3542
+ var(--Tag-model-normal-left-border-color);
3543
+ --Tag-normal-status-size: var(--Tag-model-normal-status-size);
3544
+ --Tag-normal-status-margin: var(--Tag-model-normal-status-margin);
3545
+
3546
+ --Tag-rounded-borderWidth: var(--Tag-model-rounded-top-border-width)
3547
+ var(--Tag-model-rounded-right-border-width)
3548
+ var(--Tag-model-rounded-bottom-border-width)
3549
+ var(--Tag-model-rounded-left-border-width);
3550
+ --Tag-rounded-borderRadius: var(--Tag-model-rounded-top-left-border-radius)
3551
+ var(--Tag-model-rounded-top-right-border-radius)
3552
+ var(--Tag-model-rounded-bottom-right-border-radius)
3553
+ var(--Tag-model-rounded-bottom-left-border-radius);
3554
+ --Tag-rounded-borderColor: var(--Tag-model-rounded-top-border-color)
3555
+ var(--Tag-model-rounded-right-border-color)
3556
+ var(--Tag-model-rounded-bottom-border-color)
3557
+ var(--Tag-model-rounded-left-border-color);
3558
+ --Tag-rounded-borderStyle: var(--Tag-model-rounded-top-border-style)
3559
+ var(--Tag-model-rounded-right-border-style)
3560
+ var(--Tag-model-rounded-bottom-border-style)
3561
+ var(--Tag-model-rounded-left-border-style);
3562
+
3563
+ --Toast-color: var(--colors-neutral-text-11);
3564
+ --Toast-paddingTop: var(--sizes-size-3);
3565
+ --Toast-paddingBottom: var(--sizes-size-3);
3566
+ --Toast-paddingLeft: var(--sizes-size-9);
3567
+ --Toast-paddingRight: var(--sizes-size-9);
3568
+ --Toast-top-right-border-radius: var(--borders-radius-3);
3569
+ --Toast-top-left-border-radius: var(--borders-radius-3);
3570
+ --Toast-bottom-right-border-radius: var(--borders-radius-3);
3571
+ --Toast-bottom-left-border-radius: var(--borders-radius-3);
3572
+ --Toast-icon-size: var(--sizes-size-9);
3573
+
3574
+ --Toast--danger-color: var(--colors-neutral-text-2);
3575
+ --Toast--danger-fontSize: var(--fonts-size-8);
3576
+ --Toast--danger-fontWeight: var(--fonts-weight-6);
3577
+ --Toast--danger-top-border-color: var(--colors-neutral-line-11);
3578
+ --Toast--danger-top-border-width: var(--borders-width-2);
3579
+ --Toast--danger-top-border-style: var(--borders-style-2);
3580
+ --Toast--danger-right-border-color: var(--colors-neutral-line-11);
3581
+ --Toast--danger-right-border-width: var(--borders-width-2);
3582
+ --Toast--danger-right-border-style: var(--borders-style-2);
3583
+ --Toast--danger-bottom-border-color: var(--colors-neutral-line-11);
3584
+ --Toast--danger-bottom-border-width: var(--borders-width-2);
3585
+ --Toast--danger-bottom-border-style: var(--borders-style-2);
3586
+ --Toast--danger-left-border-color: var(--colors-neutral-line-11);
3587
+ --Toast--danger-left-border-width: var(--borders-width-2);
3588
+ --Toast--danger-left-border-style: var(--borders-style-2);
3589
+ --Toast--danger-top-right-border-radius: var(--borders-radius-3);
3590
+ --Toast--danger-top-left-border-radius: var(--borders-radius-3);
3591
+ --Toast--danger-bottom-right-border-radius: var(--borders-radius-3);
3592
+ --Toast--danger-bottom-left-border-radius: var(--borders-radius-3);
3593
+ --Toast--danger-bgColor: var(--colors-neutral-fill-11);
3594
+ --Toast--info-color: var(--colors-neutral-text-2);
3595
+ --Toast--info-fontSize: var(--fonts-size-8);
3596
+ --Toast--info-fontWeight: var(--fonts-weight-6);
3597
+ --Toast--info-top-border-color: var(--colors-neutral-line-11);
3598
+ --Toast--info-top-border-width: var(--borders-width-2);
3599
+ --Toast--info-top-border-style: var(--borders-style-2);
3600
+ --Toast--info-right-border-color: var(--colors-neutral-line-11);
3601
+ --Toast--info-right-border-width: var(--borders-width-2);
3602
+ --Toast--info-right-border-style: var(--borders-style-2);
3603
+ --Toast--info-bottom-border-color: var(--colors-neutral-line-11);
3604
+ --Toast--info-bottom-border-width: var(--borders-width-2);
3605
+ --Toast--info-bottom-border-style: var(--borders-style-2);
3606
+ --Toast--info-left-border-color: var(--colors-neutral-line-11);
3607
+ --Toast--info-left-border-width: var(--borders-width-2);
3608
+ --Toast--info-left-border-style: var(--borders-style-2);
3609
+ --Toast--info-bgColor: var(--colors-neutral-fill-11);
3610
+ --Toast--success-color: var(--colors-neutral-text-2);
3611
+ --Toast--success-fontWeight: var(--fonts-weight-6);
3612
+ --Toast--success-fontSize: var(--fonts-size-8);
3613
+ --Toast--success-fontWeight: var(--fonts-weight-6);
3614
+ --Toast--success-top-border-color: var(--colors-neutral-line-11);
3615
+ --Toast--success-top-border-width: var(--borders-width-2);
3616
+ --Toast--success-top-border-style: var(--borders-style-2);
3617
+ --Toast--success-right-border-color: var(--colors-neutral-line-11);
3618
+ --Toast--success-right-border-width: var(--borders-width-2);
3619
+ --Toast--success-right-border-style: var(--borders-style-2);
3620
+ --Toast--success-bottom-border-color: var(--colors-neutral-line-11);
3621
+ --Toast--success-bottom-border-width: var(--borders-width-2);
3622
+ --Toast--success-bottom-border-style: var(--borders-style-2);
3623
+ --Toast--success-left-border-color: var(--colors-neutral-line-11);
3624
+ --Toast--success-left-border-width: var(--borders-width-2);
3625
+ --Toast--success-left-border-style: var(--borders-style-2);
3626
+ --Toast--success-top-right-border-radius: var(--borders-radius-3);
3627
+ --Toast--success-top-left-border-radius: var(--borders-radius-3);
3628
+ --Toast--success-bottom-right-border-radius: var(--borders-radius-3);
3629
+ --Toast--success-bottom-left-border-radius: var(--borders-radius-3);
3630
+ --Toast--success-bgColor: var(--colors-neutral-fill-11);
3631
+ --Toast--warning-color: var(--colors-neutral-text-2);
3632
+ --Toast--warning-fontSize: var(--fonts-size-8);
3633
+ --Toast--warning-fontWeight: var(--fonts-weight-6);
3634
+ --Toast--warning-top-border-color: var(--colors-neutral-line-11);
3635
+ --Toast--warning-top-border-width: var(--borders-width-2);
3636
+ --Toast--warning-top-border-style: var(--borders-style-2);
3637
+ --Toast--warning-right-border-color: var(--colors-neutral-line-11);
3638
+ --Toast--warning-right-border-width: var(--borders-width-2);
3639
+ --Toast--warning-right-border-style: var(--borders-style-2);
3640
+ --Toast--warning-bottom-border-color: var(--colors-neutral-line-11);
3641
+ --Toast--warning-bottom-border-width: var(--borders-width-2);
3642
+ --Toast--warning-bottom-border-style: var(--borders-style-2);
3643
+ --Toast--warning-left-border-color: var(--colors-neutral-line-11);
3644
+ --Toast--warning-left-border-width: var(--borders-width-2);
3645
+ --Toast--warning-left-border-style: var(--borders-style-2);
3646
+ --Toast--warning-top-right-border-radius: var(--borders-radius-3);
3647
+ --Toast--warning-top-left-border-radius: var(--borders-radius-3);
3648
+ --Toast--warning-bottom-right-border-radius: var(--borders-radius-3);
3649
+ --Toast--warning-bottom-left-border-radius: var(--borders-radius-3);
3650
+ --Toast--warning-bgColor: var(--colors-neutral-fill-11);
3651
+
3652
+ --Toast-border-width: var(--borders-width-2);
3653
+ --Toast-borderRadius: var(--borders-radius-3);
3654
+ --Toast-box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
3655
+ 0px 1px 10px 0px rgba(8, 14, 26, 0.05),
3656
+ 0px 2px 4px -1px rgba(8, 14, 26, 0.04);
3657
+ --Toast-close-color: var(--colors-neutral-text-5);
3658
+ --Toast-close--onHover-color: var(--colors-brand-5);
3659
+ --Toast-icon-width: var(--Toast-icon-size);
3660
+ --Toast-icon-height: var(--Toast-icon-size);
3661
+ --Toast-opacity: 1;
3662
+ --Toast-title-display: inline;
3663
+ --Toast-width: #{px2rem(400px)};
3664
+
3665
+ --Pick-base-top-border-color: var(--colors-neutral-line-8);
3666
+ --Pick-base-top-border-width: var(--borders-width-2);
3667
+ --Pick-base-top-border-style: var(--borders-style-2);
3668
+ --Pick-base-right-border-color: var(--colors-neutral-line-8);
3669
+ --Pick-base-right-border-width: var(--borders-width-2);
3670
+ --Pick-base-right-border-style: var(--borders-style-2);
3671
+ --Pick-base-bottom-border-color: var(--colors-neutral-line-8);
3672
+ --Pick-base-bottom-border-width: var(--borders-width-2);
3673
+ --Pick-base-bottom-border-style: var(--borders-style-2);
3674
+ --Pick-base-left-border-color: var(--colors-neutral-line-8);
3675
+ --Pick-base-left-border-width: var(--borders-width-2);
3676
+ --Pick-base-left-border-style: var(--borders-style-2);
3677
+ --Pick-base-top-right-border-radius: var(--borders-radius-3);
3678
+ --Pick-base-top-left-border-radius: var(--borders-radius-3);
3679
+ --Pick-base-bottom-right-border-radius: var(--borders-radius-3);
3680
+ --Pick-base-bottom-left-border-radius: var(--borders-radius-3);
3681
+ --Pick-base-placeholder-color: var(--colors-neutral-line-6);
3682
+ --Pick-base-placeholder-fontSize: var(--fonts-size-7);
3683
+ --Pick-base-placeholder-fontWeight: var(--fonts-weight-6);
3684
+ --Pick-base-paddingTop: var(--sizes-size-3);
3685
+ --Pick-base-paddingBottom: var(--sizes-size-3);
3686
+ --Pick-base-paddingLeft: var(--sizes-size-6);
3687
+ --Pick-base-paddingRight: var(--sizes-size-6);
3688
+ --Pick-base-bgColor: var(--colors-neutral-fill-11);
3689
+ --Pick-base-value-color: var(--colors-other-5);
3690
+ --Pick-base-value-fontSize: var(--fonts-size-8);
3691
+ --Pick-base-value-fontWeight: var(--fonts-weight-6);
3692
+ --Pick-base-value-top-border-color: var(--colors-other-7);
3693
+ --Pick-base-value-top-border-width: var(--borders-width-2);
3694
+ --Pick-base-value-top-border-style: var(--borders-style-2);
3695
+ --Pick-base-value-right-border-color: var(--colors-other-7);
3696
+ --Pick-base-value-right-border-width: var(--borders-width-2);
3697
+ --Pick-base-value-right-border-style: var(--borders-style-2);
3698
+ --Pick-base-value-bottom-border-color: var(--colors-other-7);
3699
+ --Pick-base-value-bottom-border-width: var(--borders-width-2);
3700
+ --Pick-base-value-bottom-border-style: var(--borders-style-2);
3701
+ --Pick-base-value-left-border-color: var(--colors-other-7);
3702
+ --Pick-base-value-left-border-width: var(--borders-width-2);
3703
+ --Pick-base-value-left-border-style: var(--borders-style-2);
3704
+ --Pick-base-value-bgColor: #cce5ff;
3705
+ --Pick-base-top-right-border-radius: var(--borders-radius-3);
3706
+ --Pick-base-top-left-border-radius: var(--borders-radius-3);
3707
+ --Pick-base-bottom-right-border-radius: var(--borders-radius-3);
3708
+ --Pick-base-bottom-left-border-radius: var(--borders-radius-3);
3709
+ --Pick-base-icon: '<svg viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="currentColor" fill-rule="nonzero"><path d="M181.25,0 L56.25,0 C45.8984375,0 37.5,8.3984375 37.5,18.75 L37.5,37.5 L18.75,37.5 C8.3984375,37.5 0,45.8984375 0,56.25 L0,181.25 C0,191.601562 8.3984375,200 18.75,200 L143.75,200 C154.101562,200 162.5,191.601562 162.5,181.25 L162.5,162.5 L181.25,162.5 C191.601562,162.5 200,154.101562 200,143.75 L200,18.75 C200,8.3984375 191.601562,0 181.25,0 Z M143.75,181.25 L18.75,181.25 L18.75,100 L143.75,100 L143.75,181.25 Z M181.25,143.75 L162.5,143.75 L162.5,56.25 C162.5,45.8984375 154.101562,37.5 143.75,37.5 L56.25,37.5 L56.25,18.75 L181.25,18.75 L181.25,143.75 Z" ></path></g></svg>';
3710
+ --Pick-base-icon-size: var(--sizes-size-9);
3711
+ --Pick-base-icon-color: #84878c;
3712
+ --Pick-base-value-hover-icon-color: #b3d7ff;
3713
+ --Pick-base-value-icon-color: var(--colors-other-5);
3714
+ --Picker-onHover-iconColor: var(--icon-onHover-color);
3715
+ --Picker-tag-height: #{px2rem(24px)};
3716
+ --Picker-tag-marginBottom: var(--select-multiple-marginBottom);
3717
+ --Pick-status-hover-top-border-color: var(--colors-other-5);
3718
+ --Pick-status-hover-top-border-width: var(--borders-width-2);
3719
+ --Pick-status-hover-top-border-style: var(--borders-style-2);
3720
+ --Pick-status-hover-right-border-color: var(--colors-other-5);
3721
+ --Pick-status-hover-right-border-width: var(--borders-width-2);
3722
+ --Pick-status-hover-right-border-style: var(--borders-style-2);
3723
+ --Pick-status-hover-bottom-border-color: var(--colors-other-5);
3724
+ --Pick-status-hover-bottom-border-width: var(--borders-width-2);
3725
+ --Pick-status-hover-bottom-border-style: var(--borders-style-2);
3726
+ --Pick-status-hover-left-border-color: var(--colors-other-5);
3727
+ --Pick-status-hover-left-border-width: var(--borders-width-2);
3728
+ --Pick-status-hover-left-border-style: var(--borders-style-2);
3729
+ --Pick-status-hover-bgColor: var(--colors-neutral-fill-11);
3730
+ --Pick-status-focus-top-border-color: var(--colors-other-7);
3731
+ --Pick-status-focus-top-border-width: var(--borders-width-2);
3732
+ --Pick-status-focus-top-border-style: var(--borders-style-2);
3733
+ --Pick-status-focus-right-border-color: var(--colors-other-7);
3734
+ --Pick-status-focus-right-border-width: var(--borders-width-2);
3735
+ --Pick-status-focus-right-border-style: var(--borders-style-2);
3736
+ --Pick-status-focus-bottom-border-color: var(--colors-other-7);
3737
+ --Pick-status-focus-bottom-border-width: var(--borders-width-2);
3738
+ --Pick-status-focus-bottom-border-style: var(--borders-style-2);
3739
+ --Pick-status-focus-left-border-color: var(--colors-other-7);
3740
+ --Pick-status-focus-left-border-width: var(--borders-width-2);
3741
+ --Pick-status-focus-left-border-style: var(--borders-style-2);
3742
+ --Pick-status-focus-shadow: var(--shadows-shadow-none);
3743
+ --Pick-status-focus-bgColor: var(--colors-neutral-fill-11);
3744
+ --Pick-status-disabled-color: var(--colors-neutral-line-6);
3745
+ --Pick-status-disabled-fontSize: var(--fonts-size-7);
3746
+ --Pick-status-disabled-fontWeight: var(--fonts-weight-6);
3747
+ --Pick-status-disabled-top-border-color: var(--colors-neutral-line-8);
3748
+ --Pick-status-disabled-top-border-width: var(--borders-width-2);
3749
+ --Pick-status-disabled-top-border-style: var(--borders-style-2);
3750
+ --Pick-status-disabled-right-border-color: var(--colors-neutral-line-8);
3751
+ --Pick-status-disabled-right-border-width: var(--borders-width-2);
3752
+ --Pick-status-disabled-right-border-style: var(--borders-style-2);
3753
+ --Pick-status-disabled-bottom-border-color: var(--colors-neutral-line-8);
3754
+ --Pick-status-disabled-bottom-border-width: var(--borders-width-2);
3755
+ --Pick-status-disabled-bottom-border-style: var(--borders-style-2);
3756
+ --Pick-status-disabled-left-border-color: var(--colors-neutral-line-8);
3757
+ --Pick-status-disabled-left-border-width: var(--borders-width-2);
3758
+ --Pick-status-disabled-left-border-style: var(--borders-style-2);
3759
+ --Pick-status-disabled-bgColor: var(--colors-neutral-fill-10);
3760
+
3761
+ --Status-base-fontSize: var(--fonts-size-9);
3762
+ --Status-base-icon-size: var(--sizes-size-8);
3763
+ --Status-base-text-margin: var(--sizes-size-3);
3764
+ --Status-fail-color: var(--colors-error-5);
3765
+ --Status-success-color: var(--colors-success-5);
3766
+ --Status-warning-color: var(--colors-warning-5);
3767
+ --Status-schedule-color: var(--colors-neutral-fill-2);
3768
+ --Status-pending-before-color: var(--colors-error-5);
3769
+ --Status-pending-after-color: var(--colors-brand-5);
3770
+
3771
+ --Status-font-size: var(--Status-base-fontSize);
3772
+ --Status-font-margin: var(--Status-base-text-margin);
3773
+
3774
+ --Status-icon-width: var(--Status-base-icon-size);
3775
+ --Status-icon-height: var(--Status-base-icon-size);
3776
+
3777
+ --Status-pending-beforeColor: var(--Status-pending-before-color);
3778
+ --Status-pending-afterColor: var(--Status-pending-after-color);
3779
+
3780
+ // timeline
3781
+ --Timeline-time-color: var(--colors-neutral-text-5);
3782
+ --Timeline-time-fontSize: var(--fonts-size-4);
3783
+ --Timeline-time-fontWeight: var(--fonts-weight-3);
3784
+ --Timeline-title-color: var(--colors-neutral-text-2);
3785
+ --Timeline-title-fontSize: var(--fonts-size-6);
3786
+ --Timeline-title-fontWeight: var(--fonts-weight-6);
3787
+ --Timeline-type-info-color: var(--colors-info-5);
3788
+ --Timeline-type-success-color: var(--colors-success-5);
3789
+ --Timeline-type-warning-color: var(--colors-warning-5);
3790
+ --Timeline-type-danger-color: var(--colors-error-5);
3791
+ --Timeline-dot-info-bg-color: var(--colors-info-5);
3792
+ --Timeline-dot-success-bg-color: var(--colors-success-5);
3793
+ --Timeline-dot-warning-bg-color: var(--colors-warning-5);
3794
+ --Timeline-dot-danger-bg-color: var(--colors-error-5);
3795
+ --Timeline-detail-label-color: var(--colors-brand-5);
3796
+ --Timeline-detail-label-fontSize: var(--fonts-size-7);
3797
+ --Timeline-detail-label-fontWeight: var(--fonts-weight-6);
3798
+ --Timeline-detail-content-color: var(--colors-neutral-text-2);
3799
+ --Timeline-detail-content-fontSize: var(--fonts-size-7);
3800
+ --Timeline-detail-content-fontWeight: var(--fonts-weight-6);
3801
+ --Timeline-shadow: var(--shadows-shadow-normal);
3802
+ --Timeline-detail-icon-size: var(--sizes-base-8);
3803
+ --Timeline-detail-icon-color: var(--colors-brand-5);
3804
+ --Timeline-visible-paddingTop: var(--sizes-size-6);
3805
+ --Timeline-visible-paddingBottom: var(--sizes-size-6);
3806
+ --Timeline-visible-paddingLeft: var(--sizes-size-6);
3807
+ --Timeline-visible-paddingRight: var(--sizes-size-6);
3808
+ --Timeline-visible-top-right-border-radius: var(--borders-radius-3);
3809
+ --Timeline-visible-top-left-border-radius: var(--borders-radius-3);
3810
+ --Timeline-visible-bottom-right-border-radius: var(--borders-radius-3);
3811
+ --Timeline-visible-bottom-left-border-radius: var(--borders-radius-3);
3812
+ --Timeline-left-size: var(--sizes-size-4);
3813
+ --Timeline-horizontal-top-size: var(--sizes-size-0);
3814
+ --Timeline-line-bg: #e6e6e8;
3815
+ --Timeline-round-bg: #dadbdd;
3816
+
3817
+ --TimelineItem-round-width-xl: #{px2rem(8px)};
3818
+ --TimelineItem-round-width-lg: #{px2rem(6px)};
3819
+ --TimelineItem-round-width-md: #{px2rem(4px)};
3820
+ --TimelineItem-round-width-sm: #{px2rem(2px)};
3821
+ --TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
3822
+ --TimelineItem--left-line-width: #{px2rem(1px)};
3823
+ --TimelineItem--left-line-left: #{px2rem(13px)};
3824
+ --TimelineItem--left-line-top: #{px2rem(20px)};
3825
+ --TimelineItem--horizontal-left-line-top: #{px2rem(18px)};
3826
+ --TimelineItem--icon-left-line-left: #{px2rem(12px)};
3827
+ --TimelineItem--round-width: #{px2rem(8px)};
3828
+ --TimelineItem--round-height: #{px2rem(8px)};
3829
+ --TimelineItem--round-left: #{px2rem(10px)};
3830
+ --TimelineItem--round-top: #{px2rem(8px)};
3831
+ --TimelineItem--icon-width: #{px2rem(16px)};
3832
+ --TimelineItem--icon-height: #{px2rem(16px)};
3833
+ --TimelineItem--icon-left: #{px2rem(12px)};
3834
+ --TimelineItem--content-padding-bottom: var(--gap-md);
3835
+ --TimelineItem--content-margin-left: var(--Timeline-left-size);
3836
+ --TimelineItem--content-time-margin-bottom: var(--gap-xs);
3837
+ --TimelineItem--content-title-margin-bottom: var(--gap-xs);
3838
+ --TimelineItem--detail-button-margin-bottom: var(--gap-base);
3839
+ --TimelineItem-detail-arrow-width: var(--Timeline-detail-icon-size);
3840
+ --TimelineItem-detail-visible-padding: var(--Timeline-visible-paddingTop)
3841
+ var(--Timeline-visible-paddingRight) var(--Timeline-visible-paddingBottom)
3842
+ var(--Timeline-visible-paddingLeft);
3843
+ --TimelineItem-detail-visible-max-width: #{px2rem(300px)};
3844
+ --Timeline-alternate-margin-left: var(--gap-xl);
3845
+ --Timeline-visible-border-radius: var(
3846
+ --Timeline-visible-top-left-border-radius
3847
+ )
3848
+ var(--Timeline-visible-top-right-border-radius)
3849
+ var(--Timeline-visible-bottom-right-border-radius)
3850
+ var(--Timeline-visible-bottom-left-border-radius);
3851
+ --Timeline-horizontal-content-margin-top: var(--Timeline-horizontal-top-size);
3852
+ --TimelineItem--icon-radius: 50%;
3853
+ --TimelineItem--round-radius: 50%;
3854
+ --TimelineItem--content-radius: px2rem(2px);
3855
+ --TimelineItem-detail-visible-shadow: var(--Timeline-shadow);
3856
+ --TimelineItem--font-size: var(--fontSizeSm);
3857
+ --TimelineItem--text-primary-color: var(--Timeline-title-color);
3858
+ --TimelineItem--text-secondary-color: var(--Timeline-time-color);
3859
+ --TimelineItem--detail-button-color: var(--Timeline-detail-label-color);
3860
+ --TimelineItem--line-bg: var(--Timeline-line-bg);
3861
+ --TimelineItem--content-bg: #f2f2f4;
3862
+ --TimelineItem-custem-button-margin-left: var(--fontSizeSm);
3863
+ --TimelineItem-custem-time-padding-right: var(--fontSizeSm);
3864
+ --TimelineItem-round-bg: var(--Timeline-round-bg);
3865
+ --Timeline--success-dot-color: var(--Timeline-type-success-color);
3866
+ --Timeline--success-dot-bg-color: var(--Timeline-dot-success-bg-color);
3867
+ --Timeline--info-dot-color: var(--Timeline-type-info-color);
3868
+ --Timeline--info-dot-bg-color: var(--Timeline-dot-info-bg-color);
3869
+ --Timeline--warning-dot-color: var(--Timeline-type-warning-color);
3870
+ --Timeline--warning-dot-bg-color: var(--Timeline-dot-warning-bg-color);
3871
+ --Timeline--danger-dot-color: var(--Timeline-type-danger-color);
3872
+ --Timeline--danger-dot-bg-color: var(--Timeline-dot-danger-bg-color);
3873
+
3874
+ --inputTag-option-height: var(--sizes-base-16);
3875
+ --inputTag-option-color: var(--colors-neutral-text-2);
3876
+ --inputTag-option-fontSize: var(--fonts-size-7);
3877
+ --inputTag-option-fontWeight: var(--fonts-weight-6);
3878
+ --inputTag-option-lineHeight: var(--fonts-lineHeight-2);
3879
+ --inputTag-option-paddingTop: var(--sizes-size-3);
3880
+ --inputTag-option-paddingBottom: var(--sizes-size-3);
3881
+ --inputTag-option-paddingLeft: var(--sizes-size-6);
3882
+ --inputTag-option-paddingRight: var(--sizes-size-6);
3883
+ --inputTag-option-bg-color: var(--colors-neutral-fill-11);
3884
+ --inputTag-option-hover-color: var(--colors-neutral-text-2);
3885
+ --inputTag-option-hover-bg-color: var(--colors-brand-10);
3886
+ --inputTag-popover-maxHeight: 300px;
3887
+
3888
+ --fieldSet-legend-height: var(--sizes-size-9);
3889
+ --fieldSet-legend-color: var(--colors-neutral-text-2);
3890
+ --fieldSet-legend-fontSize: var(--fonts-size-7);
3891
+ --fieldSet-legend-fontWeight: var(--fonts-weight-6);
3892
+ --fieldSet-legend-paddingTop: var(--sizes-size-0);
3893
+ --fieldSet-legend-paddingBottom: var(--sizes-size-0);
3894
+ --fieldSet-legend-paddingLeft: var(--sizes-size-8);
3895
+ --fieldSet-legend-paddingRight: var(--sizes-size-0);
3896
+ --fieldSet-legend-marginTop: var(--sizes-size-7);
3897
+ --fieldSet-legend-marginBottom: var(--sizes-size-7);
3898
+ --fieldSet-legend-marginLeft: var(--sizes-size-0);
3899
+ --fieldSet-legend-marginRight: var(--sizes-size-0);
3900
+ --fieldSet-legend-border-color: var(--colors-brand-5);
3901
+ --fieldSet-legend-border-width: var(--sizes-size-3);
3902
+ --fieldSet-size-xs-paddingTop: var(--sizes-base-10);
3903
+ --fieldSet-size-xs-paddingRight: var(--sizes-size-3);
3904
+ --fieldSet-size-xs-paddingBottom: var(--sizes-size-3);
3905
+ --fieldSet-size-xs-paddingLeft: var(--sizes-size-3);
3906
+ --fieldSet-size-xs-fontSize: var(--fonts-size-8);
3907
+ --fieldSet-size-sm-paddingTop: var(--sizes-base-12);
3908
+ --fieldSet-size-sm-paddingRight: var(--sizes-size-6);
3909
+ --fieldSet-size-sm-paddingBottom: var(--sizes-size-6);
3910
+ --fieldSet-size-sm-paddingLeft: var(--sizes-size-6);
3911
+ --fieldSet-size-sm-fontSize: var(--fonts-size-8);
3912
+ --fieldSet-size-base-paddingTop: var(--sizes-base-15);
3913
+ --fieldSet-size-base-paddingRight: var(--sizes-size-9);
3914
+ --fieldSet-size-base-paddingBottom: var(--sizes-size-9);
3915
+ --fieldSet-size-base-paddingLeft: var(--sizes-size-9);
3916
+ --fieldSet-size-base-fontSize: var(--fonts-size-7);
3917
+ --fieldSet-size-md-paddingTop: var(--sizes-base-15);
3918
+ --fieldSet-size-md-paddingRight: var(--sizes-base-10);
3919
+ --fieldSet-size-md-paddingBottom: var(--sizes-base-10);
3920
+ --fieldSet-size-md-paddingLeft: var(--sizes-base-10);
3921
+ --fieldSet-size-md-fontSize: var(--fonts-size-7);
3922
+ --fieldSet-size-lg-paddingTop: var(--sizes-base-20);
3923
+ --fieldSet-size-lg-paddingRight: var(--sizes-base-15);
3924
+ --fieldSet-size-lg-paddingBottom: var(--sizes-base-15);
3925
+ --fieldSet-size-lg-paddingLeft: var(--sizes-base-15);
3926
+ --fieldSet-size-lg-fontSize: var(--fonts-size-6);
3927
+
3928
+ --inputRichText-default-top-border-color: var(--colors-neutral-line-8);
3929
+ --inputRichText-default-top-border-width: var(--borders-width-2);
3930
+ --inputRichText-default-top-border-style: var(--borders-style-2);
3931
+ --inputRichText-default-right-border-color: var(--colors-neutral-line-8);
3932
+ --inputRichText-default-right-border-width: var(--borders-width-2);
3933
+ --inputRichText-default-right-border-style: var(--borders-style-2);
3934
+ --inputRichText-default-bottom-border-color: var(--colors-neutral-line-8);
3935
+ --inputRichText-default-bottom-border-width: var(--borders-width-2);
3936
+ --inputRichText-default-bottom-border-style: var(--borders-style-2);
3937
+ --inputRichText-default-left-border-color: var(--colors-neutral-line-8);
3938
+ --inputRichText-default-left-border-width: var(--borders-width-2);
3939
+ --inputRichText-default-left-border-style: var(--borders-style-2);
3940
+ --inputRichText-default-top-left-border-radius: var(--borders-radius-1);
3941
+ --inputRichText-default-top-right-border-radius: var(--borders-radius-1);
3942
+ --inputRichText-default-bottom-right-border-radius: var(--borders-radius-1);
3943
+ --inputRichText-default-bottom-left-border-radius: var(--borders-radius-1);
3944
+ --inputRichText-hover-top-border-color: var(--colors-neutral-line-8);
3945
+ --inputRichText-hover-top-border-width: var(--borders-width-2);
3946
+ --inputRichText-hover-top-border-style: var(--borders-style-2);
3947
+ --inputRichText-hover-right-border-color: var(--colors-neutral-line-8);
3948
+ --inputRichText-hover-right-border-width: var(--borders-width-2);
3949
+ --inputRichText-hover-right-border-style: var(--borders-style-2);
3950
+ --inputRichText-hover-bottom-border-color: var(--colors-neutral-line-8);
3951
+ --inputRichText-hover-bottom-border-width: var(--borders-width-2);
3952
+ --inputRichText-hover-bottom-border-style: var(--borders-style-2);
3953
+ --inputRichText-hover-left-border-color: var(--colors-neutral-line-8);
3954
+ --inputRichText-hover-left-border-width: var(--borders-width-2);
3955
+ --inputRichText-hover-left-border-style: var(--borders-style-2);
3956
+ --inputRichText-hover-top-left-border-radius: var(--borders-radius-1);
3957
+ --inputRichText-hover-top-right-border-radius: var(--borders-radius-1);
3958
+ --inputRichText-hover-bottom-right-border-radius: var(--borders-radius-1);
3959
+ --inputRichText-hover-bottom-left-border-radius: var(--borders-radius-1);
3960
+ --inputRichText-active-top-border-color: var(--colors-brand-5);
3961
+ --inputRichText-active-top-border-width: var(--borders-width-2);
3962
+ --inputRichText-active-top-border-style: var(--borders-style-2);
3963
+ --inputRichText-active-right-border-color: var(--colors-brand-5);
3964
+ --inputRichText-active-right-border-width: var(--borders-width-2);
3965
+ --inputRichText-active-right-border-style: var(--borders-style-2);
3966
+ --inputRichText-active-bottom-border-color: var(--colors-brand-5);
3967
+ --inputRichText-active-bottom-border-width: var(--borders-width-2);
3968
+ --inputRichText-active-bottom-border-style: var(--borders-style-2);
3969
+ --inputRichText-active-left-border-color: var(--colors-brand-5);
3970
+ --inputRichText-active-left-border-width: var(--borders-width-2);
3971
+ --inputRichText-active-left-border-style: var(--borders-style-2);
3972
+ --inputRichText-active-top-left-border-radius: var(--borders-radius-1);
3973
+ --inputRichText-active-top-right-border-radius: var(--borders-radius-1);
3974
+ --inputRichText-active-bottom-right-border-radius: var(--borders-radius-1);
3975
+ --inputRichText-active-bottom-left-border-radius: var(--borders-radius-1);
3976
+ --inputRichText-disabled-top-border-color: var(--colors-neutral-line-8);
3977
+ --inputRichText-disabled-top-border-width: var(--borders-width-2);
3978
+ --inputRichText-disabled-top-border-style: var(--borders-style-2);
3979
+ --inputRichText-disabled-right-border-color: var(--colors-neutral-line-8);
3980
+ --inputRichText-disabled-right-border-width: var(--borders-width-2);
3981
+ --inputRichText-disabled-right-border-style: var(--borders-style-2);
3982
+ --inputRichText-disabled-bottom-border-color: var(--colors-neutral-line-8);
3983
+ --inputRichText-disabled-bottom-border-width: var(--borders-width-2);
3984
+ --inputRichText-disabled-bottom-border-style: var(--borders-style-2);
3985
+ --inputRichText-disabled-left-border-color: var(--colors-neutral-line-8);
3986
+ --inputRichText-disabled-left-border-width: var(--borders-width-2);
3987
+ --inputRichText-disabled-left-border-style: var(--borders-style-2);
3988
+ --inputRichText-disabled-top-left-border-radius: var(--borders-radius-1);
3989
+ --inputRichText-disabled-top-right-border-radius: var(--borders-radius-1);
3990
+ --inputRichText-disabled-bottom-right-border-radius: var(--borders-radius-1);
3991
+ --inputRichText-disabled-bottom-left-border-radius: var(--borders-radius-1);
3992
+
3993
+ --conditionBuilder-toolbar-width: var(--sizes-base-14);
3994
+ --conditionBuilder-toolbar-height: var(--sizes-base-14);
3995
+ --conditionBuilder-toolbar-color: var(--colors-brand-3);
3996
+ --conditionBuilder-toolbar-fontSize: var(--fonts-size-8);
3997
+ --conditionBuilder-toolbar-fontWeight: var(--fonts-weight-5);
3998
+ --conditionBuilder-toolbar-bg-color: var(--colors-brand-9);
3999
+ --conditionBuilder-toolbar-hover-color: var(--colors-neutral-text-11);
4000
+ --conditionBuilder-toolbar-hover-fontSize: var(--fonts-size-8);
4001
+ --conditionBuilder-toolbar-hover-fontWeight: var(--fonts-weight-5);
4002
+ --conditionBuilder-toolbar-hover-bg-color: var(--colors-brand-5);
4003
+ --conditionBuilder-line-width: var(--sizes-size-2);
4004
+ --conditionBuilder-line-bg-color: var(--colors-brand-9);
4005
+ --conditionBuilder-body-bg-color: var(--colors-neutral-line-10);
4006
+ --conditionBuilder-body-paddingTop: var(--sizes-size-3);
4007
+ --conditionBuilder-body-paddingRight: var(--sizes-size-7);
4008
+ --conditionBuilder-body-paddingBottom: var(--sizes-size-3);
4009
+ --conditionBuilder-body-paddingLeft: var(--sizes-base-14);
4010
+
4011
+ --table-border-width: var(--borders-width-2);
4012
+ --table-border-color: var(--colors-neutral-line-8);
4013
+ --table-paddingTop: var(--sizes-size-6);
4014
+ --table-paddingRight: var(--sizes-size-6);
4015
+ --table-paddingBottom: var(--sizes-size-6);
4016
+ --table-paddingLeft: var(--sizes-size-6);
4017
+ --table-paddingX: var(--sizes-size-7);
4018
+ --table-header-color: var(--colors-neutral-text-2);
4019
+ --table-header-fontSize: var(--fonts-size-7);
4020
+ --table-header-fontWeight: var(--fonts-weight-6);
4021
+ --table-header-lineHeight: var(--fonts-lineHeight-2);
4022
+ --table-header-bg-color: var(--colors-neutral-fill-10);
4023
+ --table-header-separate-line-color: var(--colors-neutral-fill-11);
4024
+ --table-header-separate-line-width: var(--borders-width-2);
4025
+ --table-body-color: var(--colors-neutral-text-2);
4026
+ --table-body-fontSize: var(--fonts-size-8);
4027
+ --table-body-fontWeight: var(--fonts-weight-6);
4028
+ --table-body-line-height: var(--sizes-base-20);
4029
+ --table-body-lineHeight: var(--fonts-lineHeight-2);
4030
+ --table-body-bg-color: var(--colors-neutral-fill-11);
4031
+ --table-body-default-bg-color: var(--table-body-bg-color);
4032
+ --table-body-hover-color: var(--colors-neutral-text-2);
4033
+ --table-body-hover-bg-color: var(--colors-brand-10);
4034
+ --table-body-hover-border-color: var(--colors-neutral-line-8);
4035
+ --table-body-disabled-color: var(--colors-neutral-text-6);
4036
+ --table-body-disabled-bg-color: var(--colors-neutral-fill-10);
4037
+ --table-title-color: var(--colors-neutral-text-2);
4038
+ --table-title-fontSize: var(--fonts-size-7);
4039
+ --table-title-fontWeight: var(--fonts-weight-6);
4040
+ --table-title-lineHeight: var(--fonts-lineHeight-2);
4041
+ --table-title-bg-color: var(--colors-neutral-fill-11);
4042
+ --table-title-paddingTop: var(--sizes-size-6);
4043
+ --table-title-paddingRight: var(--sizes-size-5);
4044
+ --table-title-paddingBottom: var(--sizes-size-6);
4045
+ --table-title-paddingLeft: var(--sizes-size-5);
4046
+ --table-icon-color: var(--colors-neutral-text-6);
4047
+ --table-icon-hover-color: var(--colors-neutral-text-2);
4048
+ --table-icon-active-color: var(--colors-brand-5);
4049
+ --table-icon-marginLeft: var(--sizes-size-5);
4050
+ --table-sort-icon: '<svg viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="currentColor"><polygon points="3.5354 0.0004 2.8284 0.7064 0.0004 3.5344 0.7074 4.2424 3.0354 1.9134 3.0354 5.0354 4.0354 5.0354 4.0354 1.9134 6.3634 4.2424 7.0704 3.5344 4.2424 0.7064"></polygon><polygon points="3.035 7.0348 3.035 10.1558 0.708 7.8278 0 8.5348 2.828 11.3628 3.535 12.0708 4.243 11.3628 7.071 8.5348 6.363 7.8278 4.036 10.1558 4.036 7.0348"></polygon></g></svg>';
4051
+ --table-sort-up-icon: '<svg viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="currentColor"><polygon points="3.5 0 2.8 0.703 0 3.514 0.7 4.217 3.005 1.903 3.005 10 3.995 10 3.995 1.903 6.3 4.217 7 3.514 4.2 0.703"></polygon></g></svg>';
4052
+ --table-sort-down-icon: '<svg viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill="currentColor"><polygon transform="translate(3.500000, 5.000000) scale(1, -1) translate(-3.500000, -5.000000) " points="3.5 0 2.8 0.703 0 3.514 0.7 4.217 3.005 1.903 3.005 10 3.995 10 3.995 1.903 6.3 4.217 7 3.514 4.2 0.703"></polygon></g></svg>';
4053
+ --table-filter-icon: '<svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor"><path d="M0,0 L4,4.999 L4.082,10 L8,12 L8,4.999 L12,0 L0,0 Z M5.0528196,9.05445227 L4.97933146,4.82735426 L4.97320745,4.49967969 L4.75580505,4.24311339 L2,1 L10,1 L7.24419495,4.24311339 L7.02066854,4.50640615 L7.02066854,4.84272902 L7.02066854,10 L5.0528196,9.05445227 Z" ></path></g></g></svg>';
4054
+ --table-search-icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18" version="1.1"><path d="M2,8 C2,4.691 4.691,2 8,2 C11.309,2 14,4.691 14,8 C14,11.309 11.309,14 8,14 C4.691,14 2,11.309 2,8 L2,8 Z M18,16.586 L14.314,12.9 C15.367,11.545 16,9.849 16,8 C16,3.582 12.418,0 8,0 C3.582,0 0,3.582 0,8 C0,12.418 3.582,16 8,16 C9.849,16 11.545,15.367 12.9,14.314 L16.586,18 L18,16.586 Z" fill="currentColor"></path></svg>';
4055
+ --table-togglable-paddingTop: var(--sizes-size-4);
4056
+ --table-togglable-paddingRight: var(--sizes-size-5);
4057
+ --table-togglable-paddingBottom: var(--sizes-size-4);
4058
+ --table-togglable-paddingLeft: var(--sizes-size-5);
4059
+ --table-togglable-bg-color: var(--colors-neutral-fill-11);
4060
+ --table-togglable-hover-bg-color: var(--colors-neutral-fill-8);
4061
+ --table-size-large-paddingTop: var(--sizes-base-10);
4062
+ --table-size-large-paddingRight: var(--sizes-size-7);
4063
+ --table-size-large-paddingBottom: var(--sizes-base-10);
4064
+ --table-size-large-paddingLeft: var(--sizes-size-7);
4065
+ --table-size-small-paddingTop: var(--sizes-size-4);
4066
+ --table-size-small-paddingRight: var(--sizes-size-3);
4067
+ --table-size-small-paddingBottom: var(--sizes-size-4);
4068
+ --table-size-small-paddingLeft: var(--sizes-size-3);
4069
+
4070
+ --Table--unsaved-heading-bg: var(--colors-neutral-fill-9);
4071
+ --Table--unsaved-heading-color: var(--colors-brand-5);
4072
+ --Table-bg: var(--colors-neutral-fill-11);
4073
+ --Table-borderColor: var(--table-border-color);
4074
+ --Table-borderRadius: var(--borderRadius);
4075
+ --Table-borderWidth: var(--table-border-width);
4076
+ --Table-color: var(--table-body-color);
4077
+ --Table-expandBtn-color: var(--colors-neutral-text-5);
4078
+ --Table-fixed-zIndex: 5;
4079
+ --Table-fixedLeft-boxShadow: inset 10px 0 8px -8px rgba(5, 5, 5, 0.06);
4080
+ --Table-fixedRight-boxShadow: inset -10px 0 8px -8px rgba(5, 5, 5, 0.06);
4081
+ --Table-fixedTop-boxShadow: inset 0 10px 8px -8px rgba(5, 5, 5, 0.06);
4082
+ --Table-fontSize: var(--table-body-fontSize);
4083
+ --Table-heading-bg: var(--table-title-bg-color);
4084
+ --Table-heading-height: #{px2rem(40px)};
4085
+ --Table-lineHeight: var(--fonts-lineHeight-2);
4086
+ --Table-onChecked-bg: var(--colors-neutral-fill-11);
4087
+ --Table-onChecked-borderColor: var(--colors-neutral-line-8);
4088
+ --Table-onChecked-color: var(--colors-neutral-text-2);
4089
+ --Table-onChecked-onHover-bg: var(--colors-neutral-fill-10);
4090
+ --Table-onChecked-onHover-borderColor: var(--colors-neutral-line-8);
4091
+ --Table-onChecked-onHover-color: var(--colors-neutral-line-4);
4092
+ --Table-onDragging-opacity: 1;
4093
+ --Table-onDragging-bg: var(--table-body-hover-bg-color);
4094
+ // 背景用到了 rgba，所以必须再提供这种写法，搜一下这个变量就知道为什么了
4095
+ --Table-onHover-bg-rgb: 245, 251, 255;
4096
+ --Table-onHover-bg: var(--table-body-hover-bg-color);
4097
+ --Table-onHover-borderColor: var(--table-border-color);
4098
+ --Table-onHover-boxShadow: var(--shadows-shadow-normal);
4099
+ --Table-onHover-color: var(--table-body-hover-color);
4100
+ --Table-onModified-bg: #e8f0fe;
4101
+ --Table-onModified-borderColor: #{color.adjust(#e8f0fe, $lightness: -5%)};
4102
+ --Table-onModified-color: #4285f4;
4103
+ --Table-placeholder-height: #{px2rem(200px)};
4104
+ --Table-strip-bg: transparent;
4105
+ --Table-tbody-borderTopColor: var(--colors-neutral-line-9);
4106
+ --Table-thead-bg: var(--table-header-bg-color);
4107
+ --Table-thead-borderColor: var(--table-header-separate-line-color);
4108
+ --Table-thead-borderWidth: var(--table-header-separate-line-width);
4109
+ --Table-thead-color: var(--table-header-color);
4110
+ --Table-thead-fontSize: var(--table-header-fontSize);
4111
+ --Table-thead-iconColor: var(--colors-neutral-text-5);
4112
+ --Table-toolbar-marginX: #{px2rem(4px)};
4113
+ --Table-toolbar-marginY: var(--gap-base);
4114
+ --Table-tree-borderColor: var(--colors-neutral-line-8);
4115
+ --Table-tree-indent: var(--gap-lg);
4116
+ --Table-searchableForm-backgroundColor: var(--colors-neutral-fill-10);
4117
+ --Table-searchableForm-borderRadius: #{px2rem(4px)};
4118
+ --Table-empty-icon-size: #{px2rem(74px)};
4119
+ --TableRow-onDisabled-bg: var(--table-body-disabled-bg-color);
4120
+ --TableRow-onDisabled-color: var(--table-body-disabled-color);
4121
+ --TableCell--edge-paddingX: var(--gap-md);
4122
+ --TableCell--edge-paddingX-default: var(--table-paddingX);
4123
+ --TableCell-filterBtn--onActive-color: var(--colors-brand-5);
4124
+ --TableCell-filterBtn-width: #{px2rem(16px)};
4125
+ --TableCell-filterPopOver-dropDownItem-height: var(--sizes-base-15);
4126
+ --TableCell-filterPopOver-dropDownItem-padding: var(--sizes-size-0)
4127
+ var(--sizes-size-6);
4128
+ --TableCell-line-height-large: #{px2rem(40px)};
4129
+ --TableCell-line-height-middle: #{px2rem(30px)};
4130
+ --TableCell-height: #{px2rem(40px)};
4131
+ --TableCell-height-default: #{px2rem(41px)};
4132
+ --TableCell-height-large: #{px2rem(61px)};
4133
+ --TableCell-height-small: #{px2rem(33px)};
4134
+ --TableCell-paddingX: var(--sizes-size-6);
4135
+ --TableCell-paddingX-large: var(--gap-base);
4136
+ --TableCell-paddingX-small: var(--gap-xs);
4137
+ --TableCell-paddingY: calc(
4138
+ (var(--TableCell-height) - var(--Table-fontSize) * var(--Table-lineHeight)) /
4139
+ 2
4140
+ );
4141
+ --TableCell-paddingY-default: calc(
4142
+ (
4143
+ var(--TableCell-height-default) - var(--Table-fontSize) *
4144
+ var(--Table-lineHeight)
4145
+ ) / 2
4146
+ );
4147
+ --TableCell-paddingY-large: calc(
4148
+ (
4149
+ var(--TableCell-height-large) - var(--Table-fontSize) *
4150
+ var(--Table-lineHeight)
4151
+ ) / 2
4152
+ );
4153
+ --TableCell-paddingY-small: calc(
4154
+ (
4155
+ var(--TableCell-height-small) - var(--Table-fontSize) *
4156
+ var(--Table-lineHeight)
4157
+ ) / 2
4158
+ );
4159
+ --TableCell-searchBtn--onActive-color: var(--table-icon-active-color);
4160
+ --TableCell-searchBtn-width: #{px2rem(16px)};
4161
+ --TableCell-sortBtn--default-onActive-opacity: 1;
4162
+ --TableCell-sortBtn--default-opacity: 0;
4163
+ --TableCell-sortBtn--onActive-color: var(--table-icon-active-color);
4164
+ --TableCell-sortBtn-width: var(--sizes-size-8);
4165
+ --TableCell-icon-gap: var(--table-icon-marginLeft);
4166
+
4167
+ --combo-bg-color: var(--colors-neutral-fill-11);
4168
+ --combo-vertical-top-border-color: var(--colors-neutral-line-8);
4169
+ --combo-vertical-top-border-width: var(--borders-width-2);
4170
+ --combo-vertical-top-border-style: var(--borders-style-3);
4171
+ --combo-vertical-right-border-color: var(--colors-neutral-line-8);
4172
+ --combo-vertical-right-border-width: var(--borders-width-2);
4173
+ --combo-vertical-right-border-style: var(--borders-style-3);
4174
+ --combo-vertical-bottom-border-color: var(--colors-neutral-line-8);
4175
+ --combo-vertical-bottom-border-width: var(--borders-width-2);
4176
+ --combo-vertical-bottom-border-style: var(--borders-style-3);
4177
+ --combo-vertical-left-border-color: var(--colors-neutral-line-8);
4178
+ --combo-vertical-left-border-width: var(--borders-width-2);
4179
+ --combo-vertical-left-border-style: var(--borders-style-3);
4180
+ --combo-vertical-top-left-border-radius: var(--borders-radius-1);
4181
+ --combo-vertical-top-right-border-radius: var(--borders-radius-1);
4182
+ --combo-vertical-bottom-right-border-radius: var(--borders-radius-1);
4183
+ --combo-vertical-bottom-left-border-radius: var(--borders-radius-1);
4184
+ --combo-vertical-hover-top-border-color: var(--colors-brand-5);
4185
+ --combo-vertical-hover-top-border-width: var(--borders-width-2);
4186
+ --combo-vertical-hover-top-border-style: var(--borders-style-3);
4187
+ --combo-vertical-hover-right-border-color: var(--colors-brand-5);
4188
+ --combo-vertical-hover-right-border-width: var(--borders-width-2);
4189
+ --combo-vertical-hover-right-border-style: var(--borders-style-3);
4190
+ --combo-vertical-hover-bottom-border-color: var(--colors-brand-5);
4191
+ --combo-vertical-hover-bottom-border-width: var(--borders-width-2);
4192
+ --combo-vertical-hover-bottom-border-style: var(--borders-style-3);
4193
+ --combo-vertical-hover-left-border-color: var(--colors-brand-5);
4194
+ --combo-vertical-hover-left-border-width: var(--borders-width-2);
4195
+ --combo-vertical-hover-left-border-style: var(--borders-style-3);
4196
+ --combo-vertical-paddingTop: var(--sizes-size-6);
4197
+ --combo-vertical-paddingRight: var(--sizes-size-6);
4198
+ --combo-vertical-paddingBottom: var(--sizes-size-6);
4199
+ --combo-vertical-paddingLeft: var(--sizes-size-6);
4200
+ --combo-multi-addBtn-color: var(--button-primary-default-font-color);
4201
+ --combo-multi-addBtn-fontSize: var(--fonts-size-8);
4202
+ --combo-multi-addBtn-fontWeight: var(--fonts-weight-6);
4203
+ --combo-multi-addBtn-lineHeight: var(--fonts-lineHeight-2);
4204
+ --combo-multi-addBtn-top-left-border-radius: var(--borders-radius-3);
4205
+ --combo-multi-addBtn-top-right-border-radius: var(--borders-radius-3);
4206
+ --combo-multi-addBtn-bottom-right-border-radius: var(--borders-radius-3);
4207
+ --combo-multi-addBtn-bottom-left-border-radius: var(--borders-radius-3);
4208
+ --combo-multi-addBtn-bg-color: var(--colors-brand-5);
4209
+ --combo-multi-addBtn-height: var(--sizes-base-13);
4210
+ --combo-multi-addBtn-paddingTop: var(--sizes-size-3);
4211
+ --combo-multi-addBtn-paddingRight: var(--sizes-size-5);
4212
+ --combo-multi-addBtn-paddingBottom: var(--sizes-size-3);
4213
+ --combo-multi-addBtn-paddingLeft: var(--sizes-size-5);
4214
+ --combo-multi-addBtn-hover-color: var(--button-primary-hover-font-color);
4215
+ --combo-multi-addBtn-hover-bg-color: var(--colors-brand-6);
4216
+ --combo-multi-addBtn-active-color: var(--button-primary-active-font-color);
4217
+ --combo-multi-addBtn-active-bg-color: var(--colors-brand-4);
4218
+ --combo-multi-delBtn-color: var(--colors-neutral-text-5);
4219
+ --combo-multi-delBtn-hover-color: var(--colors-neutral-text-2);
4220
+
4221
+ --Combo--horizontal-dragger-top: var(--sizes-size-3);
4222
+ --Combo--horizontal-item-gap: var(--gap-xs);
4223
+ --Combo--vertical-item-borderColor: var(--combo-vertical-top-border-color)
4224
+ var(--combo-vertical-right-border-color)
4225
+ var(--combo-vertical-bottom-border-color)
4226
+ var(--combo-vertical-left-border-color);
4227
+ --Combo--vertical-item--onError-borderColor: var(--colors-error-5);
4228
+ --Combo--vertical-item-borderRadius: var(
4229
+ --combo-vertical-top-left-border-radius
4230
+ )
4231
+ var(--combo-vertical-top-right-border-radius)
4232
+ var(--combo-vertical-bottom-right-border-radius)
4233
+ var(--combo-vertical-bottom-left-border-radius);
4234
+ --Combo--vertical-item-borderStyle: var(--combo-vertical-top-border-style)
4235
+ var(--combo-vertical-right-border-style)
4236
+ var(--combo-vertical-bottom-border-style)
4237
+ var(--combo-vertical-left-border-style);
4238
+ --Combo--vertical-item-borderWidth: var(--combo-vertical-top-border-width)
4239
+ var(--combo-vertical-right-border-width)
4240
+ var(--combo-vertical-bottom-border-width)
4241
+ var(--combo-vertical-left-border-width);
4242
+ --Combo--vertical-item-gap: var(--gap-xs);
4243
+ --Combo--vertical-item-onHover-borderColor: var(
4244
+ --combo-vertical-hover-top-border-color
4245
+ )
4246
+ var(--combo-vertical-hover-right-border-color)
4247
+ var(--combo-vertical-hover-bottom-border-color)
4248
+ var(--combo-vertical-hover-left-border-color);
4249
+ --Combo--vertical-item-paddingX: #{px2rem(10px)};
4250
+ --Combo--vertical-item-paddingY: #{px2rem(10px)};
4251
+ --Combo-addBtn-bg: var(--combo-multi-addBtn-bg-color);
4252
+ --Combo-addBtn-border: var(--combo-multi-addBtn-bg-color);
4253
+ --Combo-addBtn-borderRadius: var(--borders-radius-3);
4254
+ --Combo-addBtn-color: var(--combo-multi-addBtn-color);
4255
+ --Combo-addBtn-fontSize: var(--combo-multi-addBtn-fontSize);
4256
+ --Combo-addBtn-fontWeight: var(--combo-multi-addBtn-fontWeight);
4257
+ --Combo-addBtn-height: var(--combo-multi-addBtn-height);
4258
+ --Combo-addBtn-lineHeight: var(--combo-multi-addBtn-lineHeight);
4259
+ --Combo-addBtn-onActive-bg: var(--combo-multi-addBtn-active-bg-color);
4260
+ --Combo-addBtn-onActive-border: var(--combo-multi-addBtn-active-bg-color);
4261
+ --Combo-addBtn-onActive-color: var(--combo-multi-addBtn-active-color);
4262
+ --Combo-addBtn-onHover-bg: var(--combo-multi-addBtn-hover-bg-color);
4263
+ --Combo-addBtn-onHover-border: var(--combo-multi-addBtn-hover-bg-color);
4264
+ --Combo-addBtn-onHover-color: var(--combo-multi-addBtn-hover-color);
4265
+ --Combo-addBtn-paddingX: var(--sizes-size-5);
4266
+ --Combo-addBtn-paddingY: calc(
4267
+ (
4268
+ var(--Combo-addBtn-height) - var(--borders-width-2) * 2 -
4269
+ var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)
4270
+ ) / 2
4271
+ );
4272
+ --Combo-items-marginBottom: var(--gap-sm);
4273
+ --Combo-toolbarBtn-color: var(--icon-color);
4274
+ --Combo-toolbarBtn-height: var(--gap-md);
4275
+ --Combo-toolbarBtn-lineHeight: 1;
4276
+ --Combo-toolbarBtn-onHover-color: var(--colors-neutral-text-4);
4277
+ --Combo-toolbarBtn-paddingX: var(--gap-xs);
4278
+ --Combo-toolbarBtn-paddingY: #{px2rem(2px)};
4279
+
4280
+ --Wizard-badge-size: var(--sizes-base-13);
4281
+ --Wizard-badge-fontSize: var(--fonts-size-7);
4282
+ --Wizard-badge-color: var(--colors-neutral-text-6);
4283
+ --Wizard-badge-border-width: var(--borders-width-2);
4284
+ --Wizard-badge-border-color: var(--colors-neutral-line-6);
4285
+ --Wizard-badge-bg-color: var(--colors-neutral-fill-11);
4286
+ --Wizard-badge-onActive-color: var(--colors-neutral-text-11);
4287
+ --Wizard-badge-onActive-bg-color: var(--colors-neutral-fill-3);
4288
+ --Wizard-badge-text-margin: var(--sizes-size-4);
4289
+ --Wizard-step-fontSize: var(--fonts-size-7);
4290
+ --Wizard-step-color: var(--colors-neutral-text-6);
4291
+ --Wizard-step-paddingTop: var(--sizes-size-6);
4292
+ --Wizard-step-paddingRight: var(--sizes-size-0);
4293
+ --Wizard-step-paddingBottom: var(--sizes-size-6);
4294
+ --Wizard-step-paddingLeft: var(--sizes-size-0);
4295
+ --Wizard-step-bg-color: var(--colors-neutral-fill-11);
4296
+ --Wizard-step-li-onActive-color: var(--colors-neutral-text-3);
4297
+ --Wizard-step-li-onActive-bg-color: var(--colors-neutral-fill-11);
4298
+ --Wizard-after-color: var(--colors-neutral-text-11);
4299
+ --Wizard-after-onActive-color: var(--colors-neutral-fill-11);
4300
+ --Wizard-stepContent-paddingTop: var(--sizes-size-7);
4301
+ --Wizard-stepContent-paddingRight: var(--sizes-size-7);
4302
+ --Wizard-stepContent-paddingBottom: var(--sizes-size-7);
4303
+ --Wizard-stepContent-paddingLeft: var(--sizes-size-7);
4304
+
4305
+ --Wizard-badge-bg: var(--Wizard-badge-bg-color);
4306
+ --Wizard-badge-border: var(--Wizard-badge-border-width) var(--borders-style-2)
4307
+ var(--Wizard-badge-border-color);
4308
+ --Wizard-badge-borderRadius: var(--borders-radius-7);
4309
+ --Wizard-badge-marginRight: var(--Wizard-badge-text-margin);
4310
+ --Wizard-badge-onActive-backgroundColor: var(
4311
+ --Wizard-badge-onActive-bg-color
4312
+ );
4313
+ --Wizard-badge-onComplete-backgroundColor: var(
4314
+ --Wizard-badge-onActive-bg-color
4315
+ );
4316
+ // --Wizard-badge-onActive-color: var(--Wizard-badge-onActive-color);
4317
+ --Wizard-badge-onComplete-color: var(--Wizard-badge-onActive-color);
4318
+
4319
+ --Wizard-steps-bg--isComplete: var(--colors-neutral-fill-11);
4320
+ --Wizard-steps-bg: var(--Wizard-step-bg-color);
4321
+ --Wizard-steps-borderWidth: var(--borders-width-1);
4322
+ --Wizard-steps-height: var(--sizes-base-30);
4323
+ --Wizard-steps-li-onActive-arrow-bg: var(--Wizard-after-onActive-color);
4324
+ --Wizard-steps-li-onActive-bg: var(--Wizard-step-li-onActive-bg-color);
4325
+ --Wizard-steps-li-onActive-color: var(--Wizard-step-li-onActive-color);
4326
+
4327
+ --Wizard-steps-liAfterContent: '\e6ee';
4328
+ --Wizard-steps-liVender: 'iconfont';
4329
+ --Wizard-steps-padding: var(--Wizard-step-paddingTop)
4330
+ var(--Wizard-step-paddingRight) var(--Wizard-step-paddingBottom)
4331
+ var(--Wizard-step-paddingLeft);
4332
+ --Wizard-steps-textAlign: center;
4333
+ --Wizard-steps-ulDisplay: inline-block;
4334
+ --Wizard-stepsContent-padding: var(--Wizard-stepContent-paddingTop)
4335
+ var(--Wizard-stepContent-paddingRight)
4336
+ var(--Wizard-stepContent-paddingBottom)
4337
+ var(--Wizard-stepContent-paddingLeft);
4338
+
4339
+ --common-popover-border: var(--borders-width-2) solid
4340
+ var(--colors-neutral-fill-9);
4341
+
4342
+ --Form-static-fontSize: var(--fonts-size-7);
4343
+ --Form-static-color: var(--colors-neutral-text-2);
4344
+ --Form-static-lineHeight: var(--fonts-lineHeight-2);
4345
+ --Form-static-fontWeight: var(--fonts-weight-6);
4346
+ }