amis-ui 2.6.0 → 2.7.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 (758) hide show
  1. package/esm/_virtual/index.js +8 -0
  2. package/esm/_virtual/react-is.development.js +8 -0
  3. package/esm/_virtual/react-is.production.min.js +8 -0
  4. package/esm/components/404.js +2 -2
  5. package/esm/components/Alert.js +2 -2
  6. package/esm/components/Alert2.js +2 -2
  7. package/esm/components/AnchorNav.js +2 -2
  8. package/esm/components/ArrayInput.js +2 -2
  9. package/esm/components/AsideNav.js +2 -2
  10. package/esm/components/AssociatedSelection.js +2 -2
  11. package/esm/components/Avatar.js +2 -2
  12. package/esm/components/Badge.js +2 -2
  13. package/esm/components/BaiduMapPicker.js +2 -2
  14. package/esm/components/BarCode.js +2 -2
  15. package/esm/components/Breadcrumb.js +2 -2
  16. package/esm/components/Button.js +2 -2
  17. package/esm/components/CalendarMobile.js +2 -2
  18. package/esm/components/Card.js +2 -2
  19. package/esm/components/Cascader.js +2 -2
  20. package/esm/components/ChainedSelection.js +2 -2
  21. package/esm/components/Checkbox.js +2 -2
  22. package/esm/components/CityArea.js +2 -2
  23. package/esm/components/CityDB.js +2 -2
  24. package/esm/components/CodeMirror.js +2 -2
  25. package/esm/components/Collapse.js +5 -3
  26. package/esm/components/CollapseGroup.js +2 -2
  27. package/esm/components/ColorPicker.js +2 -2
  28. package/esm/components/Combo.js +2 -2
  29. package/esm/components/ConfirmBox.js +2 -2
  30. package/esm/components/ContextMenu.js +2 -2
  31. package/esm/components/DatePicker.js +7 -2
  32. package/esm/components/DateRangePicker.d.ts +7 -4
  33. package/esm/components/DateRangePicker.js +5 -6
  34. package/esm/components/DndContainer.d.ts +293 -0
  35. package/esm/components/DndContainer.js +25 -0
  36. package/esm/components/Drawer.js +2 -2
  37. package/esm/components/Editor.js +2 -2
  38. package/esm/components/Form.js +2 -2
  39. package/esm/components/FormField.js +2 -2
  40. package/esm/components/GridNav.js +2 -2
  41. package/esm/components/GroupedSelection.js +4 -4
  42. package/esm/components/Html.js +2 -2
  43. package/esm/components/ImageGallery.d.ts +6 -5
  44. package/esm/components/ImageGallery.js +26 -10
  45. package/esm/components/Input.js +2 -2
  46. package/esm/components/InputBox.js +2 -2
  47. package/esm/components/InputBoxWithSuggestion.js +2 -2
  48. package/esm/components/InputTable.js +2 -2
  49. package/esm/components/Layout.js +2 -2
  50. package/esm/components/Link.js +2 -2
  51. package/esm/components/ListGroup.js +2 -2
  52. package/esm/components/ListMenu.js +2 -2
  53. package/esm/components/LocationPicker.js +2 -2
  54. package/esm/components/Markdown.js +2 -2
  55. package/esm/components/Modal.js +2 -2
  56. package/esm/components/ModalManager.js +2 -2
  57. package/esm/components/MultilineText.js +2 -2
  58. package/esm/components/NumberInput.js +4 -4
  59. package/esm/components/Pagination.js +2 -2
  60. package/esm/components/Picker.js +2 -2
  61. package/esm/components/PickerColumn.js +2 -2
  62. package/esm/components/PickerContainer.js +2 -2
  63. package/esm/components/PopOverContainer.js +2 -2
  64. package/esm/components/PopUp.js +2 -2
  65. package/esm/components/Progress.js +2 -2
  66. package/esm/components/PullRefresh.js +2 -2
  67. package/esm/components/Radios.js +2 -2
  68. package/esm/components/Range.js +2 -2
  69. package/esm/components/Rating.d.ts +12 -55
  70. package/esm/components/Rating.js +32 -16
  71. package/esm/components/ResultBox.d.ts +41 -40
  72. package/esm/components/ResultBox.js +16 -7
  73. package/esm/components/ResultList.d.ts +41 -40
  74. package/esm/components/ResultList.js +4 -4
  75. package/esm/components/ResultTableList.js +2 -2
  76. package/esm/components/ResultTreeList.js +2 -2
  77. package/esm/components/RichText.js +2 -2
  78. package/esm/components/SearchBox.js +2 -2
  79. package/esm/components/Select.d.ts +194 -193
  80. package/esm/components/Select.js +12 -8
  81. package/esm/components/Selection.js +2 -2
  82. package/esm/components/SparkLine.js +2 -2
  83. package/esm/components/Spinner.js +2 -2
  84. package/esm/components/Steps.js +2 -2
  85. package/esm/components/Switch.js +2 -2
  86. package/esm/components/TableSelection.js +2 -2
  87. package/esm/components/Tabs.js +16 -12
  88. package/esm/components/TabsTransfer.d.ts +40 -40
  89. package/esm/components/TabsTransfer.js +2 -2
  90. package/esm/components/TabsTransferPicker.js +2 -2
  91. package/esm/components/Tag.d.ts +14 -10
  92. package/esm/components/Tag.js +22 -2
  93. package/esm/components/Textarea.js +2 -2
  94. package/esm/components/Timeline.js +2 -2
  95. package/esm/components/TimelineItem.js +2 -2
  96. package/esm/components/Tinymce.js +2 -2
  97. package/esm/components/TitleBar.js +2 -2
  98. package/esm/components/Toast.js +3 -3
  99. package/esm/components/Tooltip.js +2 -2
  100. package/esm/components/TooltipWrapper.js +2 -2
  101. package/esm/components/Transfer.d.ts +41 -40
  102. package/esm/components/Transfer.js +4 -4
  103. package/esm/components/TransferDropDown.d.ts +40 -40
  104. package/esm/components/TransferDropDown.js +4 -4
  105. package/esm/components/TransferPicker.js +2 -2
  106. package/esm/components/TransferSearch.js +2 -2
  107. package/esm/components/Tree.js +21 -8
  108. package/esm/components/TreeSelection.js +2 -2
  109. package/esm/components/UserSelect.js +4 -2
  110. package/esm/components/UserTabSelect.js +4 -2
  111. package/esm/components/WithRemoteConfig.js +7 -6
  112. package/esm/components/WithStore.js +2 -2
  113. package/esm/components/calendar/Calendar.js +2 -2
  114. package/esm/components/calendar/CalendarContainer.js +2 -2
  115. package/esm/components/calendar/DaysView.js +2 -2
  116. package/esm/components/calendar/MonthsView.js +2 -2
  117. package/esm/components/calendar/QuartersView.js +2 -2
  118. package/esm/components/calendar/TimeView.js +2 -2
  119. package/esm/components/calendar/YearsView.js +2 -2
  120. package/esm/components/condition-builder/Expression.js +2 -2
  121. package/esm/components/condition-builder/Field.js +2 -2
  122. package/esm/components/condition-builder/Formula.js +2 -2
  123. package/esm/components/condition-builder/Func.js +2 -2
  124. package/esm/components/condition-builder/Group.js +2 -2
  125. package/esm/components/condition-builder/GroupOrItem.js +2 -2
  126. package/esm/components/condition-builder/InputSwitch.js +2 -2
  127. package/esm/components/condition-builder/Item.js +2 -2
  128. package/esm/components/condition-builder/Value.js +2 -2
  129. package/esm/components/condition-builder/config.js +2 -2
  130. package/esm/components/condition-builder/index.js +2 -2
  131. package/esm/components/formula/Editor.js +2 -2
  132. package/esm/components/formula/FuncList.js +2 -2
  133. package/esm/components/formula/Picker.js +2 -2
  134. package/esm/components/formula/VariableList.js +2 -2
  135. package/esm/components/formula/plugin.js +2 -2
  136. package/esm/components/icons.d.ts +2 -1
  137. package/esm/components/icons.js +31 -15
  138. package/esm/components/index.d.ts +3 -1
  139. package/esm/components/json-schema/Array.js +2 -2
  140. package/esm/components/json-schema/Item.js +2 -2
  141. package/esm/components/json-schema/Object.js +2 -2
  142. package/esm/components/json-schema/index.js +2 -2
  143. package/esm/components/menu/MenuContext.d.ts +73 -0
  144. package/esm/components/menu/MenuContext.js +25 -0
  145. package/esm/components/menu/MenuItem.d.ts +84 -0
  146. package/esm/components/menu/MenuItem.js +125 -0
  147. package/esm/components/menu/SubMenu.d.ts +88 -0
  148. package/esm/components/menu/SubMenu.js +141 -0
  149. package/esm/components/menu/index.d.ts +246 -0
  150. package/esm/components/menu/index.js +315 -0
  151. package/esm/components/schema-editor/Array.js +2 -2
  152. package/esm/components/schema-editor/Common.js +2 -2
  153. package/esm/components/schema-editor/Item.js +2 -2
  154. package/esm/components/schema-editor/Object.js +2 -2
  155. package/esm/components/schema-editor/SchemaVariableList.js +2 -2
  156. package/esm/components/schema-editor/SchemaVariableListPicker.js +2 -2
  157. package/esm/components/schema-editor/index.js +2 -2
  158. package/esm/components/table/Cell.js +2 -2
  159. package/esm/components/table/HeadCellDropDown.js +2 -2
  160. package/esm/components/table/HeadCellFilter.js +2 -2
  161. package/esm/components/table/HeadCellSelect.js +2 -2
  162. package/esm/components/table/HeadCellSort.d.ts +2 -0
  163. package/esm/components/table/HeadCellSort.js +25 -17
  164. package/esm/components/table/ItemActionsWrapper.js +2 -2
  165. package/esm/components/table/index.d.ts +1 -0
  166. package/esm/components/table/index.js +16 -9
  167. package/esm/components/virtual-list/AutoSizer.js +2 -2
  168. package/esm/components/virtual-list/SizeAndPositionManager.js +2 -2
  169. package/esm/components/virtual-list/constants.js +2 -2
  170. package/esm/components/virtual-list/index.js +2 -2
  171. package/esm/hooks/use-set-state.js +2 -2
  172. package/esm/hooks/use-sub-form.js +2 -2
  173. package/esm/hooks/use-touch.js +2 -2
  174. package/esm/hooks/use-update-effect.js +2 -2
  175. package/esm/hooks/use-validation-resolver.js +2 -2
  176. package/esm/icons/alert-danger.svg.js +2 -2
  177. package/esm/icons/alert-info.svg.js +2 -2
  178. package/esm/icons/alert-success.svg.js +2 -2
  179. package/esm/icons/alert-warning.svg.js +2 -2
  180. package/esm/icons/back.svg.js +2 -2
  181. package/esm/icons/calendar.svg.js +2 -2
  182. package/esm/icons/caret.svg.js +2 -2
  183. package/esm/icons/check.svg.js +2 -2
  184. package/esm/icons/clock.svg.js +2 -2
  185. package/esm/icons/close-small.svg.js +2 -2
  186. package/esm/icons/close.svg.js +2 -2
  187. package/esm/icons/cloud-upload.svg.js +7 -16
  188. package/esm/icons/column-filter.svg.js +2 -2
  189. package/esm/icons/columns.svg.js +2 -2
  190. package/esm/icons/compress-alt.svg.js +2 -2
  191. package/esm/icons/copy.svg.js +2 -2
  192. package/esm/icons/date.svg.js +2 -2
  193. package/esm/icons/department.svg.js +2 -2
  194. package/esm/icons/desk-empty.svg.js +2 -2
  195. package/esm/icons/dot.svg.js +2 -2
  196. package/esm/icons/down-arrow-bold.svg.js +2 -2
  197. package/esm/icons/down.svg.js +2 -2
  198. package/esm/icons/download.svg.js +2 -2
  199. package/esm/icons/drag-bar.svg.js +2 -2
  200. package/esm/icons/drag.svg.js +2 -2
  201. package/esm/icons/edit.svg.js +2 -2
  202. package/esm/icons/ellipsis-v.svg.js +2 -2
  203. package/esm/icons/enter.svg.js +2 -2
  204. package/esm/icons/exchange.svg.js +2 -2
  205. package/esm/icons/expand-alt.svg.js +2 -2
  206. package/esm/icons/fail.svg.js +12 -10
  207. package/esm/icons/file.svg.js +2 -2
  208. package/esm/icons/filter.svg.js +2 -2
  209. package/esm/icons/folder.svg.js +2 -2
  210. package/esm/icons/function.svg.js +2 -2
  211. package/esm/icons/home.svg.js +2 -2
  212. package/esm/icons/image.svg.js +2 -2
  213. package/esm/icons/info-circle.svg.js +2 -2
  214. package/esm/icons/info.svg.js +2 -2
  215. package/esm/icons/input-clear.svg.js +2 -2
  216. package/esm/icons/invisible.svg.js +2 -2
  217. package/esm/icons/left-arrow.svg.js +2 -2
  218. package/esm/icons/loading-outline.svg.js +2 -2
  219. package/esm/icons/location.svg.js +2 -2
  220. package/esm/icons/menu.svg.js +2 -2
  221. package/esm/icons/minus.svg.js +2 -2
  222. package/esm/icons/move.svg.js +2 -2
  223. package/esm/icons/mute.svg.js +2 -2
  224. package/esm/icons/new-edit.svg.js +2 -2
  225. package/esm/icons/pause.svg.js +2 -2
  226. package/esm/icons/pencil.svg.js +2 -2
  227. package/esm/icons/play.svg.js +2 -2
  228. package/esm/icons/plus-cicle.svg.js +2 -2
  229. package/esm/icons/plus-fine.svg.js +2 -2
  230. package/esm/icons/plus.svg.js +2 -2
  231. package/esm/icons/post.svg.js +2 -2
  232. package/esm/icons/question-mark.svg.js +2 -2
  233. package/esm/icons/question.svg.js +2 -2
  234. package/esm/icons/redo.svg.js +2 -2
  235. package/esm/icons/refresh.svg.js +2 -2
  236. package/esm/icons/reload.svg.js +2 -2
  237. package/esm/icons/remove.svg.js +2 -2
  238. package/esm/icons/retry.svg.js +2 -2
  239. package/esm/icons/right-arrow-bold.svg.js +2 -2
  240. package/esm/icons/right-arrow.svg.js +2 -2
  241. package/esm/icons/right-double-arrow.svg.js +2 -2
  242. package/esm/icons/role.svg.js +2 -2
  243. package/esm/icons/rotate-left.svg.js +2 -2
  244. package/esm/icons/rotate-right.svg.js +2 -2
  245. package/esm/icons/scale-origin.svg.js +2 -2
  246. package/esm/icons/schedule.svg.js +2 -2
  247. package/esm/icons/search.svg.js +2 -2
  248. package/esm/icons/setting.svg.js +2 -2
  249. package/esm/icons/slider-handle-icon.svg.js +2 -2
  250. package/esm/icons/sort-asc.svg.js +2 -2
  251. package/esm/icons/sort-default.svg.js +2 -2
  252. package/esm/icons/sort-desc.svg.js +2 -2
  253. package/esm/icons/star.svg.js +2 -2
  254. package/esm/icons/status-close.svg.js +2 -2
  255. package/esm/icons/steps-finsh.svg.js +2 -2
  256. package/esm/icons/success.svg.js +14 -12
  257. package/esm/icons/transparent.svg.js +2 -2
  258. package/esm/icons/trash.svg.js +2 -2
  259. package/esm/icons/tree-down.svg.js +2 -2
  260. package/esm/icons/undo.svg.js +2 -2
  261. package/esm/icons/upload.svg.js +2 -2
  262. package/esm/icons/user-remove.svg.js +2 -2
  263. package/esm/icons/view.svg.js +2 -2
  264. package/esm/icons/volume.svg.js +2 -2
  265. package/esm/icons/warning-mark.svg.js +2 -2
  266. package/esm/icons/warning.svg.js +2 -2
  267. package/esm/icons/window-restore.svg.js +2 -2
  268. package/esm/icons/zoom-in.svg.js +2 -2
  269. package/esm/icons/zoom-out.svg.js +2 -2
  270. package/esm/index.js +4 -2
  271. package/esm/locale/de-DE.js +2 -2
  272. package/esm/locale/en-US.js +2 -2
  273. package/esm/locale/zh-CN.js +2 -2
  274. package/esm/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +14 -0
  275. package/esm/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +10 -0
  276. package/esm/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +13 -0
  277. package/esm/node_modules/@babel/runtime/helpers/esm/classCallCheck.js +12 -0
  278. package/esm/node_modules/@babel/runtime/helpers/esm/createClass.js +26 -0
  279. package/esm/node_modules/@babel/runtime/helpers/esm/createSuper.js +25 -0
  280. package/esm/node_modules/@babel/runtime/helpers/esm/defineProperty.js +23 -0
  281. package/esm/node_modules/@babel/runtime/helpers/esm/extends.js +21 -0
  282. package/esm/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +13 -0
  283. package/esm/node_modules/@babel/runtime/helpers/esm/inherits.js +25 -0
  284. package/esm/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +18 -0
  285. package/esm/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +36 -0
  286. package/esm/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +10 -0
  287. package/esm/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +30 -0
  288. package/esm/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +24 -0
  289. package/esm/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +19 -0
  290. package/esm/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js +18 -0
  291. package/esm/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +14 -0
  292. package/esm/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +15 -0
  293. package/esm/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +19 -0
  294. package/esm/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +14 -0
  295. package/esm/node_modules/@babel/runtime/helpers/esm/typeof.js +16 -0
  296. package/esm/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +17 -0
  297. package/esm/node_modules/rc-overflow/es/Item.js +90 -0
  298. package/esm/node_modules/rc-overflow/es/Overflow.js +341 -0
  299. package/esm/node_modules/rc-overflow/es/RawItem.js +48 -0
  300. package/esm/node_modules/rc-overflow/es/hooks/useBatchFrameState.js +51 -0
  301. package/esm/node_modules/rc-overflow/es/index.js +7 -0
  302. package/esm/node_modules/rc-resize-observer/es/Collection.js +41 -0
  303. package/esm/node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js +37 -0
  304. package/esm/node_modules/rc-resize-observer/es/SingleObserver/index.js +108 -0
  305. package/esm/node_modules/rc-resize-observer/es/index.js +37 -0
  306. package/esm/node_modules/rc-resize-observer/es/utils/observerUtil.js +48 -0
  307. package/esm/node_modules/rc-util/es/Children/toArray.js +28 -0
  308. package/esm/node_modules/rc-util/es/Dom/canUseDom.js +10 -0
  309. package/esm/node_modules/rc-util/es/Dom/findDOMNode.js +22 -0
  310. package/esm/node_modules/rc-util/es/hooks/useLayoutEffect.js +14 -0
  311. package/esm/node_modules/rc-util/es/hooks/useState.js +35 -0
  312. package/esm/node_modules/rc-util/es/raf.js +55 -0
  313. package/esm/node_modules/rc-util/es/ref.js +55 -0
  314. package/esm/node_modules/rc-util/es/warning.js +15 -0
  315. package/esm/node_modules/rc-util/node_modules/react-is/cjs/react-is.development.js +195 -0
  316. package/esm/node_modules/rc-util/node_modules/react-is/cjs/react-is.production.min.js +31 -0
  317. package/esm/node_modules/rc-util/node_modules/react-is/index.js +17 -0
  318. package/esm/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +933 -0
  319. package/esm/themes/ang.js +2 -2
  320. package/esm/themes/antd.js +2 -2
  321. package/esm/themes/cxd.js +2 -2
  322. package/esm/themes/dark.js +2 -2
  323. package/lib/_virtual/index.js +12 -0
  324. package/lib/_virtual/react-is.development.js +12 -0
  325. package/lib/_virtual/react-is.production.min.js +12 -0
  326. package/lib/components/404.js +2 -2
  327. package/lib/components/Alert.d.ts +40 -40
  328. package/lib/components/Alert.js +2 -2
  329. package/lib/components/Alert2.d.ts +10 -10
  330. package/lib/components/Alert2.js +2 -2
  331. package/lib/components/AnchorNav.d.ts +10 -10
  332. package/lib/components/AnchorNav.js +2 -2
  333. package/lib/components/ArrayInput.d.ts +40 -40
  334. package/lib/components/ArrayInput.js +2 -2
  335. package/lib/components/AsideNav.d.ts +10 -10
  336. package/lib/components/AsideNav.js +2 -2
  337. package/lib/components/AssociatedSelection.d.ts +40 -40
  338. package/lib/components/AssociatedSelection.js +2 -2
  339. package/lib/components/Avatar.d.ts +10 -10
  340. package/lib/components/Avatar.js +2 -2
  341. package/lib/components/Badge.js +2 -2
  342. package/lib/components/BaiduMapPicker.js +2 -2
  343. package/lib/components/BarCode.js +2 -2
  344. package/lib/components/Breadcrumb.js +2 -2
  345. package/lib/components/Button.d.ts +10 -10
  346. package/lib/components/Button.js +2 -2
  347. package/lib/components/CalendarMobile.d.ts +40 -40
  348. package/lib/components/CalendarMobile.js +2 -2
  349. package/lib/components/Card.d.ts +10 -10
  350. package/lib/components/Card.js +2 -2
  351. package/lib/components/Cascader.js +2 -2
  352. package/lib/components/ChainedSelection.d.ts +40 -40
  353. package/lib/components/ChainedSelection.js +2 -2
  354. package/lib/components/Checkbox.d.ts +10 -10
  355. package/lib/components/Checkbox.js +2 -2
  356. package/lib/components/CityArea.js +2 -2
  357. package/lib/components/CityDB.js +2 -2
  358. package/lib/components/CodeMirror.js +2 -2
  359. package/lib/components/Collapse.d.ts +10 -10
  360. package/lib/components/Collapse.js +5 -3
  361. package/lib/components/CollapseGroup.d.ts +10 -10
  362. package/lib/components/CollapseGroup.js +2 -2
  363. package/lib/components/ColorPicker.d.ts +40 -40
  364. package/lib/components/ColorPicker.js +2 -2
  365. package/lib/components/Combo.js +2 -2
  366. package/lib/components/ConfirmBox.d.ts +40 -40
  367. package/lib/components/ConfirmBox.js +2 -2
  368. package/lib/components/ContextMenu.js +2 -2
  369. package/lib/components/DatePicker.d.ts +81 -81
  370. package/lib/components/DatePicker.js +7 -2
  371. package/lib/components/DateRangePicker.d.ts +47 -44
  372. package/lib/components/DateRangePicker.js +5 -6
  373. package/lib/components/DndContainer.d.ts +293 -0
  374. package/lib/components/DndContainer.js +34 -0
  375. package/lib/components/Drawer.d.ts +10 -10
  376. package/lib/components/Drawer.js +2 -2
  377. package/lib/components/Editor.d.ts +40 -40
  378. package/lib/components/Editor.js +2 -2
  379. package/lib/components/Form.js +2 -2
  380. package/lib/components/FormField.js +2 -2
  381. package/lib/components/GridNav.js +2 -2
  382. package/lib/components/GroupedSelection.d.ts +40 -40
  383. package/lib/components/GroupedSelection.js +4 -4
  384. package/lib/components/Html.js +2 -2
  385. package/lib/components/ImageGallery.d.ts +46 -45
  386. package/lib/components/ImageGallery.js +26 -10
  387. package/lib/components/Input.js +2 -2
  388. package/lib/components/InputBox.d.ts +10 -10
  389. package/lib/components/InputBox.js +2 -2
  390. package/lib/components/InputBoxWithSuggestion.js +2 -2
  391. package/lib/components/InputTable.js +2 -2
  392. package/lib/components/Layout.d.ts +10 -10
  393. package/lib/components/Layout.js +2 -2
  394. package/lib/components/Link.js +2 -2
  395. package/lib/components/ListGroup.d.ts +10 -10
  396. package/lib/components/ListGroup.js +2 -2
  397. package/lib/components/ListMenu.d.ts +40 -40
  398. package/lib/components/ListMenu.js +2 -2
  399. package/lib/components/LocationPicker.d.ts +40 -40
  400. package/lib/components/LocationPicker.js +2 -2
  401. package/lib/components/Markdown.js +2 -2
  402. package/lib/components/Modal.d.ts +40 -40
  403. package/lib/components/Modal.js +2 -2
  404. package/lib/components/ModalManager.js +2 -2
  405. package/lib/components/MonthRangePicker.d.ts +40 -40
  406. package/lib/components/MultilineText.d.ts +40 -40
  407. package/lib/components/MultilineText.js +2 -2
  408. package/lib/components/NumberInput.d.ts +10 -10
  409. package/lib/components/NumberInput.js +4 -4
  410. package/lib/components/Pagination.d.ts +40 -40
  411. package/lib/components/Pagination.js +2 -2
  412. package/lib/components/Picker.js +2 -2
  413. package/lib/components/PickerColumn.js +2 -2
  414. package/lib/components/PickerContainer.js +2 -2
  415. package/lib/components/PopOverContainer.js +2 -2
  416. package/lib/components/PopUp.d.ts +40 -40
  417. package/lib/components/PopUp.js +2 -2
  418. package/lib/components/Progress.d.ts +10 -10
  419. package/lib/components/Progress.js +2 -2
  420. package/lib/components/PullRefresh.js +2 -2
  421. package/lib/components/Radios.d.ts +10 -10
  422. package/lib/components/Radios.js +2 -2
  423. package/lib/components/Range.js +2 -2
  424. package/lib/components/Rating.d.ts +22 -65
  425. package/lib/components/Rating.js +32 -16
  426. package/lib/components/ResultBox.d.ts +41 -40
  427. package/lib/components/ResultBox.js +16 -7
  428. package/lib/components/ResultList.d.ts +41 -40
  429. package/lib/components/ResultList.js +4 -4
  430. package/lib/components/ResultTableList.d.ts +40 -40
  431. package/lib/components/ResultTableList.js +2 -2
  432. package/lib/components/ResultTreeList.d.ts +40 -40
  433. package/lib/components/ResultTreeList.js +2 -2
  434. package/lib/components/RichText.js +2 -2
  435. package/lib/components/SearchBox.d.ts +40 -40
  436. package/lib/components/SearchBox.js +2 -2
  437. package/lib/components/Select.d.ts +194 -193
  438. package/lib/components/Select.js +12 -8
  439. package/lib/components/Selection.d.ts +40 -40
  440. package/lib/components/Selection.js +2 -2
  441. package/lib/components/SparkLine.d.ts +40 -40
  442. package/lib/components/SparkLine.js +2 -2
  443. package/lib/components/Spinner.d.ts +10 -10
  444. package/lib/components/Spinner.js +2 -2
  445. package/lib/components/Steps.js +2 -2
  446. package/lib/components/Switch.d.ts +10 -10
  447. package/lib/components/Switch.js +2 -2
  448. package/lib/components/TableSelection.d.ts +40 -40
  449. package/lib/components/TableSelection.js +2 -2
  450. package/lib/components/Tabs.d.ts +40 -40
  451. package/lib/components/Tabs.js +16 -12
  452. package/lib/components/TabsTransfer.d.ts +40 -40
  453. package/lib/components/TabsTransfer.js +2 -2
  454. package/lib/components/TabsTransferPicker.js +2 -2
  455. package/lib/components/Tag.d.ts +14 -10
  456. package/lib/components/Tag.js +22 -2
  457. package/lib/components/Textarea.d.ts +40 -40
  458. package/lib/components/Textarea.js +2 -2
  459. package/lib/components/Timeline.js +2 -2
  460. package/lib/components/TimelineItem.js +2 -2
  461. package/lib/components/Tinymce.js +2 -2
  462. package/lib/components/TitleBar.js +2 -2
  463. package/lib/components/Toast.d.ts +40 -40
  464. package/lib/components/Toast.js +3 -3
  465. package/lib/components/Tooltip.js +2 -2
  466. package/lib/components/TooltipWrapper.d.ts +10 -10
  467. package/lib/components/TooltipWrapper.js +2 -2
  468. package/lib/components/Transfer.d.ts +50 -49
  469. package/lib/components/Transfer.js +4 -4
  470. package/lib/components/TransferDropDown.d.ts +40 -40
  471. package/lib/components/TransferDropDown.js +4 -4
  472. package/lib/components/TransferPicker.js +2 -2
  473. package/lib/components/TransferSearch.js +2 -2
  474. package/lib/components/Tree.d.ts +40 -40
  475. package/lib/components/Tree.js +21 -8
  476. package/lib/components/TreeSelection.d.ts +40 -40
  477. package/lib/components/TreeSelection.js +2 -2
  478. package/lib/components/UserSelect.d.ts +40 -40
  479. package/lib/components/UserSelect.js +4 -2
  480. package/lib/components/UserTabSelect.d.ts +40 -40
  481. package/lib/components/UserTabSelect.js +4 -2
  482. package/lib/components/WithRemoteConfig.js +7 -6
  483. package/lib/components/WithStore.js +2 -2
  484. package/lib/components/calendar/Calendar.js +2 -2
  485. package/lib/components/calendar/CalendarContainer.js +2 -2
  486. package/lib/components/calendar/DaysView.js +2 -2
  487. package/lib/components/calendar/MonthsView.js +2 -2
  488. package/lib/components/calendar/QuartersView.js +2 -2
  489. package/lib/components/calendar/TimeView.js +2 -2
  490. package/lib/components/calendar/YearsView.js +2 -2
  491. package/lib/components/condition-builder/Expression.js +2 -2
  492. package/lib/components/condition-builder/Field.js +2 -2
  493. package/lib/components/condition-builder/Formula.js +2 -2
  494. package/lib/components/condition-builder/Func.js +2 -2
  495. package/lib/components/condition-builder/Group.js +2 -2
  496. package/lib/components/condition-builder/GroupOrItem.js +2 -2
  497. package/lib/components/condition-builder/InputSwitch.js +2 -2
  498. package/lib/components/condition-builder/Item.js +2 -2
  499. package/lib/components/condition-builder/Value.js +2 -2
  500. package/lib/components/condition-builder/config.js +2 -2
  501. package/lib/components/condition-builder/index.d.ts +1 -1
  502. package/lib/components/condition-builder/index.js +2 -2
  503. package/lib/components/formula/Editor.d.ts +40 -40
  504. package/lib/components/formula/Editor.js +2 -2
  505. package/lib/components/formula/FuncList.js +2 -2
  506. package/lib/components/formula/Picker.d.ts +40 -40
  507. package/lib/components/formula/Picker.js +2 -2
  508. package/lib/components/formula/VariableList.js +2 -2
  509. package/lib/components/formula/plugin.js +2 -2
  510. package/lib/components/icons.d.ts +2 -1
  511. package/lib/components/icons.js +30 -14
  512. package/lib/components/index.d.ts +3 -1
  513. package/lib/components/json-schema/Array.js +2 -2
  514. package/lib/components/json-schema/Item.js +2 -2
  515. package/lib/components/json-schema/Object.js +2 -2
  516. package/lib/components/json-schema/index.js +2 -2
  517. package/lib/components/menu/MenuContext.d.ts +73 -0
  518. package/lib/components/menu/MenuContext.js +29 -0
  519. package/lib/components/menu/MenuItem.d.ts +84 -0
  520. package/lib/components/menu/MenuItem.js +135 -0
  521. package/lib/components/menu/SubMenu.d.ts +88 -0
  522. package/lib/components/menu/SubMenu.js +151 -0
  523. package/lib/components/menu/index.d.ts +246 -0
  524. package/lib/components/menu/index.js +328 -0
  525. package/lib/components/schema-editor/Array.js +2 -2
  526. package/lib/components/schema-editor/Common.js +2 -2
  527. package/lib/components/schema-editor/Item.js +2 -2
  528. package/lib/components/schema-editor/Object.js +2 -2
  529. package/lib/components/schema-editor/SchemaVariableList.js +2 -2
  530. package/lib/components/schema-editor/SchemaVariableListPicker.js +2 -2
  531. package/lib/components/schema-editor/index.d.ts +40 -40
  532. package/lib/components/schema-editor/index.js +2 -2
  533. package/lib/components/table/Cell.d.ts +40 -40
  534. package/lib/components/table/Cell.js +2 -2
  535. package/lib/components/table/HeadCellDropDown.js +2 -2
  536. package/lib/components/table/HeadCellFilter.d.ts +40 -40
  537. package/lib/components/table/HeadCellFilter.js +2 -2
  538. package/lib/components/table/HeadCellSelect.d.ts +40 -40
  539. package/lib/components/table/HeadCellSelect.js +2 -2
  540. package/lib/components/table/HeadCellSort.d.ts +2 -0
  541. package/lib/components/table/HeadCellSort.js +25 -17
  542. package/lib/components/table/ItemActionsWrapper.js +2 -2
  543. package/lib/components/table/index.d.ts +41 -40
  544. package/lib/components/table/index.js +16 -9
  545. package/lib/components/virtual-list/AutoSizer.js +2 -2
  546. package/lib/components/virtual-list/SizeAndPositionManager.js +2 -2
  547. package/lib/components/virtual-list/constants.js +2 -2
  548. package/lib/components/virtual-list/index.js +2 -2
  549. package/lib/hooks/use-set-state.js +2 -2
  550. package/lib/hooks/use-sub-form.js +2 -2
  551. package/lib/hooks/use-touch.js +2 -2
  552. package/lib/hooks/use-update-effect.js +2 -2
  553. package/lib/hooks/use-validation-resolver.js +2 -2
  554. package/lib/icons/alert-danger.svg.js +2 -2
  555. package/lib/icons/alert-info.svg.js +2 -2
  556. package/lib/icons/alert-success.svg.js +2 -2
  557. package/lib/icons/alert-warning.svg.js +2 -2
  558. package/lib/icons/back.svg.js +2 -2
  559. package/lib/icons/calendar.svg.js +2 -2
  560. package/lib/icons/caret.svg.js +2 -2
  561. package/lib/icons/check.svg.js +2 -2
  562. package/lib/icons/clock.svg.js +2 -2
  563. package/lib/icons/close-small.svg.js +2 -2
  564. package/lib/icons/close.svg.js +2 -2
  565. package/lib/icons/cloud-upload.svg.js +7 -16
  566. package/lib/icons/column-filter.svg.js +2 -2
  567. package/lib/icons/columns.svg.js +2 -2
  568. package/lib/icons/compress-alt.svg.js +2 -2
  569. package/lib/icons/copy.svg.js +2 -2
  570. package/lib/icons/date.svg.js +2 -2
  571. package/lib/icons/department.svg.js +2 -2
  572. package/lib/icons/desk-empty.svg.js +2 -2
  573. package/lib/icons/dot.svg.js +2 -2
  574. package/lib/icons/down-arrow-bold.svg.js +2 -2
  575. package/lib/icons/down.svg.js +2 -2
  576. package/lib/icons/download.svg.js +2 -2
  577. package/lib/icons/drag-bar.svg.js +2 -2
  578. package/lib/icons/drag.svg.js +2 -2
  579. package/lib/icons/edit.svg.js +2 -2
  580. package/lib/icons/ellipsis-v.svg.js +2 -2
  581. package/lib/icons/enter.svg.js +2 -2
  582. package/lib/icons/exchange.svg.js +2 -2
  583. package/lib/icons/expand-alt.svg.js +2 -2
  584. package/lib/icons/fail.svg.js +12 -10
  585. package/lib/icons/file.svg.js +2 -2
  586. package/lib/icons/filter.svg.js +2 -2
  587. package/lib/icons/folder.svg.js +2 -2
  588. package/lib/icons/function.svg.js +2 -2
  589. package/lib/icons/home.svg.js +2 -2
  590. package/lib/icons/image.svg.js +2 -2
  591. package/lib/icons/info-circle.svg.js +2 -2
  592. package/lib/icons/info.svg.js +2 -2
  593. package/lib/icons/input-clear.svg.js +2 -2
  594. package/lib/icons/invisible.svg.js +2 -2
  595. package/lib/icons/left-arrow.svg.js +2 -2
  596. package/lib/icons/loading-outline.svg.js +2 -2
  597. package/lib/icons/location.svg.js +2 -2
  598. package/lib/icons/menu.svg.js +2 -2
  599. package/lib/icons/minus.svg.js +2 -2
  600. package/lib/icons/move.svg.js +2 -2
  601. package/lib/icons/mute.svg.js +2 -2
  602. package/lib/icons/new-edit.svg.js +2 -2
  603. package/lib/icons/pause.svg.js +2 -2
  604. package/lib/icons/pencil.svg.js +2 -2
  605. package/lib/icons/play.svg.js +2 -2
  606. package/lib/icons/plus-cicle.svg.js +2 -2
  607. package/lib/icons/plus-fine.svg.js +2 -2
  608. package/lib/icons/plus.svg.js +2 -2
  609. package/lib/icons/post.svg.js +2 -2
  610. package/lib/icons/question-mark.svg.js +2 -2
  611. package/lib/icons/question.svg.js +2 -2
  612. package/lib/icons/redo.svg.js +2 -2
  613. package/lib/icons/refresh.svg.js +2 -2
  614. package/lib/icons/reload.svg.js +2 -2
  615. package/lib/icons/remove.svg.js +2 -2
  616. package/lib/icons/retry.svg.js +2 -2
  617. package/lib/icons/right-arrow-bold.svg.js +2 -2
  618. package/lib/icons/right-arrow.svg.js +2 -2
  619. package/lib/icons/right-double-arrow.svg.js +2 -2
  620. package/lib/icons/role.svg.js +2 -2
  621. package/lib/icons/rotate-left.svg.js +2 -2
  622. package/lib/icons/rotate-right.svg.js +2 -2
  623. package/lib/icons/scale-origin.svg.js +2 -2
  624. package/lib/icons/schedule.svg.js +2 -2
  625. package/lib/icons/search.svg.js +2 -2
  626. package/lib/icons/setting.svg.js +2 -2
  627. package/lib/icons/slider-handle-icon.svg.js +2 -2
  628. package/lib/icons/sort-asc.svg.js +2 -2
  629. package/lib/icons/sort-default.svg.js +2 -2
  630. package/lib/icons/sort-desc.svg.js +2 -2
  631. package/lib/icons/star.svg.js +2 -2
  632. package/lib/icons/status-close.svg.js +2 -2
  633. package/lib/icons/steps-finsh.svg.js +2 -2
  634. package/lib/icons/success.svg.js +29 -27
  635. package/lib/icons/transparent.svg.js +2 -2
  636. package/lib/icons/trash.svg.js +2 -2
  637. package/lib/icons/tree-down.svg.js +2 -2
  638. package/lib/icons/undo.svg.js +2 -2
  639. package/lib/icons/upload.svg.js +2 -2
  640. package/lib/icons/user-remove.svg.js +2 -2
  641. package/lib/icons/view.svg.js +2 -2
  642. package/lib/icons/volume.svg.js +2 -2
  643. package/lib/icons/warning-mark.svg.js +2 -2
  644. package/lib/icons/warning.svg.js +2 -2
  645. package/lib/icons/window-restore.svg.js +2 -2
  646. package/lib/icons/zoom-in.svg.js +2 -2
  647. package/lib/icons/zoom-out.svg.js +2 -2
  648. package/lib/index.js +6 -2
  649. package/lib/locale/de-DE.js +2 -2
  650. package/lib/locale/en-US.js +2 -2
  651. package/lib/locale/zh-CN.js +2 -2
  652. package/lib/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +18 -0
  653. package/lib/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +14 -0
  654. package/lib/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +17 -0
  655. package/lib/node_modules/@babel/runtime/helpers/esm/classCallCheck.js +16 -0
  656. package/lib/node_modules/@babel/runtime/helpers/esm/createClass.js +30 -0
  657. package/lib/node_modules/@babel/runtime/helpers/esm/createSuper.js +29 -0
  658. package/lib/node_modules/@babel/runtime/helpers/esm/defineProperty.js +27 -0
  659. package/lib/node_modules/@babel/runtime/helpers/esm/extends.js +25 -0
  660. package/lib/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +17 -0
  661. package/lib/node_modules/@babel/runtime/helpers/esm/inherits.js +29 -0
  662. package/lib/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +22 -0
  663. package/lib/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +40 -0
  664. package/lib/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +14 -0
  665. package/lib/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +34 -0
  666. package/lib/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +28 -0
  667. package/lib/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +23 -0
  668. package/lib/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js +22 -0
  669. package/lib/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +18 -0
  670. package/lib/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +19 -0
  671. package/lib/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +23 -0
  672. package/lib/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +18 -0
  673. package/lib/node_modules/@babel/runtime/helpers/esm/typeof.js +20 -0
  674. package/lib/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +21 -0
  675. package/lib/node_modules/rc-overflow/es/Item.js +117 -0
  676. package/lib/node_modules/rc-overflow/es/Overflow.js +368 -0
  677. package/lib/node_modules/rc-overflow/es/RawItem.js +75 -0
  678. package/lib/node_modules/rc-overflow/es/hooks/useBatchFrameState.js +55 -0
  679. package/lib/node_modules/rc-overflow/es/index.js +14 -0
  680. package/lib/node_modules/rc-resize-observer/es/Collection.js +66 -0
  681. package/lib/node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js +61 -0
  682. package/lib/node_modules/rc-resize-observer/es/SingleObserver/index.js +132 -0
  683. package/lib/node_modules/rc-resize-observer/es/index.js +61 -0
  684. package/lib/node_modules/rc-resize-observer/es/utils/observerUtil.js +53 -0
  685. package/lib/node_modules/rc-util/es/Children/toArray.js +36 -0
  686. package/lib/node_modules/rc-util/es/Dom/canUseDom.js +14 -0
  687. package/lib/node_modules/rc-util/es/Dom/findDOMNode.js +31 -0
  688. package/lib/node_modules/rc-util/es/hooks/useLayoutEffect.js +38 -0
  689. package/lib/node_modules/rc-util/es/hooks/useState.js +59 -0
  690. package/lib/node_modules/rc-util/es/raf.js +59 -0
  691. package/lib/node_modules/rc-util/es/ref.js +61 -0
  692. package/lib/node_modules/rc-util/es/warning.js +19 -0
  693. package/lib/node_modules/rc-util/node_modules/react-is/cjs/react-is.development.js +199 -0
  694. package/lib/node_modules/rc-util/node_modules/react-is/cjs/react-is.production.min.js +35 -0
  695. package/lib/node_modules/rc-util/node_modules/react-is/index.js +19 -0
  696. package/lib/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +937 -0
  697. package/lib/{scss → packages/amis-ui/scss}/helper.scss.js +2 -2
  698. package/lib/{scss → packages/amis-ui/scss}/themes/ang.scss.js +2 -2
  699. package/lib/{scss → packages/amis-ui/scss}/themes/antd.scss.js +2 -2
  700. package/lib/{scss → packages/amis-ui/scss}/themes/cxd.scss.js +2 -2
  701. package/lib/{scss → packages/amis-ui/scss}/themes/dark.scss.js +2 -2
  702. package/lib/{scss → packages/amis-ui/scss}/themes/default.scss.js +2 -2
  703. package/lib/themes/ang.css +4130 -873
  704. package/lib/themes/ang.js +2 -2
  705. package/lib/themes/antd.css +4130 -873
  706. package/lib/themes/antd.js +2 -2
  707. package/lib/themes/cxd.css +4131 -873
  708. package/lib/themes/cxd.js +2 -2
  709. package/lib/themes/dark.css +4130 -873
  710. package/lib/themes/dark.js +2 -2
  711. package/lib/themes/default.css +4131 -873
  712. package/package.json +5 -3
  713. package/scss/_components.scss +1752 -72
  714. package/scss/_mixins.scss +15 -6
  715. package/scss/_properties.scss +60 -314
  716. package/scss/base/_typography.scss +13 -0
  717. package/scss/components/_anchor-nav.scss +3 -3
  718. package/scss/components/_array-input.scss +1 -0
  719. package/scss/components/_button.scss +5 -0
  720. package/scss/components/_collapse-group.scss +2 -1
  721. package/scss/components/_collapse.scss +49 -35
  722. package/scss/components/_divider.scss +3 -3
  723. package/scss/components/_formula.scss +9 -1
  724. package/scss/components/_link.scss +15 -1
  725. package/scss/components/_menu.scss +1153 -0
  726. package/scss/components/_nav.scss +137 -82
  727. package/scss/components/_panel.scss +44 -17
  728. package/scss/components/_result-box.scss +4 -0
  729. package/scss/components/_tabs.scss +405 -137
  730. package/scss/components/form/_checks.scss +174 -14
  731. package/scss/components/form/_combo.scss +1 -0
  732. package/scss/components/form/_file.scss +59 -14
  733. package/scss/components/form/_form.scss +27 -28
  734. package/scss/components/form/_image.scss +95 -50
  735. package/scss/components/form/_list.scss +84 -1
  736. package/scss/components/form/_number.scss +247 -25
  737. package/scss/components/form/_range.scss +35 -13
  738. package/scss/components/form/_rating.scss +9 -3
  739. package/scss/components/form/_switch.scss +45 -47
  740. package/scss/components/form/_tag.scss +1 -0
  741. package/scss/components/form/_text.scss +189 -13
  742. package/scss/components/form/_textarea.scss +7 -9
  743. package/scss/components/form/_tree.scss +7 -2
  744. package/scss/themes/_ang-variables.scss +50 -50
  745. package/scss/themes/_antd-variables.scss +50 -50
  746. package/scss/themes/_common.scss +1 -0
  747. package/scss/themes/_cxd-variables.scss +51 -50
  748. package/scss/themes/_dark-variables.scss +50 -50
  749. package/esm/icons/check-circle.svg.js +0 -29
  750. package/esm/icons/status-fail.svg.js +0 -22
  751. package/esm/icons/status-info.svg.js +0 -26
  752. package/esm/icons/status-success.svg.js +0 -22
  753. package/esm/icons/status-warning.svg.js +0 -26
  754. package/lib/icons/check-circle.svg.js +0 -53
  755. package/lib/icons/status-fail.svg.js +0 -46
  756. package/lib/icons/status-info.svg.js +0 -50
  757. package/lib/icons/status-success.svg.js +0 -46
  758. package/lib/icons/status-warning.svg.js +0 -50
package/scss/_components.scss CHANGED
@@ -1,4 +1,3 @@
1
- // 新版主题标准组件变量
2
1
  :root {
3
2
  --button-default-default-top-border-color: var(--colors-neutral-line-8);
4
3
  --button-default-default-top-border-style: var(--borders-style-2);
@@ -13,7 +12,7 @@
13
12
  --button-default-default-bottom-border-style: var(--borders-style-2);
14
13
  --button-default-default-bottom-border-width: var(--borders-width-2);
15
14
  --button-default-default-shadow: var(--shadows-shadow-none);
16
- --button-default-default-bg-color: var(--colors-neutral-fill-none);
15
+ --button-default-default-bg-color: transparent;
17
16
  --button-default-default-font-color: var(--colors-neutral-text-2);
18
17
  --button-default-hover-top-border-color: var(--colors-brand-5);
19
18
  --button-default-hover-top-border-style: var(--borders-style-2);
@@ -28,7 +27,7 @@
28
27
  --button-default-hover-bottom-border-style: var(--borders-style-2);
29
28
  --button-default-hover-bottom-border-width: var(--borders-width-2);
30
29
  --button-default-hover-shadow: var(--shadows-shadow-none);
31
- --button-default-hover-bg-color: var(--colors-neutral-fill-none);
30
+ --button-default-hover-bg-color: transparent;
32
31
  --button-default-hover-font-color: var(--colors-brand-5);
33
32
  --button-default-active-top-border-color: var(--colors-brand-4);
34
33
  --button-default-active-top-border-style: var(--borders-style-2);
@@ -43,18 +42,18 @@
43
42
  --button-default-active-bottom-border-style: var(--borders-style-2);
44
43
  --button-default-active-bottom-border-width: var(--borders-width-2);
45
44
  --button-default-active-shadow: var(--shadows-shadow-none);
46
- --button-default-active-bg-color: var(--colors-neutral-fill-none);
45
+ --button-default-active-bg-color: transparent;
47
46
  --button-default-active-font-color: var(--colors-brand-4);
48
- --button-default-disabled-top-border-color: var(--colors-neutral-line-8);
47
+ --button-default-disabled-top-border-color: var(--colors-neutral-line-10);
49
48
  --button-default-disabled-top-border-style: var(--borders-style-2);
50
49
  --button-default-disabled-top-border-width: var(--borders-width-2);
51
- --button-default-disabled-left-border-color: var(--colors-neutral-line-8);
50
+ --button-default-disabled-left-border-color: var(--colors-neutral-line-10);
52
51
  --button-default-disabled-left-border-style: var(--borders-style-2);
53
52
  --button-default-disabled-left-border-width: var(--borders-width-2);
54
- --button-default-disabled-right-border-color: var(--colors-neutral-line-8);
53
+ --button-default-disabled-right-border-color: var(--colors-neutral-line-10);
55
54
  --button-default-disabled-right-border-style: var(--borders-style-2);
56
55
  --button-default-disabled-right-border-width: var(--borders-width-2);
57
- --button-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
56
+ --button-default-disabled-bottom-border-color: var(--colors-neutral-line-10);
58
57
  --button-default-disabled-bottom-border-style: var(--borders-style-2);
59
58
  --button-default-disabled-bottom-border-width: var(--borders-width-2);
60
59
  --button-default-disabled-shadow: var(--shadows-shadow-none);
@@ -105,16 +104,16 @@
105
104
  --button-primary-active-shadow: var(--shadows-shadow-none);
106
105
  --button-primary-active-bg-color: var(--colors-brand-4);
107
106
  --button-primary-active-font-color: var(--colors-neutral-text-11);
108
- --button-primary-disabled-top-border-color: var(--colors-neutral-line-8);
107
+ --button-primary-disabled-top-border-color: var(--colors-neutral-line-10);
109
108
  --button-primary-disabled-top-border-style: var(--borders-style-2);
110
109
  --button-primary-disabled-top-border-width: var(--borders-width-2);
111
- --button-primary-disabled-left-border-color: var(--colors-neutral-line-8);
110
+ --button-primary-disabled-left-border-color: var(--colors-neutral-line-10);
112
111
  --button-primary-disabled-left-border-style: var(--borders-style-2);
113
112
  --button-primary-disabled-left-border-width: var(--borders-width-2);
114
- --button-primary-disabled-right-border-color: var(--colors-neutral-line-8);
113
+ --button-primary-disabled-right-border-color: var(--colors-neutral-line-10);
115
114
  --button-primary-disabled-right-border-style: var(--borders-style-2);
116
115
  --button-primary-disabled-right-border-width: var(--borders-width-2);
117
- --button-primary-disabled-bottom-border-color: var(--colors-neutral-line-8);
116
+ --button-primary-disabled-bottom-border-color: var(--colors-neutral-line-10);
118
117
  --button-primary-disabled-bottom-border-style: var(--borders-style-2);
119
118
  --button-primary-disabled-bottom-border-width: var(--borders-width-2);
120
119
  --button-primary-disabled-shadow: var(--shadows-shadow-none);
@@ -165,16 +164,18 @@
165
164
  --button-secondary-active-shadow: var(--shadows-shadow-none);
166
165
  --button-secondary-active-bg-color: var(--colors-neutral-fill-4);
167
166
  --button-secondary-active-font-color: var(--colors-neutral-text-11);
168
- --button-secondary-disabled-top-border-color: var(--colors-neutral-line-8);
167
+ --button-secondary-disabled-top-border-color: var(--colors-neutral-line-10);
169
168
  --button-secondary-disabled-top-border-style: var(--borders-style-2);
170
169
  --button-secondary-disabled-top-border-width: var(--borders-width-2);
171
- --button-secondary-disabled-left-border-color: var(--colors-neutral-line-8);
170
+ --button-secondary-disabled-left-border-color: var(--colors-neutral-line-10);
172
171
  --button-secondary-disabled-left-border-style: var(--borders-style-2);
173
172
  --button-secondary-disabled-left-border-width: var(--borders-width-2);
174
- --button-secondary-disabled-right-border-color: var(--colors-neutral-line-8);
173
+ --button-secondary-disabled-right-border-color: var(--colors-neutral-line-10);
175
174
  --button-secondary-disabled-right-border-style: var(--borders-style-2);
176
175
  --button-secondary-disabled-right-border-width: var(--borders-width-2);
177
- --button-secondary-disabled-bottom-border-color: var(--colors-neutral-line-8);
176
+ --button-secondary-disabled-bottom-border-color: var(
177
+ --colors-neutral-line-10
178
+ );
178
179
  --button-secondary-disabled-bottom-border-style: var(--borders-style-2);
179
180
  --button-secondary-disabled-bottom-border-width: var(--borders-width-2);
180
181
  --button-secondary-disabled-shadow: var(--shadows-shadow-none);
@@ -193,7 +194,7 @@
193
194
  --button-enhance-default-bottom-border-style: var(--borders-style-2);
194
195
  --button-enhance-default-bottom-border-width: var(--borders-width-2);
195
196
  --button-enhance-default-shadow: var(--shadows-shadow-none);
196
- --button-enhance-default-bg-color: var(--colors-neutral-fill-none);
197
+ --button-enhance-default-bg-color: transparent;
197
198
  --button-enhance-default-font-color: var(--colors-brand-5);
198
199
  --button-enhance-hover-top-border-color: var(--colors-brand-6);
199
200
  --button-enhance-hover-top-border-style: var(--borders-style-2);
@@ -208,7 +209,7 @@
208
209
  --button-enhance-hover-bottom-border-style: var(--borders-style-2);
209
210
  --button-enhance-hover-bottom-border-width: var(--borders-width-2);
210
211
  --button-enhance-hover-shadow: var(--shadows-shadow-none);
211
- --button-enhance-hover-bg-color: var(--colors-neutral-fill-none);
212
+ --button-enhance-hover-bg-color: transparent;
212
213
  --button-enhance-hover-font-color: var(--colors-brand-6);
213
214
  --button-enhance-active-top-border-color: var(--colors-brand-4);
214
215
  --button-enhance-active-top-border-style: var(--borders-style-2);
@@ -223,18 +224,18 @@
223
224
  --button-enhance-active-bottom-border-style: var(--borders-style-2);
224
225
  --button-enhance-active-bottom-border-width: var(--borders-width-2);
225
226
  --button-enhance-active-shadow: var(--shadows-shadow-none);
226
- --button-enhance-active-bg-color: var(--colors-neutral-fill-none);
227
+ --button-enhance-active-bg-color: transparent;
227
228
  --button-enhance-active-font-color: var(--colors-brand-4);
228
- --button-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
229
+ --button-enhance-disabled-top-border-color: var(--colors-neutral-line-10);
229
230
  --button-enhance-disabled-top-border-style: var(--borders-style-2);
230
231
  --button-enhance-disabled-top-border-width: var(--borders-width-2);
231
- --button-enhance-disabled-left-border-color: var(--colors-neutral-line-8);
232
+ --button-enhance-disabled-left-border-color: var(--colors-neutral-line-10);
232
233
  --button-enhance-disabled-left-border-style: var(--borders-style-2);
233
234
  --button-enhance-disabled-left-border-width: var(--borders-width-2);
234
- --button-enhance-disabled-right-border-color: var(--colors-neutral-line-8);
235
+ --button-enhance-disabled-right-border-color: var(--colors-neutral-line-10);
235
236
  --button-enhance-disabled-right-border-style: var(--borders-style-2);
236
237
  --button-enhance-disabled-right-border-width: var(--borders-width-2);
237
- --button-enhance-disabled-bottom-border-color: var(--colors-neutral-line-8);
238
+ --button-enhance-disabled-bottom-border-color: var(--colors-neutral-line-10);
238
239
  --button-enhance-disabled-bottom-border-style: var(--borders-style-2);
239
240
  --button-enhance-disabled-bottom-border-width: var(--borders-width-2);
240
241
  --button-enhance-disabled-shadow: var(--shadows-shadow-none);
@@ -285,16 +286,16 @@
285
286
  --button-info-active-shadow: var(--shadows-shadow-none);
286
287
  --button-info-active-bg-color: var(--colors-info-4);
287
288
  --button-info-active-font-color: var(--colors-neutral-text-11);
288
- --button-info-disabled-top-border-color: var(--colors-neutral-line-8);
289
+ --button-info-disabled-top-border-color: var(--colors-neutral-line-10);
289
290
  --button-info-disabled-top-border-style: var(--borders-style-2);
290
291
  --button-info-disabled-top-border-width: var(--borders-width-2);
291
- --button-info-disabled-left-border-color: var(--colors-neutral-line-8);
292
+ --button-info-disabled-left-border-color: var(--colors-neutral-line-10);
292
293
  --button-info-disabled-left-border-style: var(--borders-style-2);
293
294
  --button-info-disabled-left-border-width: var(--borders-width-2);
294
- --button-info-disabled-right-border-color: var(--colors-neutral-line-8);
295
+ --button-info-disabled-right-border-color: var(--colors-neutral-line-10);
295
296
  --button-info-disabled-right-border-style: var(--borders-style-2);
296
297
  --button-info-disabled-right-border-width: var(--borders-width-2);
297
- --button-info-disabled-bottom-border-color: var(--colors-neutral-line-8);
298
+ --button-info-disabled-bottom-border-color: var(--colors-neutral-line-10);
298
299
  --button-info-disabled-bottom-border-style: var(--borders-style-2);
299
300
  --button-info-disabled-bottom-border-width: var(--borders-width-2);
300
301
  --button-info-disabled-shadow: var(--shadows-shadow-none);
@@ -345,16 +346,16 @@
345
346
  --button-success-active-shadow: var(--shadows-shadow-none);
346
347
  --button-success-active-bg-color: var(--colors-success-4);
347
348
  --button-success-active-font-color: var(--colors-neutral-text-11);
348
- --button-success-disabled-top-border-color: var(--colors-neutral-line-8);
349
+ --button-success-disabled-top-border-color: var(--colors-neutral-line-10);
349
350
  --button-success-disabled-top-border-style: var(--borders-style-2);
350
351
  --button-success-disabled-top-border-width: var(--borders-width-2);
351
- --button-success-disabled-left-border-color: var(--colors-neutral-line-8);
352
+ --button-success-disabled-left-border-color: var(--colors-neutral-line-10);
352
353
  --button-success-disabled-left-border-style: var(--borders-style-2);
353
354
  --button-success-disabled-left-border-width: var(--borders-width-2);
354
- --button-success-disabled-right-border-color: var(--colors-neutral-line-8);
355
+ --button-success-disabled-right-border-color: var(--colors-neutral-line-10);
355
356
  --button-success-disabled-right-border-style: var(--borders-style-2);
356
357
  --button-success-disabled-right-border-width: var(--borders-width-2);
357
- --button-success-disabled-bottom-border-color: var(--colors-neutral-line-8);
358
+ --button-success-disabled-bottom-border-color: var(--colors-neutral-line-10);
358
359
  --button-success-disabled-bottom-border-style: var(--borders-style-2);
359
360
  --button-success-disabled-bottom-border-width: var(--borders-width-2);
360
361
  --button-success-disabled-shadow: var(--shadows-shadow-none);
@@ -405,16 +406,16 @@
405
406
  --button-warning-active-shadow: var(--shadows-shadow-none);
406
407
  --button-warning-active-bg-color: var(--colors-warning-4);
407
408
  --button-warning-active-font-color: var(--colors-neutral-text-11);
408
- --button-warning-disabled-top-border-color: var(--colors-neutral-line-8);
409
+ --button-warning-disabled-top-border-color: var(--colors-neutral-line-10);
409
410
  --button-warning-disabled-top-border-style: var(--borders-style-2);
410
411
  --button-warning-disabled-top-border-width: var(--borders-width-2);
411
- --button-warning-disabled-left-border-color: var(--colors-neutral-line-8);
412
+ --button-warning-disabled-left-border-color: var(--colors-neutral-line-10);
412
413
  --button-warning-disabled-left-border-style: var(--borders-style-2);
413
414
  --button-warning-disabled-left-border-width: var(--borders-width-2);
414
- --button-warning-disabled-right-border-color: var(--colors-neutral-line-8);
415
+ --button-warning-disabled-right-border-color: var(--colors-neutral-line-10);
415
416
  --button-warning-disabled-right-border-style: var(--borders-style-2);
416
417
  --button-warning-disabled-right-border-width: var(--borders-width-2);
417
- --button-warning-disabled-bottom-border-color: var(--colors-neutral-line-8);
418
+ --button-warning-disabled-bottom-border-color: var(--colors-neutral-line-10);
418
419
  --button-warning-disabled-bottom-border-style: var(--borders-style-2);
419
420
  --button-warning-disabled-bottom-border-width: var(--borders-width-2);
420
421
  --button-warning-disabled-shadow: var(--shadows-shadow-none);
@@ -465,16 +466,16 @@
465
466
  --button-danger-active-shadow: var(--shadows-shadow-none);
466
467
  --button-danger-active-bg-color: var(--colors-error-4);
467
468
  --button-danger-active-font-color: var(--colors-neutral-text-11);
468
- --button-danger-disabled-top-border-color: var(--colors-neutral-line-8);
469
+ --button-danger-disabled-top-border-color: var(--colors-neutral-line-10);
469
470
  --button-danger-disabled-top-border-style: var(--borders-style-2);
470
471
  --button-danger-disabled-top-border-width: var(--borders-width-2);
471
- --button-danger-disabled-left-border-color: var(--colors-neutral-line-8);
472
+ --button-danger-disabled-left-border-color: var(--colors-neutral-line-10);
472
473
  --button-danger-disabled-left-border-style: var(--borders-style-2);
473
474
  --button-danger-disabled-left-border-width: var(--borders-width-2);
474
- --button-danger-disabled-right-border-color: var(--colors-neutral-line-8);
475
+ --button-danger-disabled-right-border-color: var(--colors-neutral-line-10);
475
476
  --button-danger-disabled-right-border-style: var(--borders-style-2);
476
477
  --button-danger-disabled-right-border-width: var(--borders-width-2);
477
- --button-danger-disabled-bottom-border-color: var(--colors-neutral-line-8);
478
+ --button-danger-disabled-bottom-border-color: var(--colors-neutral-line-10);
478
479
  --button-danger-disabled-bottom-border-style: var(--borders-style-2);
479
480
  --button-danger-disabled-bottom-border-width: var(--borders-width-2);
480
481
  --button-danger-disabled-shadow: var(--shadows-shadow-none);
@@ -525,16 +526,16 @@
525
526
  --button-light-active-shadow: var(--shadows-shadow-none);
526
527
  --button-light-active-bg-color: var(--colors-brand-7);
527
528
  --button-light-active-font-color: var(--colors-neutral-text-2);
528
- --button-light-disabled-top-border-color: var(--colors-neutral-line-8);
529
+ --button-light-disabled-top-border-color: var(--colors-neutral-line-10);
529
530
  --button-light-disabled-top-border-style: var(--borders-style-2);
530
531
  --button-light-disabled-top-border-width: var(--borders-width-2);
531
- --button-light-disabled-left-border-color: var(--colors-neutral-line-8);
532
+ --button-light-disabled-left-border-color: var(--colors-neutral-line-10);
532
533
  --button-light-disabled-left-border-style: var(--borders-style-2);
533
534
  --button-light-disabled-left-border-width: var(--borders-width-2);
534
- --button-light-disabled-right-border-color: var(--colors-neutral-line-8);
535
+ --button-light-disabled-right-border-color: var(--colors-neutral-line-10);
535
536
  --button-light-disabled-right-border-style: var(--borders-style-2);
536
537
  --button-light-disabled-right-border-width: var(--borders-width-2);
537
- --button-light-disabled-bottom-border-color: var(--colors-neutral-line-8);
538
+ --button-light-disabled-bottom-border-color: var(--colors-neutral-line-10);
538
539
  --button-light-disabled-bottom-border-style: var(--borders-style-2);
539
540
  --button-light-disabled-bottom-border-width: var(--borders-width-2);
540
541
  --button-light-disabled-shadow: var(--shadows-shadow-none);
@@ -585,86 +586,86 @@
585
586
  --button-dark-active-shadow: var(--shadows-shadow-none);
586
587
  --button-dark-active-bg-color: var(--colors-neutral-fill-5);
587
588
  --button-dark-active-font-color: var(--colors-neutral-text-11);
588
- --button-dark-disabled-top-border-color: var(--colors-neutral-line-8);
589
+ --button-dark-disabled-top-border-color: var(--colors-neutral-line-10);
589
590
  --button-dark-disabled-top-border-style: var(--borders-style-2);
590
591
  --button-dark-disabled-top-border-width: var(--borders-width-2);
591
- --button-dark-disabled-left-border-color: var(--colors-neutral-line-8);
592
+ --button-dark-disabled-left-border-color: var(--colors-neutral-line-10);
592
593
  --button-dark-disabled-left-border-style: var(--borders-style-2);
593
594
  --button-dark-disabled-left-border-width: var(--borders-width-2);
594
- --button-dark-disabled-right-border-color: var(--colors-neutral-line-8);
595
+ --button-dark-disabled-right-border-color: var(--colors-neutral-line-10);
595
596
  --button-dark-disabled-right-border-style: var(--borders-style-2);
596
597
  --button-dark-disabled-right-border-width: var(--borders-width-2);
597
- --button-dark-disabled-bottom-border-color: var(--colors-neutral-line-8);
598
+ --button-dark-disabled-bottom-border-color: var(--colors-neutral-line-10);
598
599
  --button-dark-disabled-bottom-border-style: var(--borders-style-2);
599
600
  --button-dark-disabled-bottom-border-width: var(--borders-width-2);
600
601
  --button-dark-disabled-shadow: var(--shadows-shadow-none);
601
602
  --button-dark-disabled-bg-color: var(--colors-neutral-fill-10);
602
603
  --button-dark-disabled-font-color: var(--colors-neutral-text-6);
603
- --button-link-default-top-border-color: var(--colors-neutral-fill-none);
604
+ --button-link-default-top-border-color: transparent;
604
605
  --button-link-default-top-border-style: var(--borders-style-1);
605
606
  --button-link-default-top-border-width: var(--borders-width-1);
606
- --button-link-default-left-border-color: var(--colors-neutral-fill-none);
607
+ --button-link-default-left-border-color: transparent;
607
608
  --button-link-default-left-border-style: var(--borders-style-1);
608
609
  --button-link-default-left-border-width: var(--borders-width-1);
609
- --button-link-default-right-border-color: var(--colors-neutral-fill-none);
610
+ --button-link-default-right-border-color: transparent;
610
611
  --button-link-default-right-border-style: var(--borders-style-1);
611
612
  --button-link-default-right-border-width: var(--borders-width-1);
612
- --button-link-default-bottom-border-color: var(--colors-neutral-fill-none);
613
+ --button-link-default-bottom-border-color: transparent;
613
614
  --button-link-default-bottom-border-style: var(--borders-style-1);
614
615
  --button-link-default-bottom-border-width: var(--borders-width-1);
615
616
  --button-link-default-shadow: var(--shadows-shadow-none);
616
- --button-link-default-bg-color: var(--colors-neutral-fill-none);
617
+ --button-link-default-bg-color: transparent;
617
618
  --button-link-default-font-color: var(--colors-link-5);
618
- --button-link-hover-top-border-color: var(--colors-neutral-fill-none);
619
+ --button-link-hover-top-border-color: transparent;
619
620
  --button-link-hover-top-border-style: var(--borders-style-1);
620
621
  --button-link-hover-top-border-width: var(--borders-width-1);
621
- --button-link-hover-left-border-color: var(--colors-neutral-fill-none);
622
+ --button-link-hover-left-border-color: transparent;
622
623
  --button-link-hover-left-border-style: var(--borders-style-1);
623
624
  --button-link-hover-left-border-width: var(--borders-width-1);
624
- --button-link-hover-right-border-color: var(--colors-neutral-fill-none);
625
+ --button-link-hover-right-border-color: transparent;
625
626
  --button-link-hover-right-border-style: var(--borders-style-1);
626
627
  --button-link-hover-right-border-width: var(--borders-width-1);
627
- --button-link-hover-bottom-border-color: var(--colors-neutral-fill-none);
628
+ --button-link-hover-bottom-border-color: transparent;
628
629
  --button-link-hover-bottom-border-style: var(--borders-style-1);
629
630
  --button-link-hover-bottom-border-width: var(--borders-width-1);
630
631
  --button-link-hover-shadow: var(--shadows-shadow-none);
631
- --button-link-hover-bg-color: var(--colors-neutral-fill-none);
632
+ --button-link-hover-bg-color: transparent;
632
633
  --button-link-hover-font-color: var(--colors-link-6);
633
- --button-link-active-top-border-color: var(--colors-neutral-fill-none);
634
+ --button-link-active-top-border-color: transparent;
634
635
  --button-link-active-top-border-style: var(--borders-style-1);
635
636
  --button-link-active-top-border-width: var(--borders-width-1);
636
- --button-link-active-left-border-color: var(--colors-neutral-fill-none);
637
+ --button-link-active-left-border-color: transparent;
637
638
  --button-link-active-left-border-style: var(--borders-style-1);
638
639
  --button-link-active-left-border-width: var(--borders-width-1);
639
- --button-link-active-right-border-color: var(--colors-neutral-fill-none);
640
+ --button-link-active-right-border-color: transparent;
640
641
  --button-link-active-right-border-style: var(--borders-style-1);
641
642
  --button-link-active-right-border-width: var(--borders-width-1);
642
- --button-link-active-bottom-border-color: var(--colors-neutral-fill-none);
643
+ --button-link-active-bottom-border-color: transparent;
643
644
  --button-link-active-bottom-border-style: var(--borders-style-1);
644
645
  --button-link-active-bottom-border-width: var(--borders-width-1);
645
646
  --button-link-active-shadow: var(--shadows-shadow-none);
646
- --button-link-active-bg-color: var(--colors-neutral-fill-none);
647
+ --button-link-active-bg-color: transparent;
647
648
  --button-link-active-font-color: var(--colors-link-4);
648
- --button-link-disabled-top-border-color: var(--colors-neutral-fill-none);
649
+ --button-link-disabled-top-border-color: transparent;
649
650
  --button-link-disabled-top-border-style: var(--borders-style-1);
650
651
  --button-link-disabled-top-border-width: var(--borders-width-1);
651
- --button-link-disabled-left-border-color: var(--colors-neutral-fill-none);
652
+ --button-link-disabled-left-border-color: transparent;
652
653
  --button-link-disabled-left-border-style: var(--borders-style-1);
653
654
  --button-link-disabled-left-border-width: var(--borders-width-1);
654
- --button-link-disabled-right-border-color: var(--colors-neutral-fill-none);
655
+ --button-link-disabled-right-border-color: transparent;
655
656
  --button-link-disabled-right-border-style: var(--borders-style-1);
656
657
  --button-link-disabled-right-border-width: var(--borders-width-1);
657
- --button-link-disabled-bottom-border-color: var(--colors-neutral-fill-none);
658
+ --button-link-disabled-bottom-border-color: transparent;
658
659
  --button-link-disabled-bottom-border-style: var(--borders-style-1);
659
660
  --button-link-disabled-bottom-border-width: var(--borders-width-1);
660
661
  --button-link-disabled-shadow: var(--shadows-shadow-none);
661
- --button-link-disabled-bg-color: var(--colors-neutral-fill-none);
662
+ --button-link-disabled-bg-color: transparent;
662
663
  --button-link-disabled-font-color: var(--colors-neutral-text-6);
663
664
  --button-size-default-top-left-border-radius: var(--borders-radius-3);
664
665
  --button-size-default-top-right-border-radius: var(--borders-radius-3);
665
666
  --button-size-default-bottom-left-border-radius: var(--borders-radius-3);
666
667
  --button-size-default-bottom-right-border-radius: var(--borders-radius-3);
667
- --button-size-default-height: var(--sizes-base-17);
668
+ --button-size-default-height: var(--sizes-base-16);
668
669
  --button-size-default-fontSize: var(--fonts-size-7);
669
670
  --button-size-default-minWidth: var(--sizes-size-1);
670
671
  --button-size-default-icon-size: var(--sizes-size-8);
@@ -683,7 +684,7 @@
683
684
  --button-size-xs-top-right-border-radius: var(--borders-radius-3);
684
685
  --button-size-xs-bottom-left-border-radius: var(--borders-radius-3);
685
686
  --button-size-xs-bottom-right-border-radius: var(--borders-radius-3);
686
- --button-size-xs-height: var(--sizes-base-12);
687
+ --button-size-xs-height: var(--sizes-base-11);
687
688
  --button-size-xs-fontSize: var(--fonts-size-8);
688
689
  --button-size-xs-minWidth: var(--sizes-size-1);
689
690
  --button-size-xs-icon-size: var(--sizes-size-8);
@@ -702,7 +703,7 @@
702
703
  --button-size-sm-top-right-border-radius: var(--borders-radius-3);
703
704
  --button-size-sm-bottom-left-border-radius: var(--borders-radius-3);
704
705
  --button-size-sm-bottom-right-border-radius: var(--borders-radius-3);
705
- --button-size-sm-height: var(--sizes-base-16);
706
+ --button-size-sm-height: var(--sizes-base-15);
706
707
  --button-size-sm-fontSize: var(--fonts-size-8);
707
708
  --button-size-sm-minWidth: var(--sizes-size-1);
708
709
  --button-size-sm-icon-size: var(--sizes-size-8);
@@ -721,7 +722,7 @@
721
722
  --button-size-md-top-right-border-radius: var(--borders-radius-3);
722
723
  --button-size-md-bottom-left-border-radius: var(--borders-radius-3);
723
724
  --button-size-md-bottom-right-border-radius: var(--borders-radius-3);
724
- --button-size-md-height: var(--sizes-base-17);
725
+ --button-size-md-height: var(--sizes-base-16);
725
726
  --button-size-md-fontSize: var(--fonts-size-7);
726
727
  --button-size-md-minWidth: var(--sizes-size-1);
727
728
  --button-size-md-icon-size: var(--sizes-size-8);
@@ -740,7 +741,7 @@
740
741
  --button-size-lg-top-right-border-radius: var(--borders-radius-3);
741
742
  --button-size-lg-bottom-left-border-radius: var(--borders-radius-3);
742
743
  --button-size-lg-bottom-right-border-radius: var(--borders-radius-3);
743
- --button-size-lg-height: var(--sizes-base-20);
744
+ --button-size-lg-height: var(--sizes-base-19);
744
745
  --button-size-lg-fontSize: var(--fonts-size-7);
745
746
  --button-size-lg-minWidth: var(--sizes-size-1);
746
747
  --button-size-lg-icon-size: var(--sizes-size-8);
@@ -896,4 +897,1683 @@
896
897
  --transfer-chained-marginBottom: var(--sizes-size-1);
897
898
  --transfer-chained-paddingRight: var(--sizes-size-6);
898
899
  --transfer-chained-paddingBottom: var(--sizes-size-5);
900
+ --input-default-default-top-border-color: var(--colors-neutral-line-8);
901
+ --input-default-default-top-border-width: var(--borders-width-2);
902
+ --input-default-default-top-border-style: var(--borders-style-2);
903
+ --input-default-default-right-border-color: var(--colors-neutral-line-8);
904
+ --input-default-default-right-border-width: var(--borders-width-2);
905
+ --input-default-default-right-border-style: var(--borders-style-2);
906
+ --input-default-default-bottom-border-color: var(--colors-neutral-line-8);
907
+ --input-default-default-bottom-border-width: var(--borders-width-2);
908
+ --input-default-default-bottom-border-style: var(--borders-style-2);
909
+ --input-default-default-left-border-color: var(--colors-neutral-line-8);
910
+ --input-default-default-left-border-width: var(--borders-width-2);
911
+ --input-default-default-left-border-style: var(--borders-style-2);
912
+ --input-default-default-top-right-border-radius: var(--borders-radius-3);
913
+ --input-default-default-top-left-border-radius: var(--borders-radius-3);
914
+ --input-default-default-bottom-right-border-radius: var(--borders-radius-3);
915
+ --input-default-default-bottom-left-border-radius: var(--borders-radius-3);
916
+ --input-default-default-paddingTop: var(--sizes-size-3);
917
+ --input-default-default-paddingBottom: var(--sizes-size-3);
918
+ --input-default-default-paddingLeft: var(--sizes-size-6);
919
+ --input-default-default-paddingRight: var(--sizes-size-6);
920
+ --input-default-default-bg-color: transparent;
921
+ --input-default-hover-top-border-color: var(--colors-brand-5);
922
+ --input-default-hover-top-border-width: var(--borders-width-2);
923
+ --input-default-hover-top-border-style: var(--borders-style-2);
924
+ --input-default-hover-right-border-color: var(--colors-brand-5);
925
+ --input-default-hover-right-border-width: var(--borders-width-2);
926
+ --input-default-hover-right-border-style: var(--borders-style-2);
927
+ --input-default-hover-bottom-border-color: var(--colors-brand-5);
928
+ --input-default-hover-bottom-border-width: var(--borders-width-2);
929
+ --input-default-hover-bottom-border-style: var(--borders-style-2);
930
+ --input-default-hover-left-border-color: var(--colors-brand-5);
931
+ --input-default-hover-left-border-width: var(--borders-width-2);
932
+ --input-default-hover-left-border-style: var(--borders-style-2);
933
+ --input-default-hover-top-right-border-radius: var(--borders-radius-3);
934
+ --input-default-hover-top-left-border-radius: var(--borders-radius-3);
935
+ --input-default-hover-bottom-right-border-radius: var(--borders-radius-3);
936
+ --input-default-hover-bottom-left-border-radius: var(--borders-radius-3);
937
+ --input-default-hover-paddingTop: var(--sizes-size-3);
938
+ --input-default-hover-paddingBottom: var(--sizes-size-3);
939
+ --input-default-hover-paddingLeft: var(--sizes-size-6);
940
+ --input-default-hover-paddingRight: var(--sizes-size-6);
941
+ --input-default-hover-bg-color: transparent;
942
+ --input-default-active-top-border-color: var(--colors-brand-5);
943
+ --input-default-active-top-border-width: var(--borders-width-2);
944
+ --input-default-active-top-border-style: var(--borders-style-2);
945
+ --input-default-active-right-border-color: var(--colors-brand-5);
946
+ --input-default-active-right-border-width: var(--borders-width-2);
947
+ --input-default-active-right-border-style: var(--borders-style-2);
948
+ --input-default-active-bottom-border-color: var(--colors-brand-5);
949
+ --input-default-active-bottom-border-width: var(--borders-width-2);
950
+ --input-default-active-bottom-border-style: var(--borders-style-2);
951
+ --input-default-active-left-border-color: var(--colors-brand-5);
952
+ --input-default-active-left-border-width: var(--borders-width-2);
953
+ --input-default-active-left-border-style: var(--borders-style-2);
954
+ --input-default-active-top-right-border-radius: var(--borders-radius-3);
955
+ --input-default-active-top-left-border-radius: var(--borders-radius-3);
956
+ --input-default-active-bottom-right-border-radius: var(--borders-radius-3);
957
+ --input-default-active-bottom-left-border-radius: var(--borders-radius-3);
958
+ --input-default-active-paddingTop: var(--sizes-size-3);
959
+ --input-default-active-paddingBottom: var(--sizes-size-3);
960
+ --input-default-active-paddingLeft: var(--sizes-size-6);
961
+ --input-default-active-paddingRight: var(--sizes-size-6);
962
+ --input-default-active-shadow: var(--shadows-shadow-none);
963
+ --input-default-active-bg-color: transparent;
964
+ --input-default-disabled-top-border-color: var(--colors-neutral-line-8);
965
+ --input-default-disabled-top-border-width: var(--borders-width-2);
966
+ --input-default-disabled-top-border-style: var(--borders-style-2);
967
+ --input-default-disabled-right-border-color: var(--colors-neutral-line-8);
968
+ --input-default-disabled-right-border-width: var(--borders-width-2);
969
+ --input-default-disabled-right-border-style: var(--borders-style-2);
970
+ --input-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
971
+ --input-default-disabled-bottom-border-width: var(--borders-width-2);
972
+ --input-default-disabled-bottom-border-style: var(--borders-style-2);
973
+ --input-default-disabled-left-border-color: var(--colors-neutral-line-8);
974
+ --input-default-disabled-left-border-width: var(--borders-width-2);
975
+ --input-default-disabled-left-border-style: var(--borders-style-2);
976
+ --input-default-disabled-top-right-border-radius: var(--borders-radius-3);
977
+ --input-default-disabled-top-left-border-radius: var(--borders-radius-3);
978
+ --input-default-disabled-bottom-right-border-radius: var(--borders-radius-3);
979
+ --input-default-disabled-bottom-left-border-radius: var(--borders-radius-3);
980
+ --input-default-disabled-paddingTop: var(--sizes-size-3);
981
+ --input-default-disabled-paddingBottom: var(--sizes-size-3);
982
+ --input-default-disabled-paddingLeft: var(--sizes-size-6);
983
+ --input-default-disabled-paddingRight: var(--sizes-size-6);
984
+ --input-default-disabled-bg-color: var(--colors-neutral-fill-10);
985
+ --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>';
986
+ --input-clearable-icon-size: var(--sizes-size-8);
987
+ --input-clearable-default-color: var(--colors-brand-5);
988
+ --input-clearable-hover-color: var(--colors-neutral-text-4);
989
+ --input-clearable-active-color: var(--colors-neutral-text-4);
990
+ --input-count-single-fontSize: var(--fonts-size-7);
991
+ --input-count-single-color: var(--colors-neutral-text-6);
992
+ --input-count-multi-fontSize: var(--fonts-size-7);
993
+ --input-count-multi-color: var(--colors-neutral-text-5);
994
+ --input-prefix-fontSize: var(--fonts-size-7);
995
+ --input-prefix-color: var(--colors-neutral-text-1);
996
+ --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>';
997
+ --input-password-invisible-icon-size: var(--sizes-size-8);
998
+ --input-password-invisible-icon-color: var(--colors-neutral-text-5);
999
+ --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>';
1000
+ --input-password-view-icon-size: var(--sizes-size-8);
1001
+ --input-password-view-icon-color: var(--colors-neutral-text-5);
1002
+ --input-textarea-paddingTop: var(--sizes-size-3);
1003
+ --input-textarea-paddingBottom: var(--sizes-size-3);
1004
+ --input-textarea-paddingLeft: var(--sizes-size-6);
1005
+ --input-textarea-paddingRight: var(--sizes-base-11);
1006
+ --input-addon-text-bg-color-default: transparent;
1007
+ --input-addon-text-bg-color-hover: transparent;
1008
+ --input-addon-text-top-border-color: var(--colors-neutral-line-8);
1009
+ --input-addon-text-top-border-width: var(--borders-width-2);
1010
+ --input-addon-text-top-border-style: var(--borders-style-2);
1011
+ --input-addon-text-right-border-color: var(--colors-neutral-line-8);
1012
+ --input-addon-text-right-border-width: var(--borders-width-2);
1013
+ --input-addon-text-right-border-style: var(--borders-style-2);
1014
+ --input-addon-text-bottom-border-color: var(--colors-neutral-line-8);
1015
+ --input-addon-text-bottom-border-width: var(--borders-width-2);
1016
+ --input-addon-text-bottom-border-style: var(--borders-style-2);
1017
+ --input-addon-text-left-border-color: var(--colors-neutral-line-8);
1018
+ --input-addon-text-left-border-width: var(--borders-width-1);
1019
+ --input-addon-text-left-border-style: var(--borders-style-2);
1020
+ --input-size-sm-height: var(--sizes-base-15);
1021
+ --input-size-default-height: var(--sizes-base-16);
1022
+ --input-size-md-height: var(--sizes-base-16);
1023
+ --input-size-lg-height: var(--sizes-base-19);
1024
+
1025
+ // 数字输入框
1026
+ --Form-inputNumber-base-width: var(--sizes-base-12);
1027
+ --Form-inputNumber-base-height: var(--sizes-base-16);
1028
+
1029
+ --inputNumber-base-default-top-border-color: var(--colors-neutral-line-8);
1030
+ --inputNumber-base-default-top-border-width: var(--borders-width-2);
1031
+ --inputNumber-base-default-top-border-style: var(--borders-style-2);
1032
+ --inputNumber-base-default-right-border-color: var(--colors-neutral-line-8);
1033
+ --inputNumber-base-default-right-border-width: var(--borders-width-2);
1034
+ --inputNumber-base-default-right-border-style: var(--borders-style-2);
1035
+ --inputNumber-base-default-bottom-border-color: var(--colors-neutral-line-8);
1036
+ --inputNumber-base-default-bottom-border-width: var(--borders-width-2);
1037
+ --inputNumber-base-default-bottom-border-style: var(--borders-style-2);
1038
+ --inputNumber-base-default-left-border-color: var(--colors-neutral-line-8);
1039
+ --inputNumber-base-default-left-border-width: var(--borders-width-2);
1040
+ --inputNumber-base-default-left-border-style: var(--borders-style-2);
1041
+ --inputNumber-base-default-top-right-border-radius: var(--borders-radius-3);
1042
+ --inputNumber-base-default-top-left-border-radius: var(--borders-radius-3);
1043
+ --inputNumber-base-default-bottom-right-border-radius: var(
1044
+ --borders-radius-3
1045
+ );
1046
+ --inputNumber-base-default-bottom-left-border-radius: var(--borders-radius-3);
1047
+ --inputNumber-base-default-paddingTop: var(--sizes-size-3);
1048
+ --inputNumber-base-default-paddingBottom: var(--sizes-size-3);
1049
+ --inputNumber-base-default-paddingLeft: var(--sizes-size-7);
1050
+ --inputNumber-base-default-paddingRight: var(--sizes-size-7);
1051
+ --inputNumber-base-default-bg-color: transparent;
1052
+ --inputNumber-base-hover-top-border-color: var(--colors-brand-5);
1053
+ --inputNumber-base-hover-top-border-width: var(--borders-width-2);
1054
+ --inputNumber-base-hover-top-border-style: var(--borders-style-2);
1055
+ --inputNumber-base-hover-right-border-color: var(--colors-brand-5);
1056
+ --inputNumber-base-hover-right-border-width: var(--borders-width-2);
1057
+ --inputNumber-base-hover-right-border-style: var(--borders-style-2);
1058
+ --inputNumber-base-hover-bottom-border-color: var(--colors-brand-5);
1059
+ --inputNumber-base-hover-bottom-border-width: var(--borders-width-2);
1060
+ --inputNumber-base-hover-bottom-border-style: var(--borders-style-2);
1061
+ --inputNumber-base-hover-left-border-color: var(--colors-brand-5);
1062
+ --inputNumber-base-hover-left-border-width: var(--borders-width-2);
1063
+ --inputNumber-base-hover-left-border-style: var(--borders-style-2);
1064
+ --inputNumber-base-hover-top-right-border-radius: var(--borders-radius-3);
1065
+ --inputNumber-base-hover-top-left-border-radius: var(--borders-radius-3);
1066
+ --inputNumber-base-hover-bottom-right-border-radius: var(--borders-radius-3);
1067
+ --inputNumber-base-hover-bottom-left-border-radius: var(--borders-radius-3);
1068
+ --inputNumber-base-hover-paddingTop: var(--sizes-size-3);
1069
+ --inputNumber-base-hover-paddingBottom: var(--sizes-size-3);
1070
+ --inputNumber-base-hover-paddingLeft: var(--sizes-size-7);
1071
+ --inputNumber-base-hover-paddingRight: var(--sizes-size-7);
1072
+ --inputNumber-base-hover-bg-color: transparent;
1073
+ --inputNumber-base-active-top-border-color: var(--colors-brand-5);
1074
+ --inputNumber-base-active-top-border-width: var(--borders-width-2);
1075
+ --inputNumber-base-active-top-border-style: var(--borders-style-2);
1076
+ --inputNumber-base-active-right-border-color: var(--colors-brand-5);
1077
+ --inputNumber-base-active-right-border-width: var(--borders-width-2);
1078
+ --inputNumber-base-active-right-border-style: var(--borders-style-2);
1079
+ --inputNumber-base-active-bottom-border-color: var(--colors-brand-5);
1080
+ --inputNumber-base-active-bottom-border-width: var(--borders-width-2);
1081
+ --inputNumber-base-active-bottom-border-style: var(--borders-style-2);
1082
+ --inputNumber-base-active-left-border-color: var(--colors-brand-5);
1083
+ --inputNumber-base-active-left-border-width: var(--borders-width-2);
1084
+ --inputNumber-base-active-left-border-style: var(--borders-style-2);
1085
+ --inputNumber-base-active-top-right-border-radius: var(--borders-radius-3);
1086
+ --inputNumber-base-active-top-left-border-radius: var(--borders-radius-3);
1087
+ --inputNumber-base-active-bottom-right-border-radius: var(--borders-radius-3);
1088
+ --inputNumber-base-active-bottom-left-border-radius: var(--borders-radius-3);
1089
+ --inputNumber-base-active-paddingTop: var(--sizes-size-3);
1090
+ --inputNumber-base-active-paddingBottom: var(--sizes-size-3);
1091
+ --inputNumber-base-active-paddingLeft: var(--sizes-size-7);
1092
+ --inputNumber-base-active-paddingRight: var(--sizes-size-7);
1093
+ --inputNumber-base-active-shadow: var(--Form-input-boxShadow);
1094
+ --inputNumber-base-active-bg-color: transparent;
1095
+ --inputNumber-base-disabled-top-border-color: var(--colors-neutral-line-8);
1096
+ --inputNumber-base-disabled-top-border-width: var(--borders-width-2);
1097
+ --inputNumber-base-disabled-top-border-style: var(--borders-style-2);
1098
+ --inputNumber-base-disabled-right-border-color: var(--colors-neutral-line-8);
1099
+ --inputNumber-base-disabled-right-border-width: var(--borders-width-2);
1100
+ --inputNumber-base-disabled-right-border-style: var(--borders-style-2);
1101
+ --inputNumber-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
1102
+ --inputNumber-base-disabled-bottom-border-width: var(--borders-width-2);
1103
+ --inputNumber-base-disabled-bottom-border-style: var(--borders-style-2);
1104
+ --inputNumber-base-disabled-left-border-color: var(--colors-neutral-line-8);
1105
+ --inputNumber-base-disabled-left-border-width: var(--borders-width-2);
1106
+ --inputNumber-base-disabled-left-border-style: var(--borders-style-2);
1107
+ --inputNumber-base-disabled-top-right-border-radius: var(--borders-radius-3);
1108
+ --inputNumber-base-disabled-top-left-border-radius: var(--borders-radius-3);
1109
+ --inputNumber-base-disabled-bottom-right-border-radius: var(
1110
+ --borders-radius-3
1111
+ );
1112
+ --inputNumber-base-disabled-bottom-left-border-radius: var(
1113
+ --borders-radius-3
1114
+ );
1115
+ --inputNumber-base-disabled-paddingTop: var(--sizes-size-3);
1116
+ --inputNumber-base-disabled-paddingBottom: var(--sizes-size-3);
1117
+ --inputNumber-base-disabled-paddingLeft: var(--sizes-size-7);
1118
+ --inputNumber-base-disabled-paddingRight: var(--sizes-size-7);
1119
+ --inputNumber-base-disabled-bg-color: var(--colors-neutral-fill-10);
1120
+ --inputNumber-base-default-icon-fontSize: var(--fonts-size-8);
1121
+ --inputNumber-base-default-icon-color: var(--colors-neutral-text-2);
1122
+ --inputNumber-base-hover-icon-color: var(--colors-brand-5);
1123
+ --inputNumber-base-active-icon-color: var(--colors-brand-5);
1124
+ --inputNumber-base-default-step-bg: var(--colors-neutral-fill-11);
1125
+ --inputNumber-base-hover-step-bg: var(--colors-neutral-fill-11);
1126
+ --inputNumber-base-active-step-bg: var(--colors-neutral-fill-11);
1127
+ --inputNumber-base-default-unit-width: var(--sizes-base-28);
1128
+ --inputNumber-base-default-unit-paddingTop: calc(
1129
+ (
1130
+ var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
1131
+ var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2
1132
+ ) / 2
1133
+ );
1134
+ --inputNumber-base-default-unit-paddingBottom: calc(
1135
+ (
1136
+ var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
1137
+ var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2
1138
+ ) / 2
1139
+ );
1140
+ --inputNumber-base-default-unit-paddingLeft: var(--sizes-size-6);
1141
+ --inputNumber-base-default-unit-paddingRight: 0;
1142
+ --inputNumber-size-sm-height: var(--sizes-base-16);
1143
+ --inputNumber-size-default-height: var(--sizes-base-16);
1144
+ --inputNumber-size-md-height: var(--sizes-base-16);
1145
+ --inputNumber-size-lg-height: var(--sizes-base-16);
1146
+ --Number-handler-bg: var(--inputNumber-base-default-step-bg);
1147
+ --Number-handler-fontSize: var(--inputNumber-base-default-icon-fontSize);
1148
+ --Number-handler-color: var(--inputNumber-base-default-icon-color);
1149
+ --Number-handler-onHover-bg: var(--inputNumber-base-hover-step-bg);
1150
+ --Number-handler-onHover-color: var(--inputNumber-base-hover-icon-color);
1151
+ --Number-handler-onActive-bg: var(--inputNumber-base-active-step-bg);
1152
+ // 加强版数字输入框
1153
+ --inputNumber-enhance-default-top-border-color: var(--colors-neutral-line-7);
1154
+ --inputNumber-enhance-default-top-border-width: var(--borders-width-2);
1155
+ --inputNumber-enhance-default-top-border-style: var(--borders-style-2);
1156
+ --inputNumber-enhance-default-right-border-color: var(
1157
+ --colors-neutral-line-7
1158
+ );
1159
+ --inputNumber-enhance-default-right-border-width: var(--borders-width-2);
1160
+ --inputNumber-enhance-default-right-border-style: var(--borders-style-2);
1161
+ --inputNumber-enhance-default-bottom-border-color: var(
1162
+ --colors-neutral-line-7
1163
+ );
1164
+ --inputNumber-enhance-default-bottom-border-width: var(--borders-width-2);
1165
+ --inputNumber-enhance-default-bottom-border-style: var(--borders-style-2);
1166
+ --inputNumber-enhance-default-left-border-color: var(--colors-neutral-line-7);
1167
+ --inputNumber-enhance-default-left-border-width: var(--borders-width-2);
1168
+ --inputNumber-enhance-default-left-border-style: var(--borders-style-2);
1169
+ --inputNumber-enhance-default-top-right-border-radius: var(
1170
+ --borders-radius-3
1171
+ );
1172
+ --inputNumber-enhance-default-top-left-border-radius: var(--borders-radius-3);
1173
+ --inputNumber-enhance-default-bottom-right-border-radius: var(
1174
+ --borders-radius-3
1175
+ );
1176
+ --inputNumber-enhance-default-bottom-left-border-radius: var(
1177
+ --borders-radius-3
1178
+ );
1179
+ --inputNumber-enhance-default-paddingTop: var(--sizes-size-3);
1180
+ --inputNumber-enhance-default-paddingBottom: var(--sizes-size-3);
1181
+ --inputNumber-enhance-default-paddingLeft: var(--sizes-size-7);
1182
+ --inputNumber-enhance-default-paddingRight: var(--sizes-size-7);
1183
+ --inputNumber-enhance-default-bg-color: transparent;
1184
+ --inputNumber-enhance-hover-top-border-color: var(--colors-brand-5);
1185
+ --inputNumber-enhance-hover-top-border-width: var(--borders-width-2);
1186
+ --inputNumber-enhance-hover-top-border-style: var(--borders-style-2);
1187
+ --inputNumber-enhance-hover-right-border-color: var(--colors-brand-5);
1188
+ --inputNumber-enhance-hover-right-border-width: var(--borders-width-2);
1189
+ --inputNumber-enhance-hover-right-border-style: var(--borders-style-2);
1190
+ --inputNumber-enhance-hover-bottom-border-color: var(--colors-brand-5);
1191
+ --inputNumber-enhance-hover-bottom-border-width: var(--borders-width-2);
1192
+ --inputNumber-enhance-hover-bottom-border-style: var(--borders-style-2);
1193
+ --inputNumber-enhance-hover-left-border-color: var(--colors-brand-5);
1194
+ --inputNumber-enhance-hover-left-border-width: var(--borders-width-2);
1195
+ --inputNumber-enhance-hover-left-border-style: var(--borders-style-2);
1196
+ --inputNumber-enhance-hover-top-right-border-radius: var(--borders-radius-3);
1197
+ --inputNumber-enhance-hover-top-left-border-radius: var(--borders-radius-3);
1198
+ --inputNumber-enhance-hover-bottom-right-border-radius: var(
1199
+ --borders-radius-3
1200
+ );
1201
+ --inputNumber-enhance-hover-bottom-left-border-radius: var(
1202
+ --borders-radius-3
1203
+ );
1204
+ --inputNumber-enhance-hover-paddingTop: var(--sizes-size-3);
1205
+ --inputNumber-enhance-hover-paddingBottom: var(--sizes-size-3);
1206
+ --inputNumber-enhance-hover-paddingLeft: var(--sizes-size-7);
1207
+ --inputNumber-enhance-hover-paddingRight: var(--sizes-size-7);
1208
+ --inputNumber-enhance-hover-bg-color: transparent;
1209
+ --inputNumber-enhance-active-top-border-color: var(--colors-brand-5);
1210
+ --inputNumber-enhance-active-top-border-width: var(--borders-width-2);
1211
+ --inputNumber-enhance-active-top-border-style: var(--borders-style-2);
1212
+ --inputNumber-enhance-active-right-border-color: var(--colors-brand-5);
1213
+ --inputNumber-enhance-active-right-border-width: var(--borders-width-2);
1214
+ --inputNumber-enhance-active-right-border-style: var(--borders-style-2);
1215
+ --inputNumber-enhance-active-bottom-border-color: var(--colors-brand-5);
1216
+ --inputNumber-enhance-active-bottom-border-width: var(--borders-width-2);
1217
+ --inputNumber-enhance-active-bottom-border-style: var(--borders-style-2);
1218
+ --inputNumber-enhance-active-left-border-color: var(--colors-brand-5);
1219
+ --inputNumber-enhance-active-left-border-width: var(--borders-width-2);
1220
+ --inputNumber-enhance-active-left-border-style: var(--borders-style-2);
1221
+ --inputNumber-enhance-active-top-right-border-radius: var(--borders-radius-3);
1222
+ --inputNumber-enhance-active-top-left-border-radius: var(--borders-radius-3);
1223
+ --inputNumber-enhance-active-bottom-right-border-radius: var(
1224
+ --borders-radius-3
1225
+ );
1226
+ --inputNumber-enhance-active-bottom-left-border-radius: var(
1227
+ --borders-radius-3
1228
+ );
1229
+ --inputNumber-enhance-active-paddingTop: var(--sizes-size-3);
1230
+ --inputNumber-enhance-active-paddingBottom: var(--sizes-size-3);
1231
+ --inputNumber-enhance-active-paddingLeft: var(--sizes-size-7);
1232
+ --inputNumber-enhance-active-paddingRight: var(--sizes-size-7);
1233
+ --inputNumber-enhance-active-shadow: var(--shadows-shadow-none);
1234
+ --inputNumber-enhance-active-bg-color: transparent;
1235
+ --inputNumber-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
1236
+ --inputNumber-enhance-disabled-top-border-width: var(--borders-width-2);
1237
+ --inputNumber-enhance-disabled-top-border-style: var(--borders-style-2);
1238
+ --inputNumber-enhance-disabled-right-border-color: var(
1239
+ --colors-neutral-line-8
1240
+ );
1241
+ --inputNumber-enhance-disabled-right-border-width: var(--borders-width-2);
1242
+ --inputNumber-enhance-disabled-right-border-style: var(--borders-style-2);
1243
+ --inputNumber-enhance-disabled-bottom-border-color: var(
1244
+ --colors-neutral-line-8
1245
+ );
1246
+ --inputNumber-enhance-disabled-bottom-border-width: var(--borders-width-2);
1247
+ --inputNumber-enhance-disabled-bottom-border-style: var(--borders-style-2);
1248
+ --inputNumber-enhance-disabled-left-border-color: var(
1249
+ --colors-neutral-line-8
1250
+ );
1251
+ --inputNumber-enhance-disabled-left-border-width: var(--borders-width-2);
1252
+ --inputNumber-enhance-disabled-left-border-style: var(--borders-style-2);
1253
+ --inputNumber-enhance-disabled-top-right-border-radius: var(
1254
+ --borders-radius-3
1255
+ );
1256
+ --inputNumber-enhance-disabled-top-left-border-radius: var(
1257
+ --borders-radius-3
1258
+ );
1259
+ --inputNumber-enhance-disabled-bottom-right-border-radius: var(
1260
+ --borders-radius-3
1261
+ );
1262
+ --inputNumber-enhance-disabled-bottom-left-border-radius: var(
1263
+ --borders-radius-3
1264
+ );
1265
+ --inputNumber-enhance-disabled-paddingTop: var(--sizes-size-3);
1266
+ --inputNumber-enhance-disabled-paddingBottom: var(--sizes-size-3);
1267
+ --inputNumber-enhance-disabled-paddingLeft: var(--sizes-size-7);
1268
+ --inputNumber-enhance-disabled-paddingRight: var(--sizes-size-7);
1269
+ --inputNumber-enhance-disabled-bg-color: var(--colors-neutral-fill-10);
1270
+ --inputNumber-enhance-default-icon-fontSize: var(--fonts-size-8);
1271
+ --inputNumber-enhance-leftIcon-default-height: var(--sizes-size-7);
1272
+ --inputNumber-enhance-leftIcon-default-width: var(--sizes-size-7);
1273
+ --inputNumber-enhance-leftIcon-default-color: var(--colors-neutral-text-2);
1274
+ --inputNumber-enhance-leftIcon-hover-color: var(--colors-brand-5);
1275
+ --inputNumber-enhance-leftIcon-active-color: var(--colors-brand-5);
1276
+ --inputNumber-enhance-leftIcon-default-bg-color: var(
1277
+ --colors-neutral-fill-11
1278
+ );
1279
+ --inputNumber-enhance-leftIcon-hover-bg-color: var(--colors-neutral-fill-11);
1280
+ --inputNumber-enhance-leftIcon-active-bg-color: var(--colors-neutral-fill-11);
1281
+ --inputNumber-enhance-rightIcon-default-height: var(--sizes-size-7);
1282
+ --inputNumber-enhance-rightIcon-default-width: var(--sizes-size-7);
1283
+ --inputNumber-enhance-rightIcon-default-color: var(--colors-neutral-text-2);
1284
+ --inputNumber-enhance-rightIcon-hover-color: var(--colors-brand-5);
1285
+ --inputNumber-enhance-rightIcon-active-color: var(--colors-brand-5);
1286
+ --inputNumber-enhance-rightIcon-default-bg-color: var(
1287
+ --colors-neutral-fill-11
1288
+ );
1289
+ --inputNumber-enhance-rightIcon-hover-bg-color: var(--colors-neutral-fill-11);
1290
+ --inputNumber-enhance-rightIcon-active-bg-color: var(
1291
+ --colors-neutral-fill-11
1292
+ );
1293
+ --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>';
1294
+ --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>';
1295
+ --Form-input-onHover-borderColor: var(--colors-brand-5);
1296
+ --Form-input-onFocused-borderColor: var(--colors-brand-5);
1297
+
1298
+ // 勾选框
1299
+ --checkbox-checkbox-default-height: var(--sizes-size-9);
1300
+ --checkbox-checkbox-default-bg-color: transparent;
1301
+ --checkbox-checkbox-default-color: var(--colors-neutral-text-2);
1302
+ --checkbox-checkbox-default-fontSize: var(--sizes-size-8);
1303
+ --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
1304
+ --checkbox-checkbox-default-top-border-width: var(--borders-width-2);
1305
+ --checkbox-checkbox-default-top-border-style: var(--borders-style-2);
1306
+ --checkbox-checkbox-default-right-border-color: var(--colors-neutral-line-8);
1307
+ --checkbox-checkbox-default-right-border-width: var(--borders-width-2);
1308
+ --checkbox-checkbox-default-right-border-style: var(--borders-style-2);
1309
+ --checkbox-checkbox-default-bottom-border-color: var(--colors-neutral-line-8);
1310
+ --checkbox-checkbox-default-bottom-border-width: var(--borders-width-2);
1311
+ --checkbox-checkbox-default-bottom-border-style: var(--borders-style-2);
1312
+ --checkbox-checkbox-default-left-border-color: var(--colors-neutral-line-8);
1313
+ --checkbox-checkbox-default-left-border-width: var(--borders-width-2);
1314
+ --checkbox-checkbox-default-left-border-style: var(--borders-style-2);
1315
+ --checkbox-checkbox-default-top-right-border-radius: var(--sizes-size-2);
1316
+ --checkbox-checkbox-default-top-left-border-radius: var(--sizes-size-2);
1317
+ --checkbox-checkbox-default-bottom-right-border-radius: var(--sizes-size-2);
1318
+ --checkbox-checkbox-default-bottom-left-border-radius: var(--sizes-size-2);
1319
+ --checkbox-checkbox-hover-height: var(--sizes-size-9);
1320
+ --checkbox-checkbox-hover-bg-color: transparent;
1321
+ --checkbox-checkbox-hover-color: var(--colors-neutral-text-2);
1322
+ --checkbox-checkbox-hover-fontSize: var(--sizes-size-8);
1323
+ --checkbox-checkbox-hover-top-border-color: var(--colors-brand-5);
1324
+ --checkbox-checkbox-hover-top-border-width: var(--borders-width-2);
1325
+ --checkbox-checkbox-hover-top-border-style: var(--borders-style-2);
1326
+ --checkbox-checkbox-hover-right-border-color: var(--colors-brand-5);
1327
+ --checkbox-checkbox-hover-right-border-width: var(--borders-width-2);
1328
+ --checkbox-checkbox-hover-right-border-style: var(--borders-style-2);
1329
+ --checkbox-checkbox-hover-bottom-border-color: var(--colors-brand-5);
1330
+ --checkbox-checkbox-hover-bottom-border-width: var(--borders-width-2);
1331
+ --checkbox-checkbox-hover-bottom-border-style: var(--borders-style-2);
1332
+ --checkbox-checkbox-hover-left-border-color: var(--colors-brand-5);
1333
+ --checkbox-checkbox-hover-left-border-width: var(--borders-width-2);
1334
+ --checkbox-checkbox-hover-left-border-style: var(--borders-style-2);
1335
+ --checkbox-checkbox-hover-top-right-border-radius: var(--sizes-size-2);
1336
+ --checkbox-checkbox-hover-top-left-border-radius: var(--sizes-size-2);
1337
+ --checkbox-checkbox-hover-bottom-right-border-radius: var(--sizes-size-2);
1338
+ --checkbox-checkbox-hover-bottom-left-border-radius: var(--sizes-size-2);
1339
+ --checkbox-checkbox-active-height: var(--sizes-size-9);
1340
+ --checkbox-checkbox-active-bg-color: transparent;
1341
+ --checkbox-checkbox-active-color: var(--colors-neutral-text-2);
1342
+ --checkbox-checkbox-active-fontSize: var(--sizes-size-8);
1343
+ --checkbox-checkbox-active-top-border-color: var(--colors-brand-5);
1344
+ --checkbox-checkbox-active-top-border-width: var(--borders-width-2);
1345
+ --checkbox-checkbox-active-top-border-style: var(--borders-style-2);
1346
+ --checkbox-checkbox-active-right-border-color: var(--colors-brand-5);
1347
+ --checkbox-checkbox-active-right-border-width: var(--borders-width-2);
1348
+ --checkbox-checkbox-active-right-border-style: var(--borders-style-2);
1349
+ --checkbox-checkbox-active-bottom-border-color: var(--colors-brand-5);
1350
+ --checkbox-checkbox-active-bottom-border-width: var(--borders-width-2);
1351
+ --checkbox-checkbox-active-bottom-border-style: var(--borders-style-2);
1352
+ --checkbox-checkbox-active-left-border-color: var(--colors-brand-5);
1353
+ --checkbox-checkbox-active-left-border-width: var(--borders-width-2);
1354
+ --checkbox-checkbox-active-left-border-style: var(--borders-style-2);
1355
+ --checkbox-checkbox-active-top-right-border-radius: var(--sizes-size-2);
1356
+ --checkbox-checkbox-active-top-left-border-radius: var(--sizes-size-2);
1357
+ --checkbox-checkbox-active-bottom-right-border-radius: var(--sizes-size-2);
1358
+ --checkbox-checkbox-active-bottom-left-border-radius: var(--sizes-size-2);
1359
+ --checkbox-checkbox-disabled-height: var(--sizes-size-9);
1360
+ --checkbox-checkbox-disabled-bg-color: var(--colors-neutral-fill-10);
1361
+ --checkbox-checkbox-disabled-color: var(--colors-neutral-text-2);
1362
+ --checkbox-checkbox-disabled-fontSize: var(--sizes-size-8);
1363
+ --checkbox-checkbox-disabled-top-border-color: var(--colors-neutral-line-8);
1364
+ --checkbox-checkbox-disabled-top-border-width: var(--borders-width-2);
1365
+ --checkbox-checkbox-disabled-top-border-style: var(--borders-style-2);
1366
+ --checkbox-checkbox-disabled-right-border-color: var(--colors-neutral-line-8);
1367
+ --checkbox-checkbox-disabled-right-border-width: var(--borders-width-2);
1368
+ --checkbox-checkbox-disabled-right-border-style: var(--borders-style-2);
1369
+ --checkbox-checkbox-disabled-bottom-border-color: var(
1370
+ --colors-neutral-line-8
1371
+ );
1372
+ --checkbox-checkbox-disabled-bottom-border-width: var(--borders-width-2);
1373
+ --checkbox-checkbox-disabled-bottom-border-style: var(--borders-style-2);
1374
+ --checkbox-checkbox-disabled-left-border-color: var(--colors-neutral-line-8);
1375
+ --checkbox-checkbox-disabled-left-border-width: var(--borders-width-2);
1376
+ --checkbox-checkbox-disabled-left-border-style: var(--borders-style-2);
1377
+ --checkbox-checkbox-disabled-top-right-border-radius: var(--sizes-size-2);
1378
+ --checkbox-checkbox-disabled-top-left-border-radius: var(--sizes-size-2);
1379
+ --checkbox-checkbox-disabled-bottom-right-border-radius: var(--sizes-size-2);
1380
+ --checkbox-checkbox-disabled-bottom-left-border-radius: var(--sizes-size-2);
1381
+ --checkbox-checked-default-height: var(--sizes-size-9);
1382
+ --checkbox-checked-default-bg-color: var(--colors-brand-5);
1383
+ --checkbox-checked-default-color: var(--colors-neutral-text-2);
1384
+ --checkbox-checked-default-fontSize: var(--sizes-size-8);
1385
+ --checkbox-checked-default-top-border-color: var(--colors-neutral-line-8);
1386
+ --checkbox-checked-default-top-border-width: var(--borders-width-2);
1387
+ --checkbox-checked-default-top-border-style: var(--borders-style-2);
1388
+ --checkbox-checked-default-right-border-color: var(--colors-neutral-line-8);
1389
+ --checkbox-checked-default-right-border-width: var(--borders-width-2);
1390
+ --checkbox-checked-default-right-border-style: var(--borders-style-2);
1391
+ --checkbox-checked-default-bottom-border-color: var(--colors-neutral-line-8);
1392
+ --checkbox-checked-default-bottom-border-width: var(--borders-width-2);
1393
+ --checkbox-checked-default-bottom-border-style: var(--borders-style-2);
1394
+ --checkbox-checked-default-left-border-color: var(--colors-neutral-line-8);
1395
+ --checkbox-checked-default-left-border-width: var(--borders-width-2);
1396
+ --checkbox-checked-default-left-border-style: var(--borders-style-2);
1397
+ --checkbox-checked-default-top-right-border-radius: var(--sizes-size-2);
1398
+ --checkbox-checked-default-top-left-border-radius: var(--sizes-size-2);
1399
+ --checkbox-checked-default-bottom-right-border-radius: var(--sizes-size-2);
1400
+ --checkbox-checked-default-bottom-left-border-radius: var(--sizes-size-2);
1401
+ --checkbox-checked-hover-height: var(--sizes-size-9);
1402
+ --checkbox-checked-hover-bg-color: var(--colors-brand-6);
1403
+ --checkbox-checked-hover-color: var(--colors-neutral-text-2);
1404
+ --checkbox-checked-hover-fontSize: var(--sizes-size-8);
1405
+ --checkbox-checked-hover-top-border-color: var(--colors-brand-5);
1406
+ --checkbox-checked-hover-top-border-width: var(--borders-width-2);
1407
+ --checkbox-checked-hover-top-border-style: var(--borders-style-2);
1408
+ --checkbox-checked-hover-right-border-color: var(--colors-brand-5);
1409
+ --checkbox-checked-hover-right-border-width: var(--borders-width-2);
1410
+ --checkbox-checked-hover-right-border-style: var(--borders-style-2);
1411
+ --checkbox-checked-hover-bottom-border-color: var(--colors-brand-5);
1412
+ --checkbox-checked-hover-bottom-border-width: var(--borders-width-2);
1413
+ --checkbox-checked-hover-bottom-border-style: var(--borders-style-2);
1414
+ --checkbox-checked-hover-left-border-color: var(--colors-brand-5);
1415
+ --checkbox-checked-hover-left-border-width: var(--borders-width-2);
1416
+ --checkbox-checked-hover-left-border-style: var(--borders-style-2);
1417
+ --checkbox-checked-hover-top-right-border-radius: var(--sizes-size-2);
1418
+ --checkbox-checked-hover-top-left-border-radius: var(--sizes-size-2);
1419
+ --checkbox-checked-hover-bottom-right-border-radius: var(--sizes-size-2);
1420
+ --checkbox-checked-hover-bottom-left-border-radius: var(--sizes-size-2);
1421
+ --checkbox-checked-active-height: var(--sizes-size-9);
1422
+ --checkbox-checked-active-bg-color: var(--colors-brand-4);
1423
+ --checkbox-checked-active-color: var(--colors-neutral-text-2);
1424
+ --checkbox-checked-active-fontSize: var(--sizes-size-8);
1425
+ --checkbox-checked-active-top-border-color: var(--colors-brand-5);
1426
+ --checkbox-checked-active-top-border-width: var(--borders-width-2);
1427
+ --checkbox-checked-active-top-border-style: var(--borders-style-2);
1428
+ --checkbox-checked-active-right-border-color: var(--colors-brand-5);
1429
+ --checkbox-checked-active-right-border-width: var(--borders-width-2);
1430
+ --checkbox-checked-active-right-border-style: var(--borders-style-2);
1431
+ --checkbox-checked-active-bottom-border-color: var(--colors-brand-5);
1432
+ --checkbox-checked-active-bottom-border-width: var(--borders-width-2);
1433
+ --checkbox-checked-active-bottom-border-style: var(--borders-style-2);
1434
+ --checkbox-checked-active-left-border-color: var(--colors-brand-5);
1435
+ --checkbox-checked-active-left-border-width: var(--borders-width-2);
1436
+ --checkbox-checked-active-left-border-style: var(--borders-style-2);
1437
+ --checkbox-checked-active-top-right-border-radius: var(--sizes-size-2);
1438
+ --checkbox-checked-active-top-left-border-radius: var(--sizes-size-2);
1439
+ --checkbox-checked-active-bottom-right-border-radius: var(--sizes-size-2);
1440
+ --checkbox-checked-active-bottom-left-border-radius: var(--sizes-size-2);
1441
+ --checkbox-checked-disabled-height: var(--sizes-size-9);
1442
+ --checkbox-checked-disabled-bg-color: transparent;
1443
+ --checkbox-checked-disabled-color: var(--colors-neutral-text-2);
1444
+ --checkbox-checked-disabled-fontSize: var(--sizes-size-8);
1445
+ --checkbox-checked-disabled-top-border-color: var(--colors-neutral-line-8);
1446
+ --checkbox-checked-disabled-top-border-width: var(--borders-width-2);
1447
+ --checkbox-checked-disabled-top-border-style: var(--borders-style-2);
1448
+ --checkbox-checked-disabled-right-border-color: var(--colors-neutral-line-8);
1449
+ --checkbox-checked-disabled-right-border-width: var(--borders-width-2);
1450
+ --checkbox-checked-disabled-right-border-style: var(--borders-style-2);
1451
+ --checkbox-checked-disabled-bottom-border-color: var(--colors-neutral-line-8);
1452
+ --checkbox-checked-disabled-bottom-border-width: var(--borders-width-2);
1453
+ --checkbox-checked-disabled-bottom-border-style: var(--borders-style-2);
1454
+ --checkbox-checked-disabled-left-border-color: var(--colors-neutral-line-8);
1455
+ --checkbox-checked-disabled-left-border-width: var(--borders-width-2);
1456
+ --checkbox-checked-disabled-left-border-style: var(--borders-style-2);
1457
+ --checkbox-checked-disabled-top-right-border-radius: var(--sizes-size-2);
1458
+ --checkbox-checked-disabled-top-left-border-radius: var(--sizes-size-2);
1459
+ --checkbox-checked-disabled-bottom-right-border-radius: var(--sizes-size-2);
1460
+ --checkbox-checked-disabled-bottom-left-border-radius: var(--sizes-size-2);
1461
+ --Checkbox-onHover-color: var(--checkbox-checked-default-bg-color);
1462
+ --button-primary-hover-bg-color: var(--checkbox-checked-hover-bg-color);
1463
+ --Checkbox-checked-onHover-bgColor: var(--checkbox-checked-active-bg-color);
1464
+ --Checkbox-onDisabled-bg: var(--colors-neutral-fill-10);
1465
+ --Checkbox-size: var(--checkbox-checkbox-default-height);
1466
+ --Checkbox--full-inner-size: var(--sizes-size-5);
1467
+ --Checkbox--sm--full-inner-size: var(--sizes-size-5);
1468
+ --Checkbox--sm-inner-size: var(--sizes-size-5);
1469
+ --Checkbox--sm-size: var(--sizes-size-8);
1470
+ --Checkbox-borderRadius: #{px2rem(2px)};
1471
+ --Checkbox-color: var(--Form-input-borderColor);
1472
+ --Checkbox-gap: var(--gap-xs);
1473
+ --Checkbox-gb: #fff;
1474
+ --Checkbox-inner-size: var(--sizes-size-5);
1475
+ --Checkbox-onDisabled-color: var(--colors-neutral-text-6);
1476
+ --Checkbox-inner-onDisabled-bg: #d4d6d9;
1477
+ --Checkbox-inner-onDisabled-color: #ffffff;
1478
+ --Checkbox-disabled-unchecked-bg: #f7f7f9;
1479
+ --Checkbox-inner-disabled-checked-bg: #e8e9eb;
1480
+ --Checkbox-border-width: var(--Form-input-borderWidth);
1481
+ --Checkbox-paddingX: #{px2rem(12px)};
1482
+ --Checkbox-button-height: #{px2rem(32px)};
1483
+ --Checkbox-button-line-height: #{px2rem(28px)};
1484
+ --Checkbox-button-min-width: #{px2rem(80px)};
1485
+
1486
+ // 列表
1487
+ --listSelect-base-default-top-border-color: var(--colors-neutral-line-8);
1488
+ --listSelect-base-default-top-border-width: var(--borders-width-2);
1489
+ --listSelect-base-default-top-border-style: var(--borders-style-2);
1490
+ --listSelect-base-default-right-border-color: var(--colors-neutral-line-8);
1491
+ --listSelect-base-default-right-border-width: var(--borders-width-2);
1492
+ --listSelect-base-default-right-border-style: var(--borders-style-2);
1493
+ --listSelect-base-default-bottom-border-color: var(--colors-neutral-line-8);
1494
+ --listSelect-base-default-bottom-border-width: var(--borders-width-2);
1495
+ --listSelect-base-default-bottom-border-style: var(--borders-style-2);
1496
+ --listSelect-base-default-left-border-color: var(--colors-neutral-line-8);
1497
+ --listSelect-base-default-left-border-width: var(--borders-width-2);
1498
+ --listSelect-base-default-left-border-style: var(--borders-style-2);
1499
+ --listSelect-base-default-top-right-border-radius: var(--borders-radius-3);
1500
+ --listSelect-base-default-top-left-border-radius: var(--borders-radius-3);
1501
+ --listSelect-base-default-bottom-right-border-radius: var(--borders-radius-3);
1502
+ --listSelect-base-default-bottom-left-border-radius: var(--borders-radius-3);
1503
+ --listSelect-base-default-paddingTop: var(--sizes-size-4);
1504
+ --listSelect-base-default-paddingBottom: var(--sizes-size-4);
1505
+ --listSelect-base-default-paddingLeft: var(--sizes-size-6);
1506
+ --listSelect-base-default-paddingRight: var(--sizes-size-6);
1507
+ --listSelect-base-default-color: var(--colors-neutral-text-2);
1508
+ --listSelect-base-default-bg-color: transparent;
1509
+ --listSelect-base-hover-top-border-color: var(--colors-brand-5);
1510
+ --listSelect-base-hover-top-border-width: var(--borders-width-2);
1511
+ --listSelect-base-hover-top-border-style: var(--borders-style-2);
1512
+ --listSelect-base-hover-right-border-color: var(--colors-brand-5);
1513
+ --listSelect-base-hover-right-border-width: var(--borders-width-2);
1514
+ --listSelect-base-hover-right-border-style: var(--borders-style-2);
1515
+ --listSelect-base-hover-bottom-border-color: var(--colors-brand-5);
1516
+ --listSelect-base-hover-bottom-border-width: var(--borders-width-2);
1517
+ --listSelect-base-hover-bottom-border-style: var(--borders-style-2);
1518
+ --listSelect-base-hover-left-border-color: var(--colors-brand-5);
1519
+ --listSelect-base-hover-left-border-width: var(--borders-width-2);
1520
+ --listSelect-base-hover-left-border-style: var(--borders-style-2);
1521
+ --listSelect-base-hover-top-right-border-radius: var(--borders-radius-3);
1522
+ --listSelect-base-hover-top-left-border-radius: var(--borders-radius-3);
1523
+ --listSelect-base-hover-bottom-right-border-radius: var(--borders-radius-3);
1524
+ --listSelect-base-hover-bottom-left-border-radius: var(--borders-radius-3);
1525
+ --listSelect-base-hover-paddingTop: var(--sizes-size-3);
1526
+ --listSelect-base-hover-paddingBottom: var(--sizes-size-3);
1527
+ --listSelect-base-hover-paddingLeft: var(--sizes-size-7);
1528
+ --listSelect-base-hover-paddingRight: var(--sizes-size-7);
1529
+ --listSelect-base-hover-color: var(--colors-brand-5);
1530
+ --listSelect-base-hover-bg-color: transparent;
1531
+ --listSelect-base-active-top-border-color: var(--colors-brand-5);
1532
+ --listSelect-base-active-top-border-width: var(--borders-width-2);
1533
+ --listSelect-base-active-top-border-style: var(--borders-style-2);
1534
+ --listSelect-base-active-right-border-color: var(--colors-brand-5);
1535
+ --listSelect-base-active-right-border-width: var(--borders-width-2);
1536
+ --listSelect-base-active-right-border-style: var(--borders-style-2);
1537
+ --listSelect-base-active-bottom-border-color: var(--colors-brand-5);
1538
+ --listSelect-base-active-bottom-border-width: var(--borders-width-2);
1539
+ --listSelect-base-active-bottom-border-style: var(--borders-style-2);
1540
+ --listSelect-base-active-left-border-color: var(--colors-brand-5);
1541
+ --listSelect-base-active-left-border-width: var(--borders-width-2);
1542
+ --listSelect-base-active-left-border-style: var(--borders-style-2);
1543
+ --listSelect-base-active-top-right-border-radius: var(--borders-radius-3);
1544
+ --listSelect-base-active-top-left-border-radius: var(--borders-radius-3);
1545
+ --listSelect-base-active-bottom-right-border-radius: var(--borders-radius-3);
1546
+ --listSelect-base-active-bottom-left-border-radius: var(--borders-radius-3);
1547
+ --listSelect-base-active-paddingTop: var(--sizes-size-3);
1548
+ --listSelect-base-active-paddingBottom: var(--sizes-size-3);
1549
+ --listSelect-base-active-paddingLeft: var(--sizes-size-7);
1550
+ --listSelect-base-active-paddingRight: var(--sizes-size-7);
1551
+ --listSelect-base-active-shadow: var(--Form-input-boxShadow);
1552
+ --listSelect-base-active-color: var(--colors-brand-5);
1553
+ --listSelect-base-active-bg-color: transparent;
1554
+ --listSelect-base-disabled-top-border-color: var(--colors-neutral-line-8);
1555
+ --listSelect-base-disabled-top-border-width: var(--borders-width-2);
1556
+ --listSelect-base-disabled-top-border-style: var(--borders-style-2);
1557
+ --listSelect-base-disabled-right-border-color: var(--colors-neutral-line-8);
1558
+ --listSelect-base-disabled-right-border-width: var(--borders-width-2);
1559
+ --listSelect-base-disabled-right-border-style: var(--borders-style-2);
1560
+ --listSelect-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
1561
+ --listSelect-base-disabled-bottom-border-width: var(--borders-width-2);
1562
+ --listSelect-base-disabled-bottom-border-style: var(--borders-style-2);
1563
+ --listSelect-base-disabled-left-border-color: var(--colors-neutral-line-8);
1564
+ --listSelect-base-disabled-left-border-width: var(--borders-width-2);
1565
+ --listSelect-base-disabled-left-border-style: var(--borders-style-2);
1566
+ --listSelect-base-disabled-top-right-border-radius: var(--borders-radius-3);
1567
+ --listSelect-base-disabled-top-left-border-radius: var(--borders-radius-3);
1568
+ --listSelect-base-disabled-bottom-right-border-radius: var(
1569
+ --borders-radius-3
1570
+ );
1571
+ --listSelect-base-disabled-bottom-left-border-radius: var(--borders-radius-3);
1572
+ --listSelect-base-disabled-paddingTop: var(--sizes-size-3);
1573
+ --listSelect-base-disabled-paddingBottom: var(--sizes-size-3);
1574
+ --listSelect-base-disabled-paddingLeft: var(--sizes-size-7);
1575
+ --listSelect-base-disabled-paddingRight: var(--sizes-size-7);
1576
+ --listSelect-base-disabled-color: var(--colors-neutral-text-6);
1577
+ --listSelect-base-disabled-bg-color: var(--colors-neutral-fill-10);
1578
+ --listSelect-base-image-width: var(--sizes-size-1);
1579
+ --ListControl-item-onHover-color: var(--listSelect-base-hover-color);
1580
+ --ListControl-item-onHover-borderColor: var(
1581
+ --listSelect-base-hover-top-border-color
1582
+ );
1583
+ --ListControl-item-onActive-color: var(--listSelect-base-active-color);
1584
+ --ListControl-item-onActive-onHover-bg: var(--colors-neutral-fill-11);
1585
+ --ListControl-item-onActive-color: var(
1586
+ --listSelect-base-active-top-border-color
1587
+ );
1588
+ --ListControl-item-onActive-before-bg: var(--colors-brand-4);
1589
+ --ListControl-item-color: var(--listSelect-base-default-color);
1590
+ --ListControl-item-onDisabled-color: var(--listSelect-base-disabled-color);
1591
+ --ListControl-item-paddingX: var(--listSelect-base-default-paddingLeft);
1592
+ --ListControl-item-paddingY: var(--listSelect-base-default-paddingTop);
1593
+
1594
+ // 链接
1595
+
1596
+ --link-onClick-color: var(--colors-link-4);
1597
+ --link-onClick-fontSize: var(--fonts-size-7);
1598
+ --link-onClick-font-style: none;
1599
+ --link-onClick-fontWeight: var(--fonts-weight-6);
1600
+ --link-onClick-text-decoration: none;
1601
+ --link-onClick-bg-color: transparent;
1602
+ --link-onHover-color: var(--colors-link-6);
1603
+ --link-onHover-fontSize: var(--fonts-size-7);
1604
+ --link-onHover-font-style: none;
1605
+ --link-onHover-fontWeight: var(--fonts-weight-6);
1606
+ --link-onHover-text-decoration: none;
1607
+ --link-onHover-bg-color: transparent;
1608
+ --link-color: var(--colors-link-5);
1609
+ --link-fontSize: var(--fonts-size-7);
1610
+ --link-font-style: none;
1611
+ --link-fontWeight: var(--fonts-weight-6);
1612
+ --link-text-decoration: none;
1613
+ --link-bg-color: transparent;
1614
+ --link-disabled-color: var(--colors-neutral-text-6);
1615
+ --link-disabled-fontSize: var(--fonts-size-7);
1616
+ --link-disabled-font-style: none;
1617
+ --link-disabled-fontWeight: var(--fonts-weight-6);
1618
+ --link-disabled-text-decoration: none;
1619
+ --link-disabled-bg-color: transparent;
1620
+ --link-icon-size: var(--sizes-size-8);
1621
+ --link-icon-margin: var(--sizes-size-3);
1622
+ --link-decoration: var(--link-text-decoration); // 原变量
1623
+ --link-onHover-decoration: var(--link-onClick-text-decoration);
1624
+
1625
+ // 表单
1626
+ --Form-item-gap: var(--sizes-base-12);
1627
+ --Form-item-color: var(--colors-neutral-text-4);
1628
+ --Form-item-fontColor: var(--Form-item-color);
1629
+ --Form-item-fontSize: var(--fonts-size-7);
1630
+ --Form-item-fontWeight: var(--fonts-weight-6);
1631
+ --Form-item-lineHeight: var(--fonts-lineHeight-2);
1632
+ --Form-item-star-color: var(--colors-error-5);
1633
+ --Form-item-star-size: var(--sizes-size-7);
1634
+ --Form-description-color: var(--colors-neutral-text-5);
1635
+ --Form-description-fontSize: var(--fonts-size-8);
1636
+ --Form-description-fontWeight: var(--fonts-weight-6);
1637
+ --Form-description-lineHeight: var(--fonts-lineHeight-2);
1638
+ --Form-description-gap: var(--sizes-size-3);
1639
+ --Form-item-onError-color: var(--colors-brand-5);
1640
+ --Form-item-onError-borderColor: var(--colors-error-5);
1641
+ --Form-item-onError-bg: var(--colors-neutral-fill-11);
1642
+ --Form-feedBack-color: var(--colors-error-5);
1643
+ --Form-feedBack-fontSize: var(--fonts-size-8);
1644
+ --Form-feedBack-fontWeight: var(--fonts-weight-6);
1645
+ --Form-feedBack-lineHeight: var(--fonts-lineHeight-2);
1646
+ --Form-feedBack-gap: var(--sizes-size-3);
1647
+ --Form-mode-default-labelGap: var(--sizes-size-5);
1648
+ --Form-mode-default-width: 100%;
1649
+ --Form--horizontal-label-gap: var(--sizes-base-8);
1650
+ --Form--horizontal-label-widthBase: var(--sizes-base-49);
1651
+ --Form--horizontal-label-widthXs: var(--sizes-base-25);
1652
+ --Form--horizontal-label-widthSm: var(--sizes-base-35);
1653
+ --Form--horizontal-label-widthMd: 8.5rem;
1654
+ --Form--horizontal-label-widthLg: 12.5rem;
1655
+ --Form--horizontal-value-marginTop: var(--sizes-size-0);
1656
+ --Form--horizontal-value-marginBottom: var(--sizes-size-0);
1657
+ --Form--horizontal-value-marginLeft: var(--sizes-size-5);
1658
+ --Form--horizontal-value-marginRight: var(--sizes-size-0);
1659
+ --Form--horizontal-value-maxWidth: 100%;
1660
+ --Form--horizontal-value-minWidth: var(--sizes-size-0);
1661
+ --Form--horizontal-value-minWidth: var(--sizes-size-0);
1662
+ --Form-mode-inline-item-gap: var(--sizes-base-8);
1663
+ --Form-mode-inline-label-gap: var(--sizes-base-8);
1664
+
1665
+ // 滑块
1666
+ --InputRange-track-bg: var(--colors-neutral-fill-8);
1667
+ --InputRange-track-height: var(--sizes-size-4);
1668
+ --InputRange-track-border-radius: var(--sizes-size-3);
1669
+ --InputRange-track-onActive-bg: var(--colors-brand-5);
1670
+ --InputRange-handle-height: var(--sizes-size-9);
1671
+ --InputRange-handle-width: var(--sizes-size-9);
1672
+ --InputRange-handle-bg: var(--colors-neutral-fill-11);
1673
+ --InputRange-handle-top-border-color: var(--colors-brand-5);
1674
+ --InputRange-handle-top-border-width: 0.0625rem;
1675
+ --InputRange-handle-top-border-style: var(--borders-style-2);
1676
+ --InputRange-handle-top-right-border-radius: var(--borders-radius-7);
1677
+ --InputRange-handle-border: var(--InputRange-handle-top-border-width)
1678
+ var(--InputRange-handle-top-border-style)
1679
+ var(--InputRange-handle-top-border-color);
1680
+ --InputRange-handle-border-radius: var(
1681
+ --InputRange-handle-top-right-border-radius
1682
+ );
1683
+ --InputRange-handle-onActive-transform: scale(1.3);
1684
+ --InputRange-handle-onDrage-border-width: #{px2rem(2px)};
1685
+ --InputRange-handle-onFocus-borderRadius: var(
1686
+ --InputRange-handle-border-radius
1687
+ );
1688
+ --InputRange-padding: #{px2rem(20px)};
1689
+ --InputRange-handle-icon-width: var(--sizes-size-5);
1690
+ --InputRange-handle-icon-height: var(--sizes-size-5);
1691
+ --InputRange-handle-icon-color: var(--colors-brand-9);
1692
+ --InputRange-track-onActive-onDisabled-bg: var(--colors-neutral-fill-6);
1693
+ --InputRange-handle-onDisabled-border-color: var(--colors-neutral-fill-7);
1694
+ --InputRange-handle-onDisabled-bg: var(--colors-neutral-fill-11);
1695
+ --InputRange-handle-icon-onDisabled-color: var(--colors-neutral-fill-7);
1696
+ --InputRange-track-transition: left var(--animation-duration) ease-out,
1697
+ width var(--animation-duration) ease-out;
1698
+ --InputRange-handle-transition: transform var(--animation-duration) ease-out;
1699
+ --InputRange-track-dot-height: var(--sizes-size-4);
1700
+ --InputRange-track-dot-width: var(--sizes-size-4);
1701
+ --InputRange-track-dot-bg: var(--colors-neutral-fill-11);
1702
+ --InputRange-marks-color: var(--colors-neutral-text-2);
1703
+ --InputRange-marks-fontSize: var(--fonts-size-7);
1704
+ --InputRange-marks-fontWeight: var(--fonts-weight-6);
1705
+ --InputRange-marks-lineHeight: var(--fonts-lineHeight-2);
1706
+ --InputRange-marks-marginTop: var(--sizes-size-0);
1707
+ --InputRange-label-color: var(--colors-neutral-fill-11);
1708
+ --InputRange-label-fontSize: var(--fonts-size-7);
1709
+ --InputRange-label-font-size: var(--InputRange-label-fontSize);
1710
+ --InputRange-label-fontWeight: var(--fonts-weight-6);
1711
+ --InputRange-label-lineHeight: var(--fonts-lineHeight-2);
1712
+ --InputRange-label-paddingTop: var(--sizes-size-5);
1713
+ --InputRange-label-paddingBottom: var(--sizes-size-5);
1714
+ --InputRange-label-paddingLeft: var(--sizes-size-5);
1715
+ --InputRange-label-paddingRight: var(--sizes-size-5);
1716
+ --InputRange-label-bg: var(--colors-neutral-fill-1);
1717
+ --InputRange-label-top-right-border-radius: var(--borders-radius-3);
1718
+ --InputRange-label-padding: var(--InputRange-label-paddingTop)
1719
+ var(--InputRange-label-paddingRight) var(--InputRange-label-paddingBottom)
1720
+ var(--InputRange-label-paddingLeft);
1721
+ --InputRange-label-border-radius: var(
1722
+ --InputRange-label-top-right-border-radius
1723
+ );
1724
+ --InputRange-label-position-bottom: calc(100% + 8px);
1725
+ --InputRange-input-width: var(--sizes-base-40);
1726
+ --InputRange-input-marginTop: var(--sizes-size-0);
1727
+ --InputRange-input-marginBottom: var(--sizes-size-0);
1728
+ --InputRange-input-marginLeft: var(--sizes-size-5);
1729
+ --InputRange-input-marginRight: var(--sizes-size-5);
1730
+ --InputRange-clearIcon-height: var(--sizes-size-7);
1731
+ --InputRange-clearIcon-width: var(--sizes-size-7);
1732
+ --InputRange-clearIcon-color: var(--colors-neutral-text-4);
1733
+ --InputRange-clearIcon-hoverColor: var(--colors-brand-5);
1734
+
1735
+ // 评分
1736
+ --Rating-star-margin: var(--sizes-size-5);
1737
+ --Rating-star-size: var(--sizes-base-12);
1738
+ --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>';
1739
+ --Rating-colors: '[{"value":"#abadb1","id":2},{"value":"#787b81","id":3},{"value":"#ffa900","id":5}]';
1740
+ --Rating-text-color: var(--colors-neutral-text-2);
1741
+ --Rating-text-fontSize: var(--fonts-size-7);
1742
+ --Rating-text-fontWeight: var(--fonts-weight-6);
1743
+ --Rating-text-lineHeight: var(--fonts-lineHeight-2);
1744
+ --Rating-inactive-color: var(--colors-neutral-text-9);
1745
+ --radio-default-default-color: var(--colors-neutral-text-8);
1746
+ --radio-default-default-text-color: var(--colors-neutral-text-1);
1747
+ --radio-default-default-bg-color: transparent;
1748
+ --radio-default-default-fontSize: var(--fonts-size-7);
1749
+ --radio-default-default-fontWeight: var(--fonts-weight-6);
1750
+ --radio-default-default-lineHeight: var(--fonts-lineHeight-2);
1751
+ --radio-default-default-point-size: var(--sizes-size-9);
1752
+ --radio-default-default-point-inner-size: var(--sizes-size-5);
1753
+ --radio-default-default-marginTop: var(--sizes-size-0);
1754
+ --radio-default-default-marginBottom: var(--sizes-size-4);
1755
+ --radio-default-default-marginLeft: var(--sizes-size-0);
1756
+ --radio-default-default-marginRight: var(--sizes-size-9);
1757
+ --radio-default-default-distance: var(--sizes-size-5);
1758
+ --radio-default-hover-color: var(--colors-brand-5);
1759
+ --radio-default-hover-text-color: var(--colors-neutral-text-1);
1760
+ --radio-default-hover-bg-color: transparent;
1761
+ --radio-default-active-color: var(--colors-brand-5);
1762
+ --radio-default-active-text-color: var(--colors-neutral-text-1);
1763
+ --radio-default-active-bg-color: transparent;
1764
+ --radio-default-disabled-color: var(--colors-neutral-text-6);
1765
+ --radio-default-disabled-text-color: var(--colors-neutral-text-6);
1766
+ --radio-default-disabled-bg-color: var(--colors-neutral-fill-8);
1767
+ --radio-default-vertical-marginTop: var(--sizes-size-0);
1768
+ --radio-default-vertical-marginBottom: var(--sizes-size-4);
1769
+ --radio-default-vertical-marginLeft: var(--sizes-size-0);
1770
+ --radio-default-vertical-marginRight: var(--sizes-size-5);
1771
+ --Radio--sm-size: var(--Checkbox--sm-size);
1772
+ --Radio-color: var(--radio-default-default-color);
1773
+ --Radio-inner-size: var(--radio-default-default-point-inner-size);
1774
+ --Radio-onHover-color: var(--radio-default-active-color);
1775
+ --Radio-size: var(--radio-default-default-point-size);
1776
+ --Radio-onDisabled-bg: var(--radio-default-disabled-bg-color);
1777
+ --Radio-onDisabled-color: var(--radio-default-disabled-color);
1778
+ --Radio-onFocus-boxShadow: none;
1779
+
1780
+ --switch-default-off-bg-color: var(--colors-neutral-fill-7);
1781
+ --switch-default-off-hover-bg-color: var(--colors-neutral-fill-6);
1782
+ --switch-default-off-slider-color: var(--colors-neutral-fill-11);
1783
+ --switch-default-on-bg-color: var(--colors-brand-5);
1784
+ --switch-default-on-hover-bg-color: var(--colors-brand-4);
1785
+ --switch-default-on-slider-color: var(--colors-neutral-fill-11);
1786
+ --switch-option-fontSize: var(--fonts-size-7);
1787
+ --switch-option-fontWeight: var(--fonts-weight-6);
1788
+ --switch-option-lineHeight: var(--fonts-lineHeight-2);
1789
+ --switch-option-color: var(--colors-neutral-text-1);
1790
+ --switch-option-marginTop: var(--sizes-size-0);
1791
+ --switch-option-marginBottom: var(--sizes-size-0);
1792
+ --switch-option-marginLeft: var(--sizes-size-5);
1793
+ --switch-option-marginRight: var(--sizes-size-0);
1794
+ --switch-text-off-fontSize: var(--fonts-size-8);
1795
+ --switch-text-off-fontWeight: var(--fonts-weight-3);
1796
+ --switch-text-off-color: var(--colors-neutral-text-11);
1797
+ --switch-text-off-marginTop: var(--sizes-size-0);
1798
+ --switch-text-off-marginBottom: var(--sizes-size-0);
1799
+ --switch-text-off-marginLeft: var(--sizes-base-12);
1800
+ --switch-text-off-marginRight: var(--sizes-size-5);
1801
+ --switch-text-on-fontSize: var(--fonts-size-8);
1802
+ --switch-text-on-fontWeight: var(--fonts-weight-3);
1803
+ --switch-text-on-color: var(--colors-neutral-text-11);
1804
+ --switch-text-on-marginTop: var(--sizes-size-0);
1805
+ --switch-text-on-marginBottom: var(--sizes-size-0);
1806
+ --switch-text-on-marginLeft: var(--sizes-base-4);
1807
+ --switch-text-on-marginRight: var(--sizes-base-12);
1808
+ --switch-size-default-height: var(--sizes-base-10);
1809
+ --switch-size-default-minWidth: var(--sizes-base-22);
1810
+ --switch-size-default-slider-width: var(--sizes-size-9);
1811
+ --switch-size-default-slider-margin: var(--sizes-size-2);
1812
+ --switch-size-default-top-right-border-radius: var(--sizes-base-15);
1813
+ --switch-size-default-top-left-border-radius: var(--sizes-base-15);
1814
+ --switch-size-default-bottom-right-border-radius: var(--sizes-base-15);
1815
+ --switch-size-default-bottom-left-border-radius: var(--sizes-base-15);
1816
+ --switch-size-sm-height: var(--sizes-size-9);
1817
+ --switch-size-sm-minWidth: var(--sizes-base-14);
1818
+ --switch-size-sm-slider-width: var(--sizes-size-7);
1819
+ --switch-size-sm-slider-margin: var(--sizes-size-2);
1820
+ --switch-size-sm-top-right-border-radius: var(--sizes-base-15);
1821
+ --switch-size-sm-top-left-border-radius: var(--sizes-base-15);
1822
+ --switch-size-sm-bottom-right-border-radius: var(--sizes-base-15);
1823
+ --switch-size-sm-bottom-left-border-radius: var(--sizes-base-15);
1824
+ --Switch-bgColor: var(--switch-default-off-bg-color);
1825
+ --Switch-borderColor: var(--colors-neutral-line-6);
1826
+ --Switch-gap: var(--switch-option-marginLeft);
1827
+ --Switch-height: var(--switch-size-default-height);
1828
+ --Switch-onActive-bgColor: var(--switch-default-on-bg-color);
1829
+ --Switch-onDisabled-bgColor: var(--colors-brand-9);
1830
+ --Switch-onDisabled-circle-BackgroundColor: var(--colors-neutral-fill-11);
1831
+ --Switch-onDisabled-color: var(--colors-neutral-text-11);
1832
+ --Switch-onHover-bgColor: var(--switch-default-off-hover-bg-color);
1833
+ --Switch-valueColor: var(--switch-text-off-color);
1834
+ --Switch-width: var(--switch-size-default-minWidth);
1835
+ --Switch-slider-margin: var(--switch-size-default-slider-margin);
1836
+ --Switch-slider-width: var(--switch-size-default-slider-width);
1837
+ --Switch-slider-transition: all 0.5s ease;
1838
+ --Switch-text-marginRight: var(--switch-text-off-marginRight);
1839
+ --Switch-text-marginLeft: var(--switch-text-off-marginLeft);
1840
+ --Switch-width--sm: var(--switch-size-sm-minWidth);
1841
+ --Switch-height--sm: var(--switch-size-sm-height);
1842
+ --Switch-slider-width--sm: var(--switch-size-sm-slider-width);
1843
+ --Switch-text-marginRight--sm: var(--switch-text-off-marginRight);
1844
+ --Switch-text-marginLeft--sm: var(--switch-text-off-marginLeft);
1845
+ --Switch-checked-bgColor: var(--switch-default-on-bg-color);
1846
+ --Switch-checked-onHover-bgColor: var(--switch-default-on-hover-bg-color);
1847
+ --Switch-checked-onActive-bgColor: var(--colors-brand-4);
1848
+
1849
+ --collapse-default-top-border-color: var(--colors-neutral-line-8);
1850
+ --collapse-default-top-border-width: var(--borders-width-2);
1851
+ --collapse-default-top-border-style: var(--borders-style-2);
1852
+ --collapse-default-right-border-color: var(--colors-neutral-line-8);
1853
+ --collapse-default-right-border-width: var(--borders-width-2);
1854
+ --collapse-default-right-border-style: var(--borders-style-2);
1855
+ --collapse-default-bottom-border-color: var(--colors-neutral-line-8);
1856
+ --collapse-default-bottom-border-width: var(--borders-width-2);
1857
+ --collapse-default-bottom-border-style: var(--borders-style-2);
1858
+ --collapse-default-left-border-color: var(--colors-neutral-line-8);
1859
+ --collapse-default-left-border-width: var(--borders-width-2);
1860
+ --collapse-default-left-border-style: var(--borders-style-2);
1861
+ --collapse-default-top-right-border-radius: var(--borders-radius-3);
1862
+ --collapse-default-top-left-border-radius: var(--borders-radius-3);
1863
+ --collapse-default-bottom-right-border-radius: var(--borders-radius-3);
1864
+ --collapse-default-bottom-left-border-radius: var(--borders-radius-3);
1865
+ --collapse-default-header-paddingTop: var(--sizes-size-9);
1866
+ --collapse-default-header-paddingBottom: var(--sizes-size-9);
1867
+ --collapse-default-header-paddingLeft: var(--sizes-size-9);
1868
+ --collapse-default-header-paddingRight: var(--sizes-size-9);
1869
+ --collapse-default-header-color: var(--colors-neutral-text-2);
1870
+ --collapse-default-header-fontSize: var(--fonts-size-7);
1871
+ --collapse-default-header-fontWeight: var(--fonts-weight-6);
1872
+ --collapse-default-header-lineHeight: var(--fonts-lineHeight-2);
1873
+ --collapse-default-header-bg-color: var(--colors-neutral-fill-10);
1874
+ --collapse-default-header-hover-bg-color: var(--colors-neutral-fill-9);
1875
+ --collapse-default-header-hover-color: var(--colors-neutral-text-2);
1876
+ --collapse-default-disabled-header-bg-color: var(--colors-neutral-fill-10);
1877
+ --collapse-default-disabled-color: var(--colors-neutral-text-6);
1878
+ --collapse-default-content-paddingTop: var(--sizes-size-9);
1879
+ --collapse-default-content-paddingBottom: var(--sizes-size-9);
1880
+ --collapse-default-content-paddingLeft: var(--sizes-size-9);
1881
+ --collapse-default-content-paddingRight: var(--sizes-size-9);
1882
+ --collapse-default-content-color: var(--colors-neutral-text-2);
1883
+ --collapse-default-content-fontSize: var(--fonts-size-8);
1884
+ --collapse-default-content-fontWeight: var(--fonts-weight-6);
1885
+ --collapse-default-content-lineHeight: var(--fonts-lineHeight-2);
1886
+ --collapse-default-bg-color: transparent;
1887
+ --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>';
1888
+ --collapse-icon-size: var(--sizes-size-6);
1889
+ --collapse-icon-color: var(--colors-neutral-text-5);
1890
+ --collapse-icon-margin: var(--sizes-size-5);
1891
+ --collapse-icon-rotate: 90deg;
1892
+ --Collapse-header-fontSize: var(--collapse-default-header-fontSize);
1893
+ --Collapse-header-fontWeight: var(--collapse-default-header-fontWeight);
1894
+ --Collapse-header-padding: var(--collapse-default-header-paddingTop)
1895
+ var(--collapse-default-header-paddingRight)
1896
+ var(--collapse-default-header-paddingBottom)
1897
+ var(--collapse-default-header-paddingLeft);
1898
+ --Collapse-header-bg: var(--collapse-default-header-bg-color);
1899
+ --Collapse-header-onHover-bg: var(--collapse-default-header-hover-bg-color);
1900
+ --Collapse-header-collapsed-borderTop: none;
1901
+ --Collapse-header-collapsed-borderBottom: none;
1902
+ --Collapse-header-wrapper-direction: row-reverse;
1903
+ --Collapse-header-bg-disabled-color: var(
1904
+ --collapse-disabled-header-hover-bg-color
1905
+ );
1906
+ --Collapse-content-padding: var(--collapse-default-content-paddingTop)
1907
+ var(--collapse-default-content-paddingRight)
1908
+ var(--collapse-default-content-paddingBottom)
1909
+ var(--collapse-default-content-paddingLeft);
1910
+ --Collapse-content-color: var(--collapse-default-content-color);
1911
+ --Collapse-content-fontSize: var(--collapse-default-content-fontSize);
1912
+ --Collapse-content-fontWeight: var(--collapse-default-content-fontWeight);
1913
+
1914
+ // 选项卡
1915
+ --Tabs-borderColor: var(--colors-neutral-line-8);
1916
+ --Tabs-link-disabled-color: var(--colors-neutral-text-6);
1917
+ --Tabs--sidebar-iconColor: var(--colors-brand-5);
1918
+ --Tabs-borderRadius: var(--borderRadius);
1919
+ --Tabs-borderWidth: var(--borderWidth);
1920
+ --Tabs-borderColor: var(--colors-neutral-line-8);
1921
+ --Tabs-color: var(--text-color);
1922
+ --Tabs-content-bg: var(--background);
1923
+ --Tabs-linkFontSize: var(--fonts-size-7);
1924
+ --Tabs-linkMargin: 0 #{px2rem(3px)} 0 0;
1925
+ --Tabs-linkPadding: var(--gap-sm) var(--gap-base);
1926
+ --Tabs-onActive-bg: var(--background);
1927
+ --Tabs-onActive-borderColor: var(--borderColor);
1928
+ --Tabs-onActive-color: var(--colors-neutral-text-2);
1929
+ --Tabs-onDisabled-color: var(--colors-neutral-text-7);
1930
+ --Tabs-onHover-borderColor: var(--colors-neutral-line-8);
1931
+ --Tabs-add-icon-size: #{px2rem(15px)};
1932
+ --Tabs-add-icon-padding: #{px2rem(1px)};
1933
+ --Tabs-add-icon-margin: var(--gap-xs);
1934
+ --Tabs-add-margin: var(--gap-lg);
1935
+ --Tabs-gray-color: #83868c;
1936
+ --Tabs-close-margin: #{var(--gap-xs)};
1937
+ --Tabs-close-marginTop: #{px2rem(1px)};
1938
+ --Tabs-close-size: #{px2rem(12px)};
1939
+ --Tabs-link-maxWidth: #{px2rem(160px)};
1940
+ --Tabs-icon-gap: var(--gap-sm);
1941
+ --Tabs-animation-duration: var(--animation-duration);
1942
+ // 简约
1943
+ --Tabs--simple-paddingTop: var(--sizes-size-3);
1944
+ --Tabs--simple-paddingBottom: var(--sizes-size-3);
1945
+ --Tabs--simple-paddingLeft: var(--sizes-size-9);
1946
+ --Tabs--simple-paddingRight: var(--sizes-size-9);
1947
+ --Tabs--simple-split-size: var(--Tabs--simple-paddingTop)
1948
+ var(--Tabs--simple-paddingRight) var(--Tabs--simple-paddingBottom)
1949
+ var(--Tabs--simple-paddingLeft);
1950
+ --Tabs--simple-split-width: var(--borders-width-2);
1951
+ --Tabs--simple-split-style: var(--borders-style-2);
1952
+ --Tabs--simple-split-color: var(--colors-neutral-line-8);
1953
+ --Tabs--simple-color: var(--colors-neutral-text-2);
1954
+ --Tabs--simple-fontSize: var(--fonts-size-7);
1955
+ --Tabs--simple-fontWeight: var(--fonts-weight-6);
1956
+ --Tabs--simple-lineHeight: var(--fonts-lineHeight-2);
1957
+ --Tabs--simple-active-color: var(--colors-brand-5);
1958
+ --Tabs--simple-active-fontSize: var(--fonts-size-7);
1959
+ --Tabs--simple-active-fontWeight: var(--fonts-weight-6);
1960
+ --Tabs--simple-active-lineHeight: var(--fonts-lineHeight-2);
1961
+ --Tabs--simple-hover-color: var(--colors-brand-5);
1962
+ --Tabs--simple-hover-fontSize: var(--fonts-size-7);
1963
+ --Tabs--simple-hover-fontWeight: var(--fonts-weight-6);
1964
+ --Tabs--simple-hover-lineHeight: var(--fonts-lineHeight-2);
1965
+ --Tabs--simple-disabled-color: var(--colors-neutral-text-6);
1966
+ --Tabs--simple-disabled-fontSize: var(--fonts-size-7);
1967
+ --Tabs--simple-disabled-fontWeight: var(--fonts-weight-6);
1968
+ --Tabs--simple-disabled-lineHeight: var(--fonts-lineHeight-2);
1969
+ // 加强
1970
+ --Tabs--strong-paddingTop: var(--sizes-size-5);
1971
+ --Tabs--strong-paddingBottom: var(--sizes-size-5);
1972
+ --Tabs--strong-paddingLeft: var(--sizes-size-9);
1973
+ --Tabs--strong-paddingRight: var(--sizes-size-9);
1974
+ --Tabs--strong-marginTop: var(--sizes-size-0);
1975
+ --Tabs--strong-marginBottom: var(--sizes-size-0);
1976
+ --Tabs--strong-marginLeft: var(--sizes-size-0);
1977
+ --Tabs--strong-marginRight: var(--sizes-size-5);
1978
+ --Tabs--strong-bg: var(--colors-neutral-fill-11);
1979
+ --Tabs--strong-top-border-color: var(--colors-neutral-text-8);
1980
+ --Tabs--strong-top-border-width: var(--borders-width-2);
1981
+ --Tabs--strong-top-border-style: var(--borders-style-2);
1982
+ --Tabs--strong-right-border-color: var(--colors-neutral-text-8);
1983
+ --Tabs--strong-right-border-width: var(--borders-width-2);
1984
+ --Tabs--strong-right-border-style: var(--borders-style-2);
1985
+ --Tabs--strong-bottom-border-color: var(--colors-neutral-text-8);
1986
+ --Tabs--strong-bottom-border-width: var(--borders-width-2);
1987
+ --Tabs--strong-bottom-border-style: var(--borders-style-2);
1988
+ --Tabs--strong-left-border-color: var(--colors-neutral-text-8);
1989
+ --Tabs--strong-left-border-width: var(--borders-width-2);
1990
+ --Tabs--strong-left-border-style: var(--borders-style-2);
1991
+ --Tabs--strong-top-right-border-radius: var(--borders-radius-3);
1992
+ --Tabs--strong-top-left-border-radius: var(--borders-radius-3);
1993
+ --Tabs--strong-bottom-right-border-radius: var(--borders-radius-1);
1994
+ --Tabs--strong-bottom-left-border-radius: var(--borders-radius-1);
1995
+ --Tabs--strong-color: var(--colors-neutral-text-2);
1996
+ --Tabs--strong-fontSize: var(--fonts-size-7);
1997
+ --Tabs--strong-fontWeight: var(--fonts-weight-6);
1998
+ --Tabs--strong-lineHeight: var(--fonts-lineHeight-2);
1999
+ --Tabs--strong-active-bg: var(--colors-neutral-fill-11);
2000
+ --Tabs--strong-active-top-border-color: var(--colors-neutral-text-8);
2001
+ --Tabs--strong-active-top-border-width: var(--borders-width-2);
2002
+ --Tabs--strong-active-top-border-style: var(--borders-style-2);
2003
+ --Tabs--strong-active-right-border-color: var(--colors-neutral-text-8);
2004
+ --Tabs--strong-active-right-border-width: var(--borders-width-2);
2005
+ --Tabs--strong-active-right-border-style: var(--borders-style-2);
2006
+ --Tabs--strong-active-bottom-border-color: transparent;
2007
+ --Tabs--strong-active-bottom-border-width: var(--borders-width-2);
2008
+ --Tabs--strong-active-bottom-border-style: var(--borders-style-2);
2009
+ --Tabs--strong-active-left-border-color: var(--colors-neutral-text-8);
2010
+ --Tabs--strong-active-left-border-width: var(--borders-width-2);
2011
+ --Tabs--strong-active-left-border-style: var(--borders-style-2);
2012
+ --Tabs--strong-active-color: var(--colors-brand-5);
2013
+ --Tabs--strong-active-fontSize: var(--fonts-size-7);
2014
+ --Tabs--strong-active-fontWeight: var(--fonts-weight-6);
2015
+ --Tabs--strong-active-lineHeight: var(--fonts-lineHeight-2);
2016
+ --Tabs--strong-hover-bg: var(--colors-neutral-fill-11);
2017
+ --Tabs--strong-hover-top-border-color: var(--colors-neutral-text-8);
2018
+ --Tabs--strong-hover-top-border-width: var(--borders-width-2);
2019
+ --Tabs--strong-hover-top-border-style: var(--borders-style-2);
2020
+ --Tabs--strong-hover-right-border-color: var(--colors-neutral-text-8);
2021
+ --Tabs--strong-hover-right-border-width: var(--borders-width-2);
2022
+ --Tabs--strong-hover-right-border-style: var(--borders-style-2);
2023
+ --Tabs--strong-hover-bottom-border-color: var(--colors-neutral-text-8);
2024
+ --Tabs--strong-hover-bottom-border-width: var(--borders-width-2);
2025
+ --Tabs--strong-hover-bottom-border-style: var(--borders-style-2);
2026
+ --Tabs--strong-hover-left-border-color: var(--colors-neutral-text-8);
2027
+ --Tabs--strong-hover-left-border-width: var(--borders-width-2);
2028
+ --Tabs--strong-hover-left-border-style: var(--borders-style-2);
2029
+ --Tabs--strong-hover-color: var(--colors-brand-5);
2030
+ --Tabs--strong-hover-fontSize: var(--fonts-size-7);
2031
+ --Tabs--strong-hover-fontWeight: var(--fonts-weight-6);
2032
+ --Tabs--strong-hover-lineHeight: var(--fonts-lineHeight-2);
2033
+ --Tabs--strong-disabled-bg: var(--colors-neutral-fill-11);
2034
+ --Tabs--strong-disabled-top-border-color: var(--colors-neutral-text-8);
2035
+ --Tabs--strong-disabled-top-border-width: var(--borders-width-2);
2036
+ --Tabs--strong-disabled-top-border-style: var(--borders-style-2);
2037
+ --Tabs--strong-disabled-right-border-color: var(--colors-neutral-text-8);
2038
+ --Tabs--strong-disabled-right-border-width: var(--borders-width-2);
2039
+ --Tabs--strong-disabled-right-border-style: var(--borders-style-2);
2040
+ --Tabs--strong-disabled-bottom-border-color: var(--colors-neutral-text-8);
2041
+ --Tabs--strong-disabled-bottom-border-width: var(--borders-width-2);
2042
+ --Tabs--strong-disabled-bottom-border-style: var(--borders-style-2);
2043
+ --Tabs--strong-disabled-left-border-color: var(--colors-neutral-text-8);
2044
+ --Tabs--strong-disabled-left-border-width: var(--borders-width-2);
2045
+ --Tabs--strong-disabled-left-border-style: var(--borders-style-2);
2046
+ --Tabs--strong-disabled-color: var(--colors-neutral-text-6);
2047
+ --Tabs--strong-disabled-fontSize: var(--fonts-size-7);
2048
+ --Tabs--strong-disabled-fontWeight: var(--fonts-weight-6);
2049
+ --Tabs--strong-disabled-lineHeight: var(--fonts-lineHeight-2);
2050
+ --Tabs--strong-add-size: #{px2rem(32px)};
2051
+ --Tabs--strong-arrow-size: #{px2rem(24px)};
2052
+ // 线型
2053
+ --Tabs--line-padding: var(--sizes-base-16);
2054
+ --Tabs--line-border-color: var(--colors-neutral-text-8);
2055
+ --Tabs--line-border-width: var(--borders-width-2);
2056
+ --Tabs--line-border-style: var(--borders-style-2);
2057
+ --Tabs--line-color: var(--colors-neutral-text-2);
2058
+ --Tabs--line-fontSize: var(--fonts-size-7);
2059
+ --Tabs--line-fontWeight: var(--fonts-weight-6);
2060
+ --Tabs--line-lineHeight: var(--fonts-lineHeight-2);
2061
+ --Tabs--line-active-color: var(--colors-brand-5);
2062
+ --Tabs--line-active-fontSize: var(--fonts-size-7);
2063
+ --Tabs--line-active-fontWeight: var(--fonts-weight-6);
2064
+ --Tabs--line-active-lineHeight: var(--fonts-lineHeight-2);
2065
+ --Tabs--line-active-border-color: var(--colors-brand-5);
2066
+ --Tabs--line-active-border-width: var(--borders-width-3);
2067
+ --Tabs--line-active-border-style: var(--borders-style-2);
2068
+ --Tabs--line-onHover-borderColor: var(--Tabs--line-active-border-color);
2069
+ --Tabs--line-hover-color: var(--colors-brand-5);
2070
+ --Tabs--line-hover-fontSize: var(--fonts-size-7);
2071
+ --Tabs--line-hover-fontWeight: var(--fonts-weight-6);
2072
+ --Tabs--line-hover-lineHeight: var(--fonts-lineHeight-2);
2073
+ --Tabs--line-disabled-color: var(--colors-neutral-text-6);
2074
+ --Tabs--line-disabled-fontSize: var(--fonts-size-7);
2075
+ --Tabs--line-disabled-fontWeight: var(--fonts-weight-6);
2076
+ --Tabs--line-disabled-lineHeight: var(--fonts-lineHeight-2);
2077
+ // 卡片
2078
+ --Tabs--card-paddingTop: var(--sizes-size-4);
2079
+ --Tabs--card-paddingBottom: var(--sizes-size-0);
2080
+ --Tabs--card-paddingLeft: var(--sizes-size-6);
2081
+ --Tabs--card-paddingRight: var(--sizes-size-6);
2082
+ --Tabs--card-padding: var(--Tabs--card-paddingTop)
2083
+ var(--Tabs--card-paddingRight) var(--Tabs--card-paddingBottom)
2084
+ var(--Tabs--card-paddingLeft);
2085
+ --Tabs--card-border-color: var(--colors-neutral-line-8);
2086
+ --Tabs--card-border-width: var(--borders-width-2);
2087
+ --Tabs--card-border-style: var(--borders-style-2);
2088
+ --Tabs--card-borderTopColor: var(--Tabs--card-border-color);
2089
+ --Tabs--card-bg: var(--colors-neutral-fill-10);
2090
+ --Tabs--card-linkBg: transparent;
2091
+ --Tabs--card-color: var(--colors-neutral-text-2);
2092
+ --Tabs--card-fontSize: var(--fonts-size-7);
2093
+ --Tabs--card-fontWeight: var(--fonts-weight-6);
2094
+ --Tabs--card-lineHeight: var(--fonts-lineHeight-2);
2095
+ --Tabs--card-linkMargin: var(--sizes-size-6);
2096
+ --Tabs--card-linkPadding: var(--sizes-size-6);
2097
+ --Tabs--card-borderRadius: var(--borders-radius-3);
2098
+ --Tabs--card-active-color: var(--colors-neutral-text-2);
2099
+ --Tabs--card-active-fontSize: var(--fonts-size-7);
2100
+ --Tabs--card-active-fontWeight: var(--fonts-weight-6);
2101
+ --Tabs--card-active-lineHeight: var(--fonts-lineHeight-2);
2102
+ --Tabs--card-active-linkBg: var(--colors-neutral-fill-11);
2103
+ --Tabs--card-onActive-bg: var(--Tabs--card-active-linkBg);
2104
+ --Tabs--card-hover-color: var(--colors-neutral-text-2);
2105
+ --Tabs--card-hover-fontSize: var(--fonts-size-7);
2106
+ --Tabs--card-hover-fontWeight: var(--fonts-weight-6);
2107
+ --Tabs--card-hover-lineHeight: var(--fonts-lineHeight-2);
2108
+ --Tabs--card-hover-linkBg: var(--colors-neutral-fill-11);
2109
+ --Tabs--card-disabled-color: var(--colors-neutral-text-6);
2110
+ --Tabs--card-disabled-fontSize: var(--fonts-size-7);
2111
+ --Tabs--card-disabled-fontWeight: var(--fonts-weight-6);
2112
+ --Tabs--card-disabled-lineHeight: var(--fonts-lineHeight-2);
2113
+ --Tabs--card-disabled-linkBg: transparent;
2114
+ --Tabs--card-add-gap: var(--gap-md);
2115
+ --Tabs--card-add-gap-top: #{px2rem(7px)};
2116
+ --Tabs--card-arrow-gap: var(--gap-sm);
2117
+ // 水平铺满
2118
+ --Tabs--tiled-top-border-color: var(--colors-neutral-line-8);
2119
+ --Tabs--tiled-top-border-width: var(--borders-width-2);
2120
+ --Tabs--tiled-top-border-style: var(--borders-style-2);
2121
+ --Tabs--tiled-right-border-color: var(--colors-neutral-line-8);
2122
+ --Tabs--tiled-right-border-width: var(--borders-width-2);
2123
+ --Tabs--tiled-right-border-style: var(--borders-style-2);
2124
+ --Tabs--tiled-bottom-border-color: var(--colors-neutral-line-8);
2125
+ --Tabs--tiled-bottom-border-width: var(--borders-width-2);
2126
+ --Tabs--tiled-bottom-border-style: var(--borders-style-2);
2127
+ --Tabs--tiled-left-border-color: var(--colors-neutral-line-8);
2128
+ --Tabs--tiled-left-border-width: var(--borders-width-2);
2129
+ --Tabs--tiled-left-border-style: var(--borders-style-2);
2130
+ --Tabs--tiled-color: var(--colors-neutral-text-2);
2131
+ --Tabs--tiled-fontSize: var(--fonts-size-7);
2132
+ --Tabs--tiled-fontWeight: var(--fonts-weight-6);
2133
+ --Tabs--tiled-lineHeight: var(--fonts-lineHeight-2);
2134
+ --Tabs--tiled-paddingTop: var(--sizes-size-5);
2135
+ --Tabs--tiled-paddingBottom: var(--sizes-size-5);
2136
+ --Tabs--tiled-paddingLeft: var(--sizes-size-7);
2137
+ --Tabs--tiled-paddingRight: var(--sizes-size-7);
2138
+ --Tabs--tiled-active-top-border-color: var(--colors-brand-5);
2139
+ --Tabs--tiled-active-top-border-width: var(--borders-width-2);
2140
+ --Tabs--tiled-active-top-border-style: var(--borders-style-2);
2141
+ --Tabs--tiled-active-right-border-color: var(--colors-neutral-line-8);
2142
+ --Tabs--tiled-active-right-border-width: var(--borders-width-2);
2143
+ --Tabs--tiled-active-right-border-style: var(--borders-style-2);
2144
+ --Tabs--tiled-active-bottom-border-color: transparent;
2145
+ --Tabs--tiled-active-bottom-border-width: var(--borders-width-2);
2146
+ --Tabs--tiled-active-bottom-border-style: var(--borders-style-2);
2147
+ --Tabs--tiled-active-left-border-color: var(--colors-neutral-line-8);
2148
+ --Tabs--tiled-active-left-border-width: var(--borders-width-2);
2149
+ --Tabs--tiled-active-left-border-style: var(--borders-style-2);
2150
+ --Tabs--tiled-active-color: var(--colors-neutral-text-2);
2151
+ --Tabs--tiled-active-fontSize: var(--fonts-size-7);
2152
+ --Tabs--tiled-active-fontWeight: var(--fonts-weight-6);
2153
+ --Tabs--tiled-active-lineHeight: var(--fonts-lineHeight-2);
2154
+ --Tabs--tiled-hover-top-border-color: var(--colors-neutral-line-8);
2155
+ --Tabs--tiled-hover-top-border-width: var(--borders-width-2);
2156
+ --Tabs--tiled-hover-top-border-style: var(--borders-style-2);
2157
+ --Tabs--tiled-hover-right-border-color: var(--colors-neutral-line-8);
2158
+ --Tabs--tiled-hover-right-border-width: var(--borders-width-2);
2159
+ --Tabs--tiled-hover-right-border-style: var(--borders-style-2);
2160
+ --Tabs--tiled-hover-bottom-border-color: var(--colors-neutral-line-8);
2161
+ --Tabs--tiled-hover-bottom-border-width: var(--borders-width-2);
2162
+ --Tabs--tiled-hover-bottom-border-style: var(--borders-style-2);
2163
+ --Tabs--tiled-hover-left-border-color: var(--colors-neutral-line-8);
2164
+ --Tabs--tiled-hover-left-border-width: var(--borders-width-2);
2165
+ --Tabs--tiled-hover-left-border-style: var(--borders-style-2);
2166
+ --Tabs--tiled-hover-color: var(--colors-neutral-text-2);
2167
+ --Tabs--tiled-hover-fontSize: var(--fonts-size-7);
2168
+ --Tabs--tiled-hover-fontWeight: var(--fonts-weight-6);
2169
+ --Tabs--tiled-hover-lineHeight: var(--fonts-lineHeight-2);
2170
+ --Tabs--tiled-disabled-top-border-color: var(--colors-neutral-line-8);
2171
+ --Tabs--tiled-disabled-top-border-width: var(--borders-width-2);
2172
+ --Tabs--tiled-disabled-top-border-style: var(--borders-style-2);
2173
+ --Tabs--tiled-disabled-right-border-color: var(--colors-neutral-line-8);
2174
+ --Tabs--tiled-disabled-right-border-width: var(--borders-width-2);
2175
+ --Tabs--tiled-disabled-right-border-style: var(--borders-style-2);
2176
+ --Tabs--tiled-disabled-bottom-border-color: var(--colors-neutral-line-8);
2177
+ --Tabs--tiled-disabled-bottom-border-width: var(--borders-width-2);
2178
+ --Tabs--tiled-disabled-bottom-border-style: var(--borders-style-2);
2179
+ --Tabs--tiled-disabled-left-border-color: var(--colors-neutral-line-8);
2180
+ --Tabs--tiled-disabled-left-border-width: var(--borders-width-2);
2181
+ --Tabs--tiled-disabled-left-border-style: var(--borders-style-2);
2182
+ --Tabs--tiled-disabled-color: var(--colors-neutral-text-6);
2183
+ --Tabs--tiled-disabled-fontSize: var(--fonts-size-7);
2184
+ --Tabs--tiled-disabled-fontWeight: var(--fonts-weight-6);
2185
+ --Tabs--tiled-disabled-lineHeight: var(--fonts-lineHeight-2);
2186
+ --Tabs--tiled-add-gap: var(--gap-base);
2187
+ // 选择器型
2188
+ --Tabs--radio-top-border-color: var(--colors-neutral-line-8);
2189
+ --Tabs--radio-top-border-width: var(--borders-width-2);
2190
+ --Tabs--radio-top-border-style: var(--borders-style-2);
2191
+ --Tabs--radio-right-border-color: var(--colors-neutral-line-8);
2192
+ --Tabs--radio-right-border-width: var(--borders-width-2);
2193
+ --Tabs--radio-right-border-style: var(--borders-style-2);
2194
+ --Tabs--radio-bottom-border-color: var(--colors-neutral-line-8);
2195
+ --Tabs--radio-bottom-border-width: var(--borders-width-2);
2196
+ --Tabs--radio-bottom-border-style: var(--borders-style-2);
2197
+ --Tabs--radio-left-border-color: var(--colors-neutral-line-8);
2198
+ --Tabs--radio-left-border-width: var(--borders-width-2);
2199
+ --Tabs--radio-left-border-style: var(--borders-style-2);
2200
+ --Tabs--radio-color: var(--colors-neutral-text-2);
2201
+ --Tabs--radio-fontSize: var(--fonts-size-7);
2202
+ --Tabs--radio-fontWeight: var(--fonts-weight-6);
2203
+ --Tabs--radio-lineHeight: var(--fonts-lineHeight-2);
2204
+ --Tabs--radio-paddingTop: var(--sizes-size-5);
2205
+ --Tabs--radio-paddingBottom: var(--sizes-size-5);
2206
+ --Tabs--radio-paddingLeft: var(--sizes-size-7);
2207
+ --Tabs--radio-paddingRight: var(--sizes-size-7);
2208
+ --Tabs--radio-bg: var(--colors-neutral-fill-11);
2209
+ --Tabs--radio-height: var(--sizes-base-15);
2210
+ --Tabs--radio-active-top-border-color: var(--colors-brand-5);
2211
+ --Tabs--radio-active-top-border-width: var(--borders-width-2);
2212
+ --Tabs--radio-active-top-border-style: var(--borders-style-2);
2213
+ --Tabs--radio-active-right-border-color: var(--colors-brand-5);
2214
+ --Tabs--radio-active-right-border-width: var(--borders-width-2);
2215
+ --Tabs--radio-active-right-border-style: var(--borders-style-2);
2216
+ --Tabs--radio-active-bottom-border-color: var(--colors-brand-5);
2217
+ --Tabs--radio-active-bottom-border-width: var(--borders-width-2);
2218
+ --Tabs--radio-active-bottom-border-style: var(--borders-style-2);
2219
+ --Tabs--radio-active-left-border-color: var(--colors-brand-5);
2220
+ --Tabs--radio-active-left-border-width: var(--borders-width-2);
2221
+ --Tabs--radio-active-left-border-style: var(--borders-style-2);
2222
+ --Tabs--radio-active-color: var(--colors-neutral-text-11);
2223
+ --Tabs--radio-active-fontSize: var(--fonts-size-7);
2224
+ --Tabs--radio-active-fontWeight: var(--fonts-weight-6);
2225
+ --Tabs--radio-active-lineHeight: var(--fonts-lineHeight-2);
2226
+ --Tabs--radio-active-bg: var(--colors-brand-5);
2227
+ --Tabs--radio-hover-top-border-color: var(--colors-neutral-line-8);
2228
+ --Tabs--radio-hover-top-border-width: var(--borders-width-2);
2229
+ --Tabs--radio-hover-top-border-style: var(--borders-style-2);
2230
+ --Tabs--radio-hover-right-border-color: var(--colors-neutral-line-8);
2231
+ --Tabs--radio-hover-right-border-width: var(--borders-width-2);
2232
+ --Tabs--radio-hover-right-border-style: var(--borders-style-2);
2233
+ --Tabs--radio-hover-bottom-border-color: var(--colors-neutral-line-8);
2234
+ --Tabs--radio-hover-bottom-border-width: var(--borders-width-2);
2235
+ --Tabs--radio-hover-bottom-border-style: var(--borders-style-2);
2236
+ --Tabs--radio-hover-left-border-color: var(--colors-neutral-line-8);
2237
+ --Tabs--radio-hover-left-border-width: var(--borders-width-2);
2238
+ --Tabs--radio-hover-left-border-style: var(--borders-style-2);
2239
+ --Tabs--radio-hover-color: var(--colors-neutral-text-2);
2240
+ --Tabs--radio-hover-fontSize: var(--fonts-size-7);
2241
+ --Tabs--radio-hover-fontWeight: var(--fonts-weight-6);
2242
+ --Tabs--radio-hover-lineHeight: var(--fonts-lineHeight-2);
2243
+ --Tabs--radio-hover-bg: var(--colors-neutral-fill-11);
2244
+ --Tabs--radio-disabled-top-border-color: var(--colors-neutral-line-8);
2245
+ --Tabs--radio-disabled-top-border-width: var(--borders-width-2);
2246
+ --Tabs--radio-disabled-top-border-style: var(--borders-style-2);
2247
+ --Tabs--radio-disabled-right-border-color: var(--colors-neutral-line-8);
2248
+ --Tabs--radio-disabled-right-border-width: var(--borders-width-2);
2249
+ --Tabs--radio-disabled-right-border-style: var(--borders-style-2);
2250
+ --Tabs--radio-disabled-bottom-border-color: var(--colors-neutral-line-8);
2251
+ --Tabs--radio-disabled-bottom-border-width: var(--borders-width-2);
2252
+ --Tabs--radio-disabled-bottom-border-style: var(--borders-style-2);
2253
+ --Tabs--radio-disabled-left-border-color: var(--colors-neutral-line-8);
2254
+ --Tabs--radio-disabled-left-border-width: var(--borders-width-2);
2255
+ --Tabs--radio-disabled-left-border-style: var(--borders-style-2);
2256
+ --Tabs--radio-disabled-color: var(--colors-neutral-text-6);
2257
+ --Tabs--radio-disabled-fontSize: var(--fonts-size-7);
2258
+ --Tabs--radio-disabled-fontWeight: var(--fonts-weight-6);
2259
+ --Tabs--radio-disabled-lineHeight: var(--fonts-lineHeight-2);
2260
+ --Tabs--radio-disabled-bg: var(--colors-neutral-fill-11);
2261
+ // 垂直
2262
+ --Tabs--vertical-color: var(--colors-neutral-text-2);
2263
+ --Tabs--vertical-fontSize: var(--fonts-size-7);
2264
+ --Tabs--vertical-fontWeight: var(--fonts-weight-6);
2265
+ --Tabs--vertical-lineHeight: var(--fonts-lineHeight-2);
2266
+ --Tabs--vertical-paddingTop: var(--sizes-size-5);
2267
+ --Tabs--vertical-paddingBottom: var(--sizes-size-5);
2268
+ --Tabs--vertical-paddingLeft: var(--sizes-size-7);
2269
+ --Tabs--vertical-paddingRight: var(--sizes-size-7);
2270
+ --Tabs--vertical-bg: var(--colors-neutral-fill-10);
2271
+ --Tabs--vertical-width: 8.75rem;
2272
+ --Tabs--vertical-active-color: var(--colors-brand-5);
2273
+ --Tabs--vertical-active-fontSize: var(--fonts-size-7);
2274
+ --Tabs--vertical-active-fontWeight: var(--fonts-weight-6);
2275
+ --Tabs--vertical-active-lineHeight: var(--fonts-lineHeight-2);
2276
+ --Tabs--vertical-active-border-color: var(--colors-brand-5);
2277
+ --Tabs--vertical-active-border-width: var(--borders-width-4);
2278
+ --Tabs--vertical-active-border-style: var(--borders-style-2);
2279
+ --Tabs--vertical-onActive-borderWidth: var(
2280
+ --Tabs--vertical-active-border-width
2281
+ );
2282
+ --Tabs--vertical-onActive-border: var(--Tabs--vertical-active-border-color);
2283
+ --Tabs--vertical-onActive-color: var(--Tabs--vertical-active-color);
2284
+ --Tabs--vertical-hover-color: var(--colors-brand-6);
2285
+ --Tabs--vertical-hover-fontSize: var(--fonts-size-7);
2286
+ --Tabs--vertical-hover-fontWeight: var(--fonts-weight-6);
2287
+ --Tabs--vertical-hover-lineHeight: var(--fonts-lineHeight-2);
2288
+ --Tabs--vertical-disabled-color: var(--colors-neutral-text-6);
2289
+ --Tabs--vertical-disabled-fontSize: var(--fonts-size-7);
2290
+ --Tabs--vertical-disabled-fontWeight: var(--fonts-weight-6);
2291
+ --Tabs--vertical-disabled-lineHeight: var(--fonts-lineHeight-2);
2292
+ // 侧边栏
2293
+ --Tabs--sidebar-color: var(--colors-neutral-text-5);
2294
+ --Tabs--sidebar-fontSize: var(--fonts-size-7);
2295
+ --Tabs--sidebar-fontWeight: var(--fonts-weight-6);
2296
+ --Tabs--sidebar-lineHeight: var(--fonts-lineHeight-2);
2297
+ --Tabs--sidebar-sideWidth: var(--sizes-base-31);
2298
+ --Tabs--sidebar-sideMargin: var(--sizes-base-11);
2299
+ --Tabs--sidebar-iconSize: #{px2rem(24px)};
2300
+ --Tabs--sidebar-iconMargin: #{px2rem(5px)};
2301
+ --Tabs--sidebar-active-color: var(--colors-brand-5);
2302
+ --Tabs--sidebar-active-fontSize: var(--fonts-size-7);
2303
+ --Tabs--sidebar-active-fontWeight: var(--fonts-weight-6);
2304
+ --Tabs--sidebar-active-lineHeight: var(--fonts-lineHeight-2);
2305
+ --Tabs--sidebar-hover-color: var(--colors-brand-6);
2306
+ --Tabs--sidebar-hover-fontSize: var(--fonts-size-7);
2307
+ --Tabs--sidebar-hover-fontWeight: var(--fonts-weight-6);
2308
+ --Tabs--sidebar-hover-lineHeight: var(--fonts-lineHeight-2);
2309
+ --Tabs--sidebar-disabled-color: var(--colors-neutral-text-6);
2310
+ --Tabs--sidebar-disabled-fontSize: var(--fonts-size-7);
2311
+ --Tabs--sidebar-disabled-fontWeight: var(--fonts-weight-6);
2312
+ --Tabs--sidebar-disabled-lineHeight: var(--fonts-lineHeight-2);
2313
+ // chrome
2314
+ --Tabs--chrome-onHover-bg: var(--colors-neutral-fill-10);
2315
+ --Tabs--chrome-bg: var(--colors-neutral-fill-10);
2316
+ --Tabs--chrome-radius-size: #{px2rem(8px)};
2317
+ --Tabs--chrome-right-border-color: var(--colors-neutral-line-5);
2318
+
2319
+ // 面板 Panel
2320
+ --Panel-bg: var(--colors-neutral-fill-11);
2321
+ --Panel-marginTop: var(--sizes-size-0);
2322
+ --Panel-marginBottom: var(--sizes-base-10);
2323
+ --Panel-marginLeft: var(--sizes-size-0);
2324
+ --Panel-marginRight: var(--sizes-size-0);
2325
+ --Panel-top-border-color: var(--colors-neutral-line-8);
2326
+ --Panel-top-border-width: var(--borders-width-2);
2327
+ --Panel-top-border-style: var(--borders-style-2);
2328
+ --Panel-right-border-color: var(--colors-neutral-line-8);
2329
+ --Panel-right-border-width: var(--borders-width-2);
2330
+ --Panel-right-border-style: var(--borders-style-2);
2331
+ --Panel-bottom-border-color: var(--colors-neutral-line-8);
2332
+ --Panel-bottom-border-width: var(--borders-width-2);
2333
+ --Panel-bottom-border-style: var(--borders-style-2);
2334
+ --Panel-left-border-color: var(--colors-neutral-line-8);
2335
+ --Panel-left-border-width: var(--borders-width-2);
2336
+ --Panel-left-border-style: var(--borders-style-2);
2337
+ --Panel-top-right-border-radius: var(--borders-radius-3);
2338
+ --Panel-top-left-border-radius: var(--borders-radius-3);
2339
+ --Panel-bottom-right-border-radius: var(--borders-radius-3);
2340
+ --Panel-bottom-left-border-radius: var(--borders-radius-3);
2341
+ --Panel-borderRadius: var(--Panel-top-left-border-radius)
2342
+ var(--Panel-top-right-border-radius) var(--Panel-bottom-right-border-radius)
2343
+ var(--Panel-bottom-left-border-radius);
2344
+ --Panel-borderWidth: var(--Panel-top-border-width)
2345
+ var(--Panel-right-border-width) var(--Panel-bottom-border-width)
2346
+ var(--Panel-left-border-width);
2347
+ --Panel-boxShadow: var(--shadows-shadow-sm);
2348
+ --Panel-heading-paddingTop: var(--sizes-size-5);
2349
+ --Panel-heading-paddingBottom: var(--sizes-size-5);
2350
+ --Panel-heading-paddingLeft: var(--sizes-size-7);
2351
+ --Panel-heading-paddingRight: var(--sizes-size-7);
2352
+ --Panel-heading-bg: var(--colors-neutral-fill-10);
2353
+ --Panel-heading-color: var(--colors-neutral-text-3);
2354
+ --Panel-heading-fontSize: var(--fonts-size-8);
2355
+ --Panel-heading-fontWeight: var(--fonts-weight-6);
2356
+ --Panel-heading-lineHeight: var(--fonts-lineHeight-2);
2357
+ --Panel-heading-top-border-color: transparent;
2358
+ --Panel-heading-top-border-width: var(--borders-width-1);
2359
+ --Panel-heading-top-border-style: var(--borders-style-2);
2360
+ --Panel-heading-right-border-color: transparent;
2361
+ --Panel-heading-right-border-width: var(--borders-width-1);
2362
+ --Panel-heading-right-border-style: var(--borders-style-2);
2363
+ --Panel-heading-bottom-border-color: var(--colors-neutral-line-8);
2364
+ --Panel-heading-bottom-border-width: var(--borders-width-2);
2365
+ --Panel-heading-bottom-border-style: var(--borders-style-2);
2366
+ --Panel-heading-left-border-color: transparent;
2367
+ --Panel-heading-left-border-width: var(--borders-width-1);
2368
+ --Panel-heading-left-border-style: var(--borders-style-2);
2369
+ --Panel-headingPadding: var(--Panel-heading-paddingTop)
2370
+ var(--Panel-heading-paddingRight) var(--Panel-heading-paddingBottom)
2371
+ var(--Panel-heading-paddingLeft);
2372
+ --Panel-headingBorderRadius: var(--Panel-top-left-border-radius)
2373
+ var(--Panel-top-right-border-radius) 0 0;
2374
+ --Panel-body-paddingTop: var(--sizes-size-7);
2375
+ --Panel-body-paddingBottom: var(--sizes-size-7);
2376
+ --Panel-body-paddingLeft: var(--sizes-size-7);
2377
+ --Panel-body-paddingRight: var(--sizes-size-7);
2378
+ --Panel-bodyPadding: var(--Panel-body-paddingTop)
2379
+ var(--Panel-body-paddingRight) var(--Panel-body-paddingBottom)
2380
+ var(--Panel-body-paddingLeft);
2381
+ --Panel-footer-paddingTop: var(--sizes-size-5);
2382
+ --Panel-footer-paddingBottom: var(--sizes-size-5);
2383
+ --Panel-footer-paddingLeft: var(--sizes-size-7);
2384
+ --Panel-footer-paddingRight: var(--sizes-size-7);
2385
+ --Panel-footer-bg: var(--colors-neutral-fill-11);
2386
+ --Panel-footer-top-border-color: var(--colors-neutral-line-8);
2387
+ --Panel-footer-top-border-width: var(--borders-width-2);
2388
+ --Panel-footer-top-border-style: var(--borders-style-2);
2389
+ --Panel-footer-right-border-color: transparent;
2390
+ --Panel-footer-right-border-width: var(--borders-width-1);
2391
+ --Panel-footer-right-border-style: var(--borders-style-2);
2392
+ --Panel-footer-bottom-border-color: transparent;
2393
+ --Panel-footer-bottom-border-width: var(--borders-width-1);
2394
+ --Panel-footer-bottom-border-style: var(--borders-style-2);
2395
+ --Panel-footer-left-border-color: transparent;
2396
+ --Panel-footer-left-border-width: var(--borders-width-1);
2397
+ --Panel-footer-left-border-style: var(--borders-style-2);
2398
+ --Panel-footerBorderRadius: 0 0 var(--Panel-bottom-right-border-radius)
2399
+ var(--Panel-bottom-left-border-radius);
2400
+ --Panel-footerBg: var(--Panel-footer-bg);
2401
+ --Panel-footerPadding: var(--Panel-footer-paddingTop)
2402
+ var(--Panel-footer-paddingRight) var(--Panel-footer-paddingBottom)
2403
+ var(--Panel-footer-paddingLeft);
2404
+ --Panel-footerBorderColor: var(--Panel-footer-top-border-color)
2405
+ var(--Panel-footer-right-border-color)
2406
+ var(--Panel-footer-bottom-border-color)
2407
+ var(--Panel-footer-left-border-color);
2408
+ --Panel-footer-buttonSpace: var(--sizes-size-5);
2409
+ --Panel-footerButtonMarginLeft: var(--Panel-footer-buttonSpace);
2410
+ --Panel-fixedBottom-borderTop: none;
2411
+ --Panel-fixedBottom-boxShadow: var(--shadows-shadow-normal);
2412
+ --Panel-btnToolbarTextAlign: right;
2413
+
2414
+ // 分割线
2415
+ --Divider-style: var(--borders-style-2);
2416
+ --Divider-color: var(--colors-neutral-line-8);
2417
+ --Divider-width: var(--borders-width-2);
2418
+ --Divider-marginTop: var(--sizes-size-7);
2419
+ --Divider-marginLeft: var(--sizes-size-0);
2420
+ --Divider-marginRight: var(--sizes-size-0);
2421
+ --Divider-marginBottom: var(--sizes-size-7);
2422
+
2423
+ --inputFile-base-des-color: var(--colors-neutral-text-2);
2424
+ --inputFile-base-des-fontSize: var(--fonts-size-7);
2425
+ --inputFile-base-des-fontWeight: var(--fonts-weight-6);
2426
+ --inputFile-base-des-margin: var(--sizes-base-5);
2427
+ --inputFile-list-marginTop: var(--sizes-base-4);
2428
+ --inputFile-list-marginBottom: var(--sizes-base-4);
2429
+ --inputFile-list-marginLeft: var(--sizes-size-0);
2430
+ --inputFile-list-marginRight: var(--sizes-size-0);
2431
+ --inputFile-list-paddingTop: var(--sizes-size-2);
2432
+ --inputFile-list-paddingBottom: var(--sizes-size-2);
2433
+ --inputFile-list-paddingLeft: var(--sizes-size-3);
2434
+ --inputFile-list-paddingRight: var(--sizes-size-3);
2435
+ --inputFile-list-color: var(--colors-brand-5);
2436
+ --inputFile-list-fontSize: var(--fonts-size-8);
2437
+ --inputFile-list-fontWeight: var(--fonts-weight-6);
2438
+ --inputFile-list-bg-color: transparent;
2439
+ --inputFile-list-bg-color-hover: var(--colors-neutral-fill-9);
2440
+ --inputFile-list-icon-size: var(--sizes-base-6);
2441
+ --inputFile-list-icon-color: var(--colors-neutral-text-2);
2442
+ --inputFile-list-icon-margin: var(--sizes-size-3);
2443
+ --inputFile-list-delete-icon-size: var(--sizes-base-6);
2444
+ --inputFile-list-delete-icon-color: var(--colors-neutral-text-5);
2445
+ --inputFile-list-delete-icon-color-hover: var(--colors-neutral-text-4);
2446
+ --inputFile-drag-top-border-color: var(--colors-neutral-line-8);
2447
+ --inputFile-drag-top-border-width: var(--borders-width-2);
2448
+ --inputFile-drag-top-border-style: var(--borders-style-3);
2449
+ --inputFile-drag-right-border-color: var(--colors-neutral-line-8);
2450
+ --inputFile-drag-right-border-width: var(--borders-width-2);
2451
+ --inputFile-drag-right-border-style: var(--borders-style-3);
2452
+ --inputFile-drag-bottom-border-color: var(--colors-neutral-line-8);
2453
+ --inputFile-drag-bottom-border-width: var(--borders-width-2);
2454
+ --inputFile-drag-bottom-border-style: var(--borders-style-3);
2455
+ --inputFile-drag-left-border-color: var(--colors-neutral-line-8);
2456
+ --inputFile-drag-left-border-width: var(--borders-width-2);
2457
+ --inputFile-drag-left-border-style: var(--borders-style-3);
2458
+ --inputFile-drag-top-right-border-radius: var(--borders-radius-3);
2459
+ --inputFile-drag-top-left-border-radius: var(--borders-radius-3);
2460
+ --inputFile-drag-bottom-right-border-radius: var(--borders-radius-3);
2461
+ --inputFile-drag-bottom-left-border-radius: var(--borders-radius-3);
2462
+ --inputFile-drag-hover-top-border-color: var(--colors-neutral-line-8);
2463
+ --inputFile-drag-hover-top-border-width: var(--borders-width-2);
2464
+ --inputFile-drag-hover-top-border-style: var(--borders-style-3);
2465
+ --inputFile-drag-hover-right-border-color: var(--colors-neutral-line-8);
2466
+ --inputFile-drag-hover-right-border-width: var(--borders-width-2);
2467
+ --inputFile-drag-hover-right-border-style: var(--borders-style-3);
2468
+ --inputFile-drag-hover-bottom-border-color: var(--colors-neutral-line-8);
2469
+ --inputFile-drag-hover-bottom-border-width: var(--borders-width-2);
2470
+ --inputFile-drag-hover-bottom-border-style: var(--borders-style-3);
2471
+ --inputFile-drag-hover-left-border-color: var(--colors-neutral-line-8);
2472
+ --inputFile-drag-hover-left-border-width: var(--borders-width-2);
2473
+ --inputFile-drag-hover-left-border-style: var(--borders-style-3);
2474
+ --inputFile-drag-color: var(--colors-neutral-text-3);
2475
+ --inputFile-drag-fontSize: var(--fonts-size-8);
2476
+ --inputFile-drag-fontWeight: var(--fonts-weight-6);
2477
+ --inputFile-drag-icon-size: var(--sizes-base-24);
2478
+ --inputFile-drag-icon-color: var(--colors-neutral-fill-8);
2479
+ --inputFile-drag-icon-margin: var(--sizes-size-5);
2480
+ --inputFile-drag-bg-color: transparent;
2481
+ --inputFile-drag-bg-color-hover: transparent;
2482
+ --FileControl-danger-color: var(--colors-error-5);
2483
+ --FileControl-drag-color: var(--inputFile-drag-color);
2484
+ --FileControl-border-color: var(--inputFile-drag-top-border-color)
2485
+ var(--inputFile-drag-right-border-color)
2486
+ var(--inputFile-drag-bottom-border-color)
2487
+ var(--inputFile-drag-left-border-color);
2488
+ --FileControl-onDisabled-color: var(--colors-neutral-text-6);
2489
+ --FileControl-onDisabled-bg: var(--colors-neutral-fill-10);
2490
+ --FileControl-onHover-bg: var(--inputFile-list-bg-color-hover);
2491
+ --FileControl-icon-color: var(--inputFile-list-delete-icon-color);
2492
+ --FileControl-icon-onHover-color: var(
2493
+ --inputFile-list-delete-icon-color-hover
2494
+ );
2495
+ --FileControl-progress-borderRadius: var(--borders-radius-2);
2496
+ --inputImage-base-default-top-border-color: var(--colors-neutral-line-8);
2497
+ --inputImage-base-default-top-border-width: var(--borders-width-2);
2498
+ --inputImage-base-default-top-border-style: var(--borders-style-2);
2499
+ --inputImage-base-default-right-border-color: var(--colors-neutral-line-8);
2500
+ --inputImage-base-default-right-border-width: var(--borders-width-2);
2501
+ --inputImage-base-default-right-border-style: var(--borders-style-2);
2502
+ --inputImage-base-default-bottom-border-color: var(--colors-neutral-line-8);
2503
+ --inputImage-base-default-bottom-border-width: var(--borders-width-2);
2504
+ --inputImage-base-default-bottom-border-style: var(--borders-style-2);
2505
+ --inputImage-base-default-left-border-color: var(--colors-neutral-line-8);
2506
+ --inputImage-base-default-left-border-width: var(--borders-width-2);
2507
+ --inputImage-base-default-left-border-style: var(--borders-style-2);
2508
+ --inputImage-base-default-top-right-border-radius: var(--borders-radius-3);
2509
+ --inputImage-base-default-top-left-border-radius: var(--borders-radius-3);
2510
+ --inputImage-base-default-bottom-right-border-radius: var(--borders-radius-3);
2511
+ --inputImage-base-default-bottom-left-border-radius: var(--borders-radius-3);
2512
+ --inputImage-base-default-fontSize: var(--fonts-size-7);
2513
+ --inputImage-base-default-fontWeight: var(--fonts-weight-6);
2514
+ --inputImage-base-default-color: var(--colors-neutral-text-5);
2515
+ --inputImage-base-default-icon-size: var(--sizes-base-12);
2516
+ --inputImage-base-default-icon-color: var(--colors-neutral-text-5);
2517
+ --inputImage-base-default-icon-margin: var(--sizes-size-5);
2518
+ --inputImage-base-default-bg-color: transparent;
2519
+ --inputImage-base-hover-top-border-color: var(--colors-brand-5);
2520
+ --inputImage-base-hover-top-border-width: var(--borders-width-2);
2521
+ --inputImage-base-hover-top-border-style: var(--borders-style-2);
2522
+ --inputImage-base-hover-right-border-color: var(--colors-brand-5);
2523
+ --inputImage-base-hover-right-border-width: var(--borders-width-2);
2524
+ --inputImage-base-hover-right-border-style: var(--borders-style-2);
2525
+ --inputImage-base-hover-bottom-border-color: var(--colors-brand-5);
2526
+ --inputImage-base-hover-bottom-border-width: var(--borders-width-2);
2527
+ --inputImage-base-hover-bottom-border-style: var(--borders-style-2);
2528
+ --inputImage-base-hover-left-border-color: var(--colors-brand-5);
2529
+ --inputImage-base-hover-left-border-width: var(--borders-width-2);
2530
+ --inputImage-base-hover-left-border-style: var(--borders-style-2);
2531
+ --inputImage-base-hover-color: var(--colors-neutral-text-5);
2532
+ --inputImage-base-hover-icon-color: var(--colors-neutral-text-5);
2533
+ --inputImage-base-hover-bg-color: transparent;
2534
+ --inputImage-base-active-top-border-color: var(--colors-brand-5);
2535
+ --inputImage-base-active-top-border-width: var(--borders-width-2);
2536
+ --inputImage-base-active-top-border-style: var(--borders-style-2);
2537
+ --inputImage-base-active-right-border-color: var(--colors-brand-5);
2538
+ --inputImage-base-active-right-border-width: var(--borders-width-2);
2539
+ --inputImage-base-active-right-border-style: var(--borders-style-2);
2540
+ --inputImage-base-active-bottom-border-color: var(--colors-brand-5);
2541
+ --inputImage-base-active-bottom-border-width: var(--borders-width-2);
2542
+ --inputImage-base-active-bottom-border-style: var(--borders-style-2);
2543
+ --inputImage-base-active-left-border-color: var(--colors-brand-5);
2544
+ --inputImage-base-active-left-border-width: var(--borders-width-2);
2545
+ --inputImage-base-active-left-border-style: var(--borders-style-2);
2546
+ --inputImage-base-active-color: var(--colors-neutral-text-5);
2547
+ --inputImage-base-active-icon-color: var(--colors-neutral-text-5);
2548
+ --inputImage-base-active-bg-color: transparent;
2549
+ --inputImage-base-disabled-top-border-color: var(--colors-neutral-line-8);
2550
+ --inputImage-base-disabled-top-border-width: var(--borders-width-2);
2551
+ --inputImage-base-disabled-top-border-style: var(--borders-style-2);
2552
+ --inputImage-base-disabled-right-border-color: var(--colors-neutral-line-8);
2553
+ --inputImage-base-disabled-right-border-width: var(--borders-width-2);
2554
+ --inputImage-base-disabled-right-border-style: var(--borders-style-2);
2555
+ --inputImage-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
2556
+ --inputImage-base-disabled-bottom-border-width: var(--borders-width-2);
2557
+ --inputImage-base-disabled-bottom-border-style: var(--borders-style-2);
2558
+ --inputImage-base-disabled-left-border-color: var(--colors-neutral-line-8);
2559
+ --inputImage-base-disabled-left-border-width: var(--borders-width-2);
2560
+ --inputImage-base-disabled-left-border-style: var(--borders-style-2);
2561
+ --inputImage-base-disabled-color: var(--colors-neutral-text-6);
2562
+ --inputImage-base-disabled-icon-color: var(--colors-neutral-text-6);
2563
+ --inputImage-base-disabled-bg-color: var(--colors-neutral-fill-10);
2564
+ --ImageControl-addBtn-bg: var(--inputImage-base-default-bg-color);
2565
+ --ImageControl-addBtn-border: var(--colors-neutral-line-7);
2566
+ --ImageControl-addBtn-borderRadius: var(--borders-radius-3);
2567
+ --ImageControl-addBtn-color: var(--inputImage-base-default-color);
2568
+ --ImageControl-addBtn-onActive-bg: var(--inputImage-base-active-bg-color);
2569
+ --ImageControl-addBtn-onActive-border: var(--colors-brand-5);
2570
+ --ImageControl-addBtn-onActive-color: var(--inputImage-base-active-color);
2571
+ --ImageControl-addBtn-onDisabled-bg: var(--inputImage-base-disabled-bg-color);
2572
+ --ImageControl-addBtn-onDisabled-border: var(--colors-neutral-line-8);
2573
+ --ImageControl-addBtn-onDisabled-color: var(--inputImage-base-disabled-color);
2574
+ --ImageControl-addBtn-onHover-bg: var(--inputImage-base-hover-bg-color);
2575
+ --ImageControl-addBtn-onHover-border: var(--colors-brand-5);
2576
+ --ImageControl-addBtn-onHover-color: var(--inputImage-base-hover-color);
2577
+ --ImageControl-addBtn-upload-color: var(--inputImage-base-default-color);
2578
+ --ImageControl-progress-borderRadius: var(--borders-radius-2);
899
2579
  }