amis-ui 2.3.1 → 2.4.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 (627) hide show
  1. package/esm/components/404.js +1 -1
  2. package/esm/components/Alert.js +1 -1
  3. package/esm/components/Alert2.js +2 -2
  4. package/esm/components/AnchorNav.js +1 -1
  5. package/esm/components/ArrayInput.js +1 -1
  6. package/esm/components/AsideNav.js +1 -1
  7. package/esm/components/AssociatedSelection.js +1 -1
  8. package/esm/components/Avatar.d.ts +2 -2
  9. package/esm/components/Avatar.js +4 -4
  10. package/esm/components/Badge.js +1 -1
  11. package/esm/components/BaiduMapPicker.d.ts +1 -1
  12. package/esm/components/BaiduMapPicker.js +5 -5
  13. package/esm/components/BarCode.js +1 -1
  14. package/esm/components/Breadcrumb.js +1 -1
  15. package/esm/components/Button.js +3 -3
  16. package/esm/components/CalendarMobile.js +1 -1
  17. package/esm/components/Card.js +1 -1
  18. package/esm/components/Cascader.js +22 -14
  19. package/esm/components/ChainedSelection.js +1 -1
  20. package/esm/components/Checkbox.js +1 -1
  21. package/esm/components/CityArea.js +13 -5
  22. package/esm/components/CityDB.js +1 -1
  23. package/esm/components/CodeMirror.js +1 -1
  24. package/esm/components/Collapse.js +1 -1
  25. package/esm/components/CollapseGroup.js +1 -1
  26. package/esm/components/ColorPicker.js +1 -1
  27. package/esm/components/ContextMenu.js +1 -1
  28. package/esm/components/DatePicker.js +10 -3
  29. package/esm/components/DateRangePicker.js +3 -7
  30. package/esm/components/Drawer.js +1 -1
  31. package/esm/components/Editor.js +1 -1
  32. package/esm/components/Form.js +1 -1
  33. package/esm/components/FormField.js +1 -1
  34. package/esm/components/GridNav.js +1 -1
  35. package/esm/components/GroupedSelection.js +1 -1
  36. package/esm/components/Html.js +1 -1
  37. package/esm/components/ImageGallery.js +1 -1
  38. package/esm/components/Input.js +1 -1
  39. package/esm/components/InputBox.js +1 -1
  40. package/esm/components/InputBoxWithSuggestion.js +1 -1
  41. package/esm/components/Layout.js +1 -1
  42. package/esm/components/Link.js +1 -1
  43. package/esm/components/ListGroup.d.ts +10 -10
  44. package/esm/components/ListGroup.js +1 -1
  45. package/esm/components/ListMenu.js +1 -1
  46. package/esm/components/LocationPicker.js +1 -1
  47. package/esm/components/Markdown.js +1 -1
  48. package/esm/components/Modal.js +1 -1
  49. package/esm/components/ModalManager.js +1 -1
  50. package/esm/components/MultilineText.d.ts +462 -0
  51. package/esm/components/MultilineText.js +85 -0
  52. package/esm/components/NumberInput.d.ts +34 -11
  53. package/esm/components/NumberInput.js +88 -34
  54. package/esm/components/Pagination.js +1 -1
  55. package/esm/components/Picker.js +1 -1
  56. package/esm/components/PickerColumn.js +1 -1
  57. package/esm/components/PickerContainer.js +1 -1
  58. package/esm/components/PopOverContainer.js +1 -1
  59. package/esm/components/PopUp.js +1 -1
  60. package/esm/components/Progress.js +1 -1
  61. package/esm/components/PullRefresh.js +1 -1
  62. package/esm/components/Radios.js +1 -1
  63. package/esm/components/Range.js +1 -1
  64. package/esm/components/Rating.js +1 -1
  65. package/esm/components/ResultBox.js +1 -1
  66. package/esm/components/ResultList.js +17 -15
  67. package/esm/components/ResultTableList.js +1 -1
  68. package/esm/components/ResultTreeList.js +10 -8
  69. package/esm/components/RichText.js +1 -1
  70. package/esm/components/SearchBox.js +1 -1
  71. package/esm/components/Select.js +1 -1
  72. package/esm/components/Selection.js +7 -5
  73. package/esm/components/SparkLine.js +1 -1
  74. package/esm/components/Spinner.js +1 -1
  75. package/esm/components/Steps.js +1 -1
  76. package/esm/components/Switch.js +1 -1
  77. package/esm/components/TableSelection.js +1 -1
  78. package/esm/components/Tabs.js +3 -1
  79. package/esm/components/TabsTransfer.js +1 -1
  80. package/esm/components/TabsTransferPicker.js +1 -1
  81. package/esm/components/Tag.js +1 -1
  82. package/esm/components/Textarea.js +6 -5
  83. package/esm/components/Timeline.js +1 -1
  84. package/esm/components/TimelineItem.js +2 -2
  85. package/esm/components/Tinymce.d.ts +1 -0
  86. package/esm/components/Tinymce.js +5 -3
  87. package/esm/components/TitleBar.js +1 -1
  88. package/esm/components/Toast.js +1 -1
  89. package/esm/components/Tooltip.js +1 -1
  90. package/esm/components/TooltipWrapper.js +1 -1
  91. package/esm/components/Transfer.js +19 -14
  92. package/esm/components/TransferDropDown.js +1 -1
  93. package/esm/components/TransferPicker.js +1 -1
  94. package/esm/components/TransferSearch.js +1 -1
  95. package/esm/components/Tree.js +1 -1
  96. package/esm/components/TreeSelection.js +1 -1
  97. package/esm/components/UserSelect.js +3 -1
  98. package/esm/components/UserTabSelect.js +3 -1
  99. package/esm/components/WithRemoteConfig.js +1 -1
  100. package/esm/components/WithStore.js +1 -1
  101. package/esm/components/calendar/Calendar.js +2 -6
  102. package/esm/components/calendar/CalendarContainer.js +1 -1
  103. package/esm/components/calendar/DaysView.js +1 -1
  104. package/esm/components/calendar/MonthsView.js +1 -1
  105. package/esm/components/calendar/QuartersView.js +1 -1
  106. package/esm/components/calendar/TimeView.js +2 -2
  107. package/esm/components/calendar/YearsView.js +1 -1
  108. package/esm/components/condition-builder/Expression.js +1 -1
  109. package/esm/components/condition-builder/Field.js +1 -1
  110. package/esm/components/condition-builder/Formula.js +1 -1
  111. package/esm/components/condition-builder/Func.js +1 -1
  112. package/esm/components/condition-builder/Group.d.ts +9 -1
  113. package/esm/components/condition-builder/Group.js +57 -13
  114. package/esm/components/condition-builder/GroupOrItem.d.ts +1 -0
  115. package/esm/components/condition-builder/GroupOrItem.js +7 -5
  116. package/esm/components/condition-builder/InputSwitch.js +1 -1
  117. package/esm/components/condition-builder/Item.js +1 -1
  118. package/esm/components/condition-builder/Value.js +1 -1
  119. package/esm/components/condition-builder/config.js +1 -1
  120. package/esm/components/condition-builder/index.js +3 -3
  121. package/esm/components/formula/Editor.js +1 -1
  122. package/esm/components/formula/FuncList.js +1 -1
  123. package/esm/components/formula/Picker.js +3 -3
  124. package/esm/components/formula/VariableList.js +1 -1
  125. package/esm/components/formula/plugin.js +1 -1
  126. package/esm/components/icons.d.ts +2 -1
  127. package/esm/components/icons.js +2 -1
  128. package/esm/components/index.d.ts +12 -7
  129. package/esm/components/json-schema/Array.js +1 -1
  130. package/esm/components/json-schema/Item.js +1 -1
  131. package/esm/components/json-schema/Object.js +1 -1
  132. package/esm/components/json-schema/index.js +1 -1
  133. package/esm/components/schema-editor/Array.js +1 -1
  134. package/esm/components/schema-editor/Common.js +1 -1
  135. package/esm/components/schema-editor/Item.js +1 -1
  136. package/esm/components/schema-editor/Object.js +1 -1
  137. package/esm/components/schema-editor/SchemaVariableList.js +1 -1
  138. package/esm/components/schema-editor/SchemaVariableListPicker.js +1 -1
  139. package/esm/components/schema-editor/index.js +1 -1
  140. package/esm/components/table/Cell.js +1 -1
  141. package/esm/components/table/HeadCellDropDown.js +1 -1
  142. package/esm/components/table/HeadCellFilter.js +1 -1
  143. package/esm/components/table/HeadCellSelect.js +1 -1
  144. package/esm/components/table/HeadCellSort.js +1 -1
  145. package/esm/components/table/ItemActionsWrapper.js +1 -1
  146. package/esm/components/table/index.js +1 -1
  147. package/esm/components/virtual-list/SizeAndPositionManager.js +1 -1
  148. package/esm/components/virtual-list/constants.js +1 -1
  149. package/esm/components/virtual-list/index.js +1 -1
  150. package/esm/hooks/use-set-state.js +1 -1
  151. package/esm/hooks/use-touch.js +1 -1
  152. package/esm/hooks/use-update-effect.js +1 -1
  153. package/esm/hooks/use-validation-resolver.js +1 -1
  154. package/esm/icons/alert-danger.svg.js +1 -3
  155. package/esm/icons/alert-info.svg.js +1 -3
  156. package/esm/icons/alert-success.svg.js +1 -3
  157. package/esm/icons/alert-warning.svg.js +1 -3
  158. package/esm/icons/back.svg.js +1 -3
  159. package/esm/icons/calendar.svg.js +1 -3
  160. package/esm/icons/caret.svg.js +1 -3
  161. package/esm/icons/check-circle.svg.js +1 -3
  162. package/esm/icons/check.svg.js +1 -3
  163. package/esm/icons/clock.svg.js +1 -3
  164. package/esm/icons/close-small.svg.js +1 -3
  165. package/esm/icons/close.svg.js +1 -3
  166. package/esm/icons/cloud-upload.svg.js +1 -3
  167. package/esm/icons/column-filter.svg.js +1 -3
  168. package/esm/icons/columns.svg.js +1 -3
  169. package/esm/icons/compress-alt.svg.js +1 -3
  170. package/esm/icons/copy.svg.js +1 -3
  171. package/esm/icons/date.svg.js +1 -3
  172. package/esm/icons/department.svg.js +1 -3
  173. package/esm/icons/desk-empty.svg.js +1 -3
  174. package/esm/icons/dot.svg.js +1 -3
  175. package/esm/icons/down-arrow-bold.svg.js +1 -3
  176. package/esm/icons/down.svg.js +1 -3
  177. package/esm/icons/download.svg.js +1 -3
  178. package/esm/icons/drag-bar.svg.js +1 -3
  179. package/esm/icons/drag.svg.js +1 -3
  180. package/esm/icons/edit.svg.js +1 -3
  181. package/esm/icons/ellipsis-v.svg.js +1 -3
  182. package/esm/icons/enter.svg.js +1 -3
  183. package/esm/icons/exchange.svg.js +1 -3
  184. package/esm/icons/expand-alt.svg.js +1 -3
  185. package/esm/icons/fail.svg.js +1 -3
  186. package/esm/icons/file.svg.js +1 -3
  187. package/esm/icons/filter.svg.js +1 -3
  188. package/esm/icons/folder.svg.js +1 -3
  189. package/esm/icons/function.svg.js +1 -3
  190. package/esm/icons/home.svg.js +1 -3
  191. package/esm/icons/image.svg.js +1 -3
  192. package/esm/icons/info-circle.svg.js +1 -3
  193. package/esm/icons/info.svg.js +1 -3
  194. package/esm/icons/input-clear.svg.js +1 -3
  195. package/esm/icons/invisible.svg.js +1 -3
  196. package/esm/icons/left-arrow.svg.js +1 -3
  197. package/esm/icons/loading-outline.svg.js +1 -3
  198. package/esm/icons/location.svg.js +1 -3
  199. package/esm/icons/menu.svg.js +1 -3
  200. package/esm/icons/minus.svg.js +1 -3
  201. package/esm/icons/move.svg.js +1 -3
  202. package/esm/icons/mute.svg.js +1 -3
  203. package/esm/icons/new-edit.svg.js +1 -3
  204. package/esm/icons/pause.svg.js +1 -3
  205. package/esm/icons/pencil.svg.js +1 -3
  206. package/esm/icons/play.svg.js +1 -3
  207. package/esm/icons/plus-cicle.svg.js +1 -3
  208. package/esm/icons/plus-fine.svg.js +1 -3
  209. package/esm/icons/plus.svg.js +1 -3
  210. package/esm/icons/post.svg.js +1 -3
  211. package/esm/icons/question-mark.svg.js +1 -3
  212. package/esm/icons/question.svg.js +1 -3
  213. package/esm/icons/redo.svg.js +1 -3
  214. package/esm/icons/refresh.svg.js +1 -3
  215. package/esm/icons/reload.svg.js +1 -3
  216. package/esm/icons/remove.svg.js +1 -3
  217. package/esm/icons/retry.svg.js +1 -3
  218. package/esm/icons/right-arrow-bold.svg.js +1 -3
  219. package/esm/icons/right-arrow.svg.js +1 -3
  220. package/esm/icons/right-double-arrow.svg.js +1 -3
  221. package/esm/icons/role.svg.js +1 -3
  222. package/esm/icons/rotate-left.svg.js +1 -3
  223. package/esm/icons/rotate-right.svg.js +1 -3
  224. package/esm/icons/scale-origin.svg.js +1 -3
  225. package/esm/icons/schedule.svg.js +1 -3
  226. package/esm/icons/search.svg.js +1 -3
  227. package/esm/icons/setting.svg.js +1 -3
  228. package/esm/icons/slider-handle-icon.svg.js +1 -3
  229. package/esm/icons/sort-asc.svg.js +1 -3
  230. package/esm/icons/sort-default.svg.js +1 -3
  231. package/esm/icons/sort-desc.svg.js +1 -3
  232. package/esm/icons/star.svg.js +1 -3
  233. package/esm/icons/status-close.svg.js +1 -3
  234. package/esm/icons/status-fail.svg.js +1 -3
  235. package/esm/icons/status-info.svg.js +1 -3
  236. package/esm/icons/status-success.svg.js +1 -3
  237. package/esm/icons/status-warning.svg.js +1 -3
  238. package/esm/icons/steps-finsh.svg.js +1 -3
  239. package/esm/icons/success.svg.js +1 -3
  240. package/esm/icons/transparent.svg.js +1 -3
  241. package/esm/icons/trash.svg.js +1 -3
  242. package/esm/icons/tree-down.svg.js +1 -3
  243. package/esm/icons/undo.svg.js +1 -3
  244. package/esm/icons/upload.svg.js +1 -3
  245. package/esm/icons/user-remove.svg.js +1 -3
  246. package/esm/icons/view.svg.js +1 -3
  247. package/esm/icons/volume.svg.js +1 -3
  248. package/esm/icons/warning-mark.svg.js +1 -3
  249. package/esm/icons/warning.svg.js +1 -3
  250. package/esm/icons/window-restore.svg.js +1 -3
  251. package/esm/icons/zoom-in.svg.js +1 -3
  252. package/esm/icons/zoom-out.svg.js +1 -3
  253. package/esm/index.js +4 -1
  254. package/esm/locale/de-DE.js +3 -1
  255. package/esm/locale/en-US.js +6 -2
  256. package/esm/locale/zh-CN.js +8 -4
  257. package/esm/themes/ang.js +1 -1
  258. package/esm/themes/antd.js +1 -1
  259. package/esm/themes/cxd.js +1 -1
  260. package/esm/themes/dark.js +1 -1
  261. package/lib/components/404.js +1 -1
  262. package/lib/components/Alert.js +1 -1
  263. package/lib/components/Alert2.d.ts +10 -10
  264. package/lib/components/Alert2.js +2 -2
  265. package/lib/components/AnchorNav.d.ts +10 -10
  266. package/lib/components/AnchorNav.js +1 -1
  267. package/lib/components/ArrayInput.d.ts +40 -40
  268. package/lib/components/ArrayInput.js +1 -1
  269. package/lib/components/AsideNav.js +1 -1
  270. package/lib/components/AssociatedSelection.d.ts +40 -40
  271. package/lib/components/AssociatedSelection.js +1 -1
  272. package/lib/components/Avatar.d.ts +12 -12
  273. package/lib/components/Avatar.js +3 -3
  274. package/lib/components/Badge.js +1 -1
  275. package/lib/components/BaiduMapPicker.d.ts +1 -1
  276. package/lib/components/BaiduMapPicker.js +5 -5
  277. package/lib/components/BarCode.js +1 -1
  278. package/lib/components/Breadcrumb.js +1 -1
  279. package/lib/components/Button.d.ts +10 -10
  280. package/lib/components/Button.js +3 -3
  281. package/lib/components/CalendarMobile.d.ts +40 -40
  282. package/lib/components/CalendarMobile.js +1 -1
  283. package/lib/components/Card.d.ts +10 -10
  284. package/lib/components/Card.js +1 -1
  285. package/lib/components/Cascader.js +22 -14
  286. package/lib/components/ChainedSelection.d.ts +40 -40
  287. package/lib/components/ChainedSelection.js +1 -1
  288. package/lib/components/Checkbox.d.ts +10 -10
  289. package/lib/components/Checkbox.js +1 -1
  290. package/lib/components/CityArea.js +13 -5
  291. package/lib/components/CityDB.js +1 -1
  292. package/lib/components/CodeMirror.js +1 -1
  293. package/lib/components/Collapse.d.ts +10 -10
  294. package/lib/components/Collapse.js +1 -1
  295. package/lib/components/CollapseGroup.js +1 -1
  296. package/lib/components/ColorPicker.d.ts +40 -40
  297. package/lib/components/ColorPicker.js +1 -1
  298. package/lib/components/ContextMenu.js +1 -1
  299. package/lib/components/DatePicker.d.ts +40 -40
  300. package/lib/components/DatePicker.js +10 -3
  301. package/lib/components/DateRangePicker.d.ts +40 -40
  302. package/lib/components/DateRangePicker.js +3 -8
  303. package/lib/components/Drawer.d.ts +10 -10
  304. package/lib/components/Drawer.js +1 -1
  305. package/lib/components/Editor.d.ts +40 -40
  306. package/lib/components/Editor.js +1 -1
  307. package/lib/components/Form.js +1 -1
  308. package/lib/components/FormField.js +1 -1
  309. package/lib/components/GridNav.js +1 -1
  310. package/lib/components/GroupedSelection.d.ts +40 -40
  311. package/lib/components/GroupedSelection.js +1 -1
  312. package/lib/components/Html.js +1 -1
  313. package/lib/components/ImageGallery.js +1 -1
  314. package/lib/components/Input.js +1 -1
  315. package/lib/components/InputBox.d.ts +10 -10
  316. package/lib/components/InputBox.js +1 -1
  317. package/lib/components/InputBoxWithSuggestion.js +1 -1
  318. package/lib/components/Layout.js +1 -1
  319. package/lib/components/Link.js +1 -1
  320. package/lib/components/ListGroup.d.ts +10 -10
  321. package/lib/components/ListGroup.js +1 -1
  322. package/lib/components/ListMenu.d.ts +40 -40
  323. package/lib/components/ListMenu.js +1 -1
  324. package/lib/components/LocationPicker.d.ts +40 -40
  325. package/lib/components/LocationPicker.js +1 -1
  326. package/lib/components/Markdown.js +1 -1
  327. package/lib/components/Modal.d.ts +40 -40
  328. package/lib/components/Modal.js +1 -1
  329. package/lib/components/ModalManager.js +1 -1
  330. package/lib/components/MonthRangePicker.d.ts +40 -40
  331. package/lib/components/MultilineText.d.ts +462 -0
  332. package/lib/components/MultilineText.js +94 -0
  333. package/lib/components/NumberInput.d.ts +34 -11
  334. package/lib/components/NumberInput.js +88 -33
  335. package/lib/components/Pagination.js +1 -1
  336. package/lib/components/Picker.js +1 -1
  337. package/lib/components/PickerColumn.js +1 -1
  338. package/lib/components/PickerContainer.js +1 -1
  339. package/lib/components/PopOverContainer.js +1 -1
  340. package/lib/components/PopUp.js +1 -1
  341. package/lib/components/Progress.d.ts +10 -10
  342. package/lib/components/Progress.js +1 -1
  343. package/lib/components/PullRefresh.js +1 -1
  344. package/lib/components/Radios.d.ts +10 -10
  345. package/lib/components/Radios.js +1 -1
  346. package/lib/components/Range.js +1 -1
  347. package/lib/components/Rating.d.ts +10 -10
  348. package/lib/components/Rating.js +1 -1
  349. package/lib/components/ResultBox.d.ts +40 -40
  350. package/lib/components/ResultBox.js +1 -1
  351. package/lib/components/ResultList.d.ts +40 -40
  352. package/lib/components/ResultList.js +17 -15
  353. package/lib/components/ResultTableList.d.ts +40 -40
  354. package/lib/components/ResultTableList.js +1 -1
  355. package/lib/components/ResultTreeList.d.ts +40 -40
  356. package/lib/components/ResultTreeList.js +10 -8
  357. package/lib/components/RichText.js +1 -1
  358. package/lib/components/SearchBox.d.ts +40 -40
  359. package/lib/components/SearchBox.js +1 -1
  360. package/lib/components/Select.d.ts +193 -193
  361. package/lib/components/Select.js +1 -1
  362. package/lib/components/Selection.d.ts +40 -40
  363. package/lib/components/Selection.js +7 -5
  364. package/lib/components/SparkLine.d.ts +40 -40
  365. package/lib/components/SparkLine.js +1 -1
  366. package/lib/components/Spinner.d.ts +10 -10
  367. package/lib/components/Spinner.js +1 -1
  368. package/lib/components/Steps.js +1 -1
  369. package/lib/components/Switch.d.ts +10 -10
  370. package/lib/components/Switch.js +1 -1
  371. package/lib/components/TableSelection.d.ts +40 -40
  372. package/lib/components/TableSelection.js +1 -1
  373. package/lib/components/Tabs.d.ts +40 -40
  374. package/lib/components/Tabs.js +3 -1
  375. package/lib/components/TabsTransfer.js +1 -1
  376. package/lib/components/TabsTransferPicker.js +1 -1
  377. package/lib/components/Tag.d.ts +10 -10
  378. package/lib/components/Tag.js +1 -1
  379. package/lib/components/Textarea.d.ts +40 -40
  380. package/lib/components/Textarea.js +6 -5
  381. package/lib/components/Timeline.js +1 -1
  382. package/lib/components/TimelineItem.js +2 -2
  383. package/lib/components/Tinymce.d.ts +1 -0
  384. package/lib/components/Tinymce.js +5 -3
  385. package/lib/components/TitleBar.js +1 -1
  386. package/lib/components/Toast.js +1 -1
  387. package/lib/components/Tooltip.js +1 -1
  388. package/lib/components/TooltipWrapper.js +1 -1
  389. package/lib/components/Transfer.d.ts +40 -40
  390. package/lib/components/Transfer.js +18 -13
  391. package/lib/components/TransferDropDown.d.ts +40 -40
  392. package/lib/components/TransferDropDown.js +1 -1
  393. package/lib/components/TransferPicker.js +1 -1
  394. package/lib/components/TransferSearch.js +1 -1
  395. package/lib/components/Tree.d.ts +40 -40
  396. package/lib/components/Tree.js +1 -1
  397. package/lib/components/TreeSelection.d.ts +40 -40
  398. package/lib/components/TreeSelection.js +1 -1
  399. package/lib/components/UserSelect.d.ts +40 -40
  400. package/lib/components/UserSelect.js +3 -1
  401. package/lib/components/UserTabSelect.d.ts +40 -40
  402. package/lib/components/UserTabSelect.js +3 -1
  403. package/lib/components/WithRemoteConfig.js +1 -1
  404. package/lib/components/WithStore.js +1 -1
  405. package/lib/components/calendar/Calendar.js +2 -6
  406. package/lib/components/calendar/CalendarContainer.js +1 -1
  407. package/lib/components/calendar/DaysView.js +1 -1
  408. package/lib/components/calendar/MonthsView.js +1 -1
  409. package/lib/components/calendar/QuartersView.js +1 -1
  410. package/lib/components/calendar/TimeView.js +2 -2
  411. package/lib/components/calendar/YearsView.js +1 -1
  412. package/lib/components/condition-builder/Expression.js +1 -1
  413. package/lib/components/condition-builder/Field.js +1 -1
  414. package/lib/components/condition-builder/Formula.js +1 -1
  415. package/lib/components/condition-builder/Func.js +1 -1
  416. package/lib/components/condition-builder/Group.d.ts +9 -1
  417. package/lib/components/condition-builder/Group.js +57 -13
  418. package/lib/components/condition-builder/GroupOrItem.d.ts +1 -0
  419. package/lib/components/condition-builder/GroupOrItem.js +7 -5
  420. package/lib/components/condition-builder/InputSwitch.js +1 -1
  421. package/lib/components/condition-builder/Item.js +1 -1
  422. package/lib/components/condition-builder/Value.js +1 -1
  423. package/lib/components/condition-builder/config.js +1 -1
  424. package/lib/components/condition-builder/index.js +3 -3
  425. package/lib/components/formula/Editor.d.ts +40 -40
  426. package/lib/components/formula/Editor.js +1 -1
  427. package/lib/components/formula/FuncList.js +1 -1
  428. package/lib/components/formula/Picker.d.ts +40 -40
  429. package/lib/components/formula/Picker.js +3 -3
  430. package/lib/components/formula/VariableList.js +1 -1
  431. package/lib/components/formula/plugin.js +1 -1
  432. package/lib/components/icons.d.ts +2 -1
  433. package/lib/components/icons.js +2 -1
  434. package/lib/components/index.d.ts +12 -7
  435. package/lib/components/json-schema/Array.js +1 -1
  436. package/lib/components/json-schema/Item.js +1 -1
  437. package/lib/components/json-schema/Object.js +1 -1
  438. package/lib/components/json-schema/index.js +1 -1
  439. package/lib/components/schema-editor/Array.js +1 -1
  440. package/lib/components/schema-editor/Common.js +1 -1
  441. package/lib/components/schema-editor/Item.js +1 -1
  442. package/lib/components/schema-editor/Object.js +1 -1
  443. package/lib/components/schema-editor/SchemaVariableList.js +1 -1
  444. package/lib/components/schema-editor/SchemaVariableListPicker.js +1 -1
  445. package/lib/components/schema-editor/index.d.ts +40 -40
  446. package/lib/components/schema-editor/index.js +1 -1
  447. package/lib/components/table/Cell.d.ts +40 -40
  448. package/lib/components/table/Cell.js +1 -1
  449. package/lib/components/table/HeadCellDropDown.js +1 -1
  450. package/lib/components/table/HeadCellFilter.js +1 -1
  451. package/lib/components/table/HeadCellSelect.js +1 -1
  452. package/lib/components/table/HeadCellSort.js +1 -1
  453. package/lib/components/table/ItemActionsWrapper.js +1 -1
  454. package/lib/components/table/index.d.ts +40 -40
  455. package/lib/components/table/index.js +1 -1
  456. package/lib/components/virtual-list/SizeAndPositionManager.js +1 -1
  457. package/lib/components/virtual-list/constants.js +1 -1
  458. package/lib/components/virtual-list/index.js +1 -1
  459. package/lib/helper.css +3 -0
  460. package/lib/hooks/use-set-state.js +1 -1
  461. package/lib/hooks/use-touch.js +1 -1
  462. package/lib/hooks/use-update-effect.js +1 -1
  463. package/lib/hooks/use-validation-resolver.js +1 -1
  464. package/lib/icons/alert-danger.svg.js +1 -3
  465. package/lib/icons/alert-info.svg.js +1 -3
  466. package/lib/icons/alert-success.svg.js +1 -3
  467. package/lib/icons/alert-warning.svg.js +1 -3
  468. package/lib/icons/back.svg.js +1 -3
  469. package/lib/icons/calendar.svg.js +1 -3
  470. package/lib/icons/caret.svg.js +1 -3
  471. package/lib/icons/check-circle.svg.js +1 -3
  472. package/lib/icons/check.svg.js +1 -3
  473. package/lib/icons/clock.svg.js +1 -3
  474. package/lib/icons/close-small.svg.js +1 -3
  475. package/lib/icons/close.svg.js +1 -3
  476. package/lib/icons/cloud-upload.svg.js +1 -3
  477. package/lib/icons/column-filter.svg.js +1 -3
  478. package/lib/icons/columns.svg.js +1 -3
  479. package/lib/icons/compress-alt.svg.js +1 -3
  480. package/lib/icons/copy.svg.js +1 -3
  481. package/lib/icons/date.svg.js +1 -3
  482. package/lib/icons/department.svg.js +1 -3
  483. package/lib/icons/desk-empty.svg.js +1 -3
  484. package/lib/icons/dot.svg.js +1 -3
  485. package/lib/icons/down-arrow-bold.svg.js +1 -3
  486. package/lib/icons/down.svg.js +1 -3
  487. package/lib/icons/download.svg.js +1 -3
  488. package/lib/icons/drag-bar.svg.js +1 -3
  489. package/lib/icons/drag.svg.js +1 -3
  490. package/lib/icons/edit.svg.js +1 -3
  491. package/lib/icons/ellipsis-v.svg.js +1 -3
  492. package/lib/icons/enter.svg.js +1 -3
  493. package/lib/icons/exchange.svg.js +1 -3
  494. package/lib/icons/expand-alt.svg.js +1 -3
  495. package/lib/icons/fail.svg.js +1 -3
  496. package/lib/icons/file.svg.js +1 -3
  497. package/lib/icons/filter.svg.js +1 -3
  498. package/lib/icons/folder.svg.js +1 -3
  499. package/lib/icons/function.svg.js +1 -3
  500. package/lib/icons/home.svg.js +1 -3
  501. package/lib/icons/image.svg.js +1 -3
  502. package/lib/icons/info-circle.svg.js +1 -3
  503. package/lib/icons/info.svg.js +1 -3
  504. package/lib/icons/input-clear.svg.js +1 -3
  505. package/lib/icons/invisible.svg.js +1 -3
  506. package/lib/icons/left-arrow.svg.js +1 -3
  507. package/lib/icons/loading-outline.svg.js +1 -3
  508. package/lib/icons/location.svg.js +1 -3
  509. package/lib/icons/menu.svg.js +1 -3
  510. package/lib/icons/minus.svg.js +1 -3
  511. package/lib/icons/move.svg.js +1 -3
  512. package/lib/icons/mute.svg.js +1 -3
  513. package/lib/icons/new-edit.svg.js +1 -3
  514. package/lib/icons/pause.svg.js +1 -3
  515. package/lib/icons/pencil.svg.js +1 -3
  516. package/lib/icons/play.svg.js +1 -3
  517. package/lib/icons/plus-cicle.svg.js +1 -3
  518. package/lib/icons/plus-fine.svg.js +1 -3
  519. package/lib/icons/plus.svg.js +1 -3
  520. package/lib/icons/post.svg.js +1 -3
  521. package/lib/icons/question-mark.svg.js +1 -3
  522. package/lib/icons/question.svg.js +1 -3
  523. package/lib/icons/redo.svg.js +1 -3
  524. package/lib/icons/refresh.svg.js +1 -3
  525. package/lib/icons/reload.svg.js +1 -3
  526. package/lib/icons/remove.svg.js +1 -3
  527. package/lib/icons/retry.svg.js +1 -3
  528. package/lib/icons/right-arrow-bold.svg.js +1 -3
  529. package/lib/icons/right-arrow.svg.js +1 -3
  530. package/lib/icons/right-double-arrow.svg.js +1 -3
  531. package/lib/icons/role.svg.js +1 -3
  532. package/lib/icons/rotate-left.svg.js +1 -3
  533. package/lib/icons/rotate-right.svg.js +1 -3
  534. package/lib/icons/scale-origin.svg.js +1 -3
  535. package/lib/icons/schedule.svg.js +1 -3
  536. package/lib/icons/search.svg.js +1 -3
  537. package/lib/icons/setting.svg.js +1 -3
  538. package/lib/icons/slider-handle-icon.svg.js +1 -3
  539. package/lib/icons/sort-asc.svg.js +1 -3
  540. package/lib/icons/sort-default.svg.js +1 -3
  541. package/lib/icons/sort-desc.svg.js +1 -3
  542. package/lib/icons/star.svg.js +1 -3
  543. package/lib/icons/status-close.svg.js +1 -3
  544. package/lib/icons/status-fail.svg.js +1 -3
  545. package/lib/icons/status-info.svg.js +1 -3
  546. package/lib/icons/status-success.svg.js +1 -3
  547. package/lib/icons/status-warning.svg.js +1 -3
  548. package/lib/icons/steps-finsh.svg.js +1 -3
  549. package/lib/icons/success.svg.js +1 -3
  550. package/lib/icons/transparent.svg.js +1 -3
  551. package/lib/icons/trash.svg.js +1 -3
  552. package/lib/icons/tree-down.svg.js +1 -3
  553. package/lib/icons/undo.svg.js +1 -3
  554. package/lib/icons/upload.svg.js +1 -3
  555. package/lib/icons/user-remove.svg.js +1 -3
  556. package/lib/icons/view.svg.js +1 -3
  557. package/lib/icons/volume.svg.js +1 -3
  558. package/lib/icons/warning-mark.svg.js +1 -3
  559. package/lib/icons/warning.svg.js +1 -3
  560. package/lib/icons/window-restore.svg.js +1 -3
  561. package/lib/icons/zoom-in.svg.js +1 -3
  562. package/lib/icons/zoom-out.svg.js +1 -3
  563. package/lib/index.js +7 -1
  564. package/lib/locale/de-DE.js +3 -1
  565. package/lib/locale/en-US.js +6 -2
  566. package/lib/locale/zh-CN.js +8 -4
  567. package/lib/scss/helper.scss.js +1 -1
  568. package/lib/scss/themes/ang.scss.js +1 -1
  569. package/lib/scss/themes/antd.scss.js +1 -1
  570. package/lib/scss/themes/cxd.scss.js +1 -1
  571. package/lib/scss/themes/dark.scss.js +1 -1
  572. package/lib/scss/themes/default.scss.js +1 -1
  573. package/lib/themes/ang.css +1500 -748
  574. package/lib/themes/ang.js +1 -1
  575. package/lib/themes/antd.css +2721 -886
  576. package/lib/themes/antd.js +1 -1
  577. package/lib/themes/cxd.css +3104 -1548
  578. package/lib/themes/cxd.js +1 -1
  579. package/lib/themes/dark.css +1500 -748
  580. package/lib/themes/dark.js +1 -1
  581. package/lib/themes/default.css +3104 -1548
  582. package/package.json +4 -4
  583. package/scss/_mixins.scss +144 -45
  584. package/scss/_properties.scss +155 -312
  585. package/scss/_utilities.scss +4 -0
  586. package/scss/base/_normalize.scss +4 -0
  587. package/scss/components/_alert.scss +0 -1
  588. package/scss/components/_array-input.scss +8 -3
  589. package/scss/components/_button.scss +708 -177
  590. package/scss/components/_code.scss +10 -0
  591. package/scss/components/_collapse.scss +17 -0
  592. package/scss/components/_condition-builder.scss +153 -30
  593. package/scss/components/_drawer.scss +7 -2
  594. package/scss/components/_formula.scss +4 -0
  595. package/scss/components/_images.scss +4 -0
  596. package/scss/components/_list.scss +1 -1
  597. package/scss/components/_modal.scss +1 -0
  598. package/scss/components/_multiline-text.scss +20 -0
  599. package/scss/components/_search-box.scss +1 -1
  600. package/scss/components/_steps.scss +2 -0
  601. package/scss/components/_table.scss +14 -0
  602. package/scss/components/_tabs.scss +1 -1
  603. package/scss/components/form/_checks.scss +20 -5
  604. package/scss/components/form/_combo.scss +47 -8
  605. package/scss/components/form/_date-range.scss +1 -1
  606. package/scss/components/form/_date.scss +4 -2
  607. package/scss/components/form/_fieldset.scss +4 -3
  608. package/scss/components/form/_form.scss +11 -5
  609. package/scss/components/form/_icon-select.scss +216 -0
  610. package/scss/components/form/_image.scss +44 -9
  611. package/scss/components/form/_input-group.scss +3 -0
  612. package/scss/components/form/_list.scss +33 -28
  613. package/scss/components/form/_location.scss +4 -0
  614. package/scss/components/form/_nested-select.scss +1 -1
  615. package/scss/components/form/_range.scss +4 -0
  616. package/scss/components/form/_select.scss +2 -1
  617. package/scss/components/form/_switch.scss +54 -0
  618. package/scss/components/form/_tag.scss +8 -3
  619. package/scss/components/form/_text.scss +2 -2
  620. package/scss/components/form/_textarea.scss +8 -0
  621. package/scss/components/form/_transfer.scss +213 -20
  622. package/scss/components/form/_tree-select.scss +7 -0
  623. package/scss/themes/_antd-variables.scss +1107 -41
  624. package/scss/themes/_common.scss +3 -0
  625. package/scss/themes/_cxd-variables.scss +1456 -477
  626. package/scss/themes/cxd.scss +423 -404
  627. package/scss/themes/_cxd-colors.scss +0 -56
package/scss/components/_button.scss CHANGED
@@ -1,163 +1,646 @@
1
1
  .#{$ns}Button {
2
- display: inline-block;
3
- font-weight: var(--Button-fontWeight);
4
- text-align: center;
2
+ display: inline-flex;
3
+ align-items: center;
4
+ justify-content: center;
5
5
  vertical-align: middle;
6
6
  user-select: none;
7
7
  background: transparent;
8
- border: var(--Button-borderWidth) solid transparent;
9
8
  transition: var(--Button-transition);
10
9
  white-space: nowrap;
11
- min-width: var(--Button-mimWidth);
10
+ min-width: auto;
12
11
 
13
12
  &--primary {
14
13
  @include button-variant(
15
- var(--Button--primary-bg),
16
- var(--Button--primary-border),
17
- var(--Button--primary-color),
18
- var(--Button--primary-onHover-bg),
19
- var(--Button--primary-onHover-border),
20
- var(--Button--primary-onHover-color),
21
- var(--Button--primary-onActive-bg),
22
- var(--Button--primary-onActive-border),
23
- var(--Button--primary-onActive-color)
14
+ var(--button-primary-default-bg-color),
15
+ var(--button-primary-default-font-color),
16
+ var(--button-primary-default-top-border-color),
17
+ var(--button-primary-default-right-border-color),
18
+ var(--button-primary-default-bottom-border-color),
19
+ var(--button-primary-default-left-border-color),
20
+ var(--button-primary-default-top-border-width),
21
+ var(--button-primary-default-right-border-width),
22
+ var(--button-primary-default-bottom-border-width),
23
+ var(--button-primary-default-left-border-width),
24
+ var(--button-primary-default-top-border-style),
25
+ var(--button-primary-default-right-border-style),
26
+ var(--button-primary-default-bottom-border-style),
27
+ var(--button-primary-default-left-border-style),
28
+ var(--button-primary-default-shadow),
29
+ var(--button-primary-hover-bg-color),
30
+ var(--button-primary-hover-font-color),
31
+ var(--button-primary-hover-top-border-color),
32
+ var(--button-primary-hover-right-border-color),
33
+ var(--button-primary-hover-bottom-border-color),
34
+ var(--button-primary-hover-left-border-color),
35
+ var(--button-primary-hover-top-border-width),
36
+ var(--button-primary-hover-right-border-width),
37
+ var(--button-primary-hover-bottom-border-width),
38
+ var(--button-primary-hover-left-border-width),
39
+ var(--button-primary-hover-top-border-style),
40
+ var(--button-primary-hover-right-border-style),
41
+ var(--button-primary-hover-bottom-border-style),
42
+ var(--button-primary-hover-left-border-style),
43
+ var(--button-primary-hover-shadow),
44
+ var(--button-primary-active-bg-color),
45
+ var(--button-primary-active-font-color),
46
+ var(--button-primary-active-top-border-color),
47
+ var(--button-primary-active-right-border-color),
48
+ var(--button-primary-active-bottom-border-color),
49
+ var(--button-primary-active-left-border-color),
50
+ var(--button-primary-active-top-border-width),
51
+ var(--button-primary-active-right-border-width),
52
+ var(--button-primary-active-bottom-border-width),
53
+ var(--button-primary-active-left-border-width),
54
+ var(--button-primary-active-top-border-style),
55
+ var(--button-primary-active-right-border-style),
56
+ var(--button-primary-active-bottom-border-style),
57
+ var(--button-primary-active-left-border-style),
58
+ var(--button-primary-active-shadow),
59
+ var(--button-primary-disabled-bg-color),
60
+ var(--button-primary-disabled-font-color),
61
+ var(--button-primary-disabled-top-border-color),
62
+ var(--button-primary-disabled-right-border-color),
63
+ var(--button-primary-disabled-bottom-border-color),
64
+ var(--button-primary-disabled-left-border-color),
65
+ var(--button-primary-disabled-top-border-width),
66
+ var(--button-primary-disabled-right-border-width),
67
+ var(--button-primary-disabled-bottom-border-width),
68
+ var(--button-primary-disabled-left-border-width),
69
+ var(--button-primary-disabled-top-border-style),
70
+ var(--button-primary-disabled-right-border-style),
71
+ var(--button-primary-disabled-bottom-border-style),
72
+ var(--button-primary-disabled-left-border-style),
73
+ var(--button-primary-disabled-shadow)
24
74
  );
25
75
  }
26
76
 
27
77
  &--secondary {
28
78
  @include button-variant(
29
- var(--Button--secondary-bg),
30
- var(--Button--secondary-border),
31
- var(--Button--secondary-color),
32
- var(--Button--secondary-onHover-bg),
33
- var(--Button--secondary-onHover-border),
34
- var(--Button--secondary-onHover-color),
35
- var(--Button--secondary-onActive-bg),
36
- var(--Button--secondary-onActive-border),
37
- var(--Button--secondary-onActive-color)
79
+ var(--button-secondary-default-bg-color),
80
+ var(--button-secondary-default-font-color),
81
+ var(--button-secondary-default-top-border-color),
82
+ var(--button-secondary-default-right-border-color),
83
+ var(--button-secondary-default-bottom-border-color),
84
+ var(--button-secondary-default-left-border-color),
85
+ var(--button-secondary-default-top-border-width),
86
+ var(--button-secondary-default-right-border-width),
87
+ var(--button-secondary-default-bottom-border-width),
88
+ var(--button-secondary-default-left-border-width),
89
+ var(--button-secondary-default-top-border-style),
90
+ var(--button-secondary-default-right-border-style),
91
+ var(--button-secondary-default-bottom-border-style),
92
+ var(--button-secondary-default-left-border-style),
93
+ var(--button-secondary-default-shadow),
94
+ var(--button-secondary-hover-bg-color),
95
+ var(--button-secondary-hover-font-color),
96
+ var(--button-secondary-hover-top-border-color),
97
+ var(--button-secondary-hover-right-border-color),
98
+ var(--button-secondary-hover-bottom-border-color),
99
+ var(--button-secondary-hover-left-border-color),
100
+ var(--button-secondary-hover-top-border-width),
101
+ var(--button-secondary-hover-right-border-width),
102
+ var(--button-secondary-hover-bottom-border-width),
103
+ var(--button-secondary-hover-left-border-width),
104
+ var(--button-secondary-hover-top-border-style),
105
+ var(--button-secondary-hover-right-border-style),
106
+ var(--button-secondary-hover-bottom-border-style),
107
+ var(--button-secondary-hover-left-border-style),
108
+ var(--button-secondary-hover-shadow),
109
+ var(--button-secondary-active-bg-color),
110
+ var(--button-secondary-active-font-color),
111
+ var(--button-secondary-active-top-border-color),
112
+ var(--button-secondary-active-right-border-color),
113
+ var(--button-secondary-active-bottom-border-color),
114
+ var(--button-secondary-active-left-border-color),
115
+ var(--button-secondary-active-top-border-width),
116
+ var(--button-secondary-active-right-border-width),
117
+ var(--button-secondary-active-bottom-border-width),
118
+ var(--button-secondary-active-left-border-width),
119
+ var(--button-secondary-active-top-border-style),
120
+ var(--button-secondary-active-right-border-style),
121
+ var(--button-secondary-active-bottom-border-style),
122
+ var(--button-secondary-active-left-border-style),
123
+ var(--button-secondary-active-shadow),
124
+ var(--button-secondary-disabled-bg-color),
125
+ var(--button-secondary-disabled-font-color),
126
+ var(--button-secondary-disabled-top-border-color),
127
+ var(--button-secondary-disabled-right-border-color),
128
+ var(--button-secondary-disabled-bottom-border-color),
129
+ var(--button-secondary-disabled-left-border-color),
130
+ var(--button-secondary-disabled-top-border-width),
131
+ var(--button-secondary-disabled-right-border-width),
132
+ var(--button-secondary-disabled-bottom-border-width),
133
+ var(--button-secondary-disabled-left-border-width),
134
+ var(--button-secondary-disabled-top-border-style),
135
+ var(--button-secondary-disabled-right-border-style),
136
+ var(--button-secondary-disabled-bottom-border-style),
137
+ var(--button-secondary-disabled-left-border-style),
138
+ var(--button-secondary-disabled-shadow)
38
139
  );
39
140
  }
40
141
 
41
142
  &--success {
42
143
  @include button-variant(
43
- var(--Button--success-bg),
44
- var(--Button--success-border),
45
- var(--Button--success-color),
46
- var(--Button--success-onHover-bg),
47
- var(--Button--success-onHover-border),
48
- var(--Button--success-onHover-color),
49
- var(--Button--success-onActive-bg),
50
- var(--Button--success-onActive-border),
51
- var(--Button--success-onActive-color)
144
+ var(--button-success-default-bg-color),
145
+ var(--button-success-default-font-color),
146
+ var(--button-success-default-top-border-color),
147
+ var(--button-success-default-right-border-color),
148
+ var(--button-success-default-bottom-border-color),
149
+ var(--button-success-default-left-border-color),
150
+ var(--button-success-default-top-border-width),
151
+ var(--button-success-default-right-border-width),
152
+ var(--button-success-default-bottom-border-width),
153
+ var(--button-success-default-left-border-width),
154
+ var(--button-success-default-top-border-style),
155
+ var(--button-success-default-right-border-style),
156
+ var(--button-success-default-bottom-border-style),
157
+ var(--button-success-default-left-border-style),
158
+ var(--button-success-default-shadow),
159
+ var(--button-success-hover-bg-color),
160
+ var(--button-success-hover-font-color),
161
+ var(--button-success-hover-top-border-color),
162
+ var(--button-success-hover-right-border-color),
163
+ var(--button-success-hover-bottom-border-color),
164
+ var(--button-success-hover-left-border-color),
165
+ var(--button-success-hover-top-border-width),
166
+ var(--button-success-hover-right-border-width),
167
+ var(--button-success-hover-bottom-border-width),
168
+ var(--button-success-hover-left-border-width),
169
+ var(--button-success-hover-top-border-style),
170
+ var(--button-success-hover-right-border-style),
171
+ var(--button-success-hover-bottom-border-style),
172
+ var(--button-success-hover-left-border-style),
173
+ var(--button-success-hover-shadow),
174
+ var(--button-success-active-bg-color),
175
+ var(--button-success-active-font-color),
176
+ var(--button-success-active-top-border-color),
177
+ var(--button-success-active-right-border-color),
178
+ var(--button-success-active-bottom-border-color),
179
+ var(--button-success-active-left-border-color),
180
+ var(--button-success-active-top-border-width),
181
+ var(--button-success-active-right-border-width),
182
+ var(--button-success-active-bottom-border-width),
183
+ var(--button-success-active-left-border-width),
184
+ var(--button-success-active-top-border-style),
185
+ var(--button-success-active-right-border-style),
186
+ var(--button-success-active-bottom-border-style),
187
+ var(--button-success-active-left-border-style),
188
+ var(--button-success-active-shadow),
189
+ var(--button-success-disabled-bg-color),
190
+ var(--button-success-disabled-font-color),
191
+ var(--button-success-disabled-top-border-color),
192
+ var(--button-success-disabled-right-border-color),
193
+ var(--button-success-disabled-bottom-border-color),
194
+ var(--button-success-disabled-left-border-color),
195
+ var(--button-success-disabled-top-border-width),
196
+ var(--button-success-disabled-right-border-width),
197
+ var(--button-success-disabled-bottom-border-width),
198
+ var(--button-success-disabled-left-border-width),
199
+ var(--button-success-disabled-top-border-style),
200
+ var(--button-success-disabled-right-border-style),
201
+ var(--button-success-disabled-bottom-border-style),
202
+ var(--button-success-disabled-left-border-style),
203
+ var(--button-success-disabled-shadow)
52
204
  );
53
205
  }
54
206
 
55
207
  &--enhance {
56
208
  @include button-variant(
57
- var(--Button--enhance-bg),
58
- var(--Button--enhance-border),
59
- var(--Button--enhance-color),
60
- var(--Button--enhance-onHover-bg),
61
- var(--Button--enhance-onHover-border),
62
- var(--Button--enhance-onHover-color),
63
- var(--Button--enhance-onActive-bg),
64
- var(--Button--enhance-onActive-border),
65
- var(--Button--enhance-onActive-color)
209
+ var(--button-enhance-default-bg-color),
210
+ var(--button-enhance-default-font-color),
211
+ var(--button-enhance-default-top-border-color),
212
+ var(--button-enhance-default-right-border-color),
213
+ var(--button-enhance-default-bottom-border-color),
214
+ var(--button-enhance-default-left-border-color),
215
+ var(--button-enhance-default-top-border-width),
216
+ var(--button-enhance-default-right-border-width),
217
+ var(--button-enhance-default-bottom-border-width),
218
+ var(--button-enhance-default-left-border-width),
219
+ var(--button-enhance-default-top-border-style),
220
+ var(--button-enhance-default-right-border-style),
221
+ var(--button-enhance-default-bottom-border-style),
222
+ var(--button-enhance-default-left-border-style),
223
+ var(--button-enhance-default-shadow),
224
+ var(--button-enhance-hover-bg-color),
225
+ var(--button-enhance-hover-font-color),
226
+ var(--button-enhance-hover-top-border-color),
227
+ var(--button-enhance-hover-right-border-color),
228
+ var(--button-enhance-hover-bottom-border-color),
229
+ var(--button-enhance-hover-left-border-color),
230
+ var(--button-enhance-hover-top-border-width),
231
+ var(--button-enhance-hover-right-border-width),
232
+ var(--button-enhance-hover-bottom-border-width),
233
+ var(--button-enhance-hover-left-border-width),
234
+ var(--button-enhance-hover-top-border-style),
235
+ var(--button-enhance-hover-right-border-style),
236
+ var(--button-enhance-hover-bottom-border-style),
237
+ var(--button-enhance-hover-left-border-style),
238
+ var(--button-enhance-hover-shadow),
239
+ var(--button-enhance-active-bg-color),
240
+ var(--button-enhance-active-font-color),
241
+ var(--button-enhance-active-top-border-color),
242
+ var(--button-enhance-active-right-border-color),
243
+ var(--button-enhance-active-bottom-border-color),
244
+ var(--button-enhance-active-left-border-color),
245
+ var(--button-enhance-active-top-border-width),
246
+ var(--button-enhance-active-right-border-width),
247
+ var(--button-enhance-active-bottom-border-width),
248
+ var(--button-enhance-active-left-border-width),
249
+ var(--button-enhance-active-top-border-style),
250
+ var(--button-enhance-active-right-border-style),
251
+ var(--button-enhance-active-bottom-border-style),
252
+ var(--button-enhance-active-left-border-style),
253
+ var(--button-enhance-active-shadow),
254
+ var(--button-enhance-disabled-bg-color),
255
+ var(--button-enhance-disabled-font-color),
256
+ var(--button-enhance-disabled-top-border-color),
257
+ var(--button-enhance-disabled-right-border-color),
258
+ var(--button-enhance-disabled-bottom-border-color),
259
+ var(--button-enhance-disabled-left-border-color),
260
+ var(--button-enhance-disabled-top-border-width),
261
+ var(--button-enhance-disabled-right-border-width),
262
+ var(--button-enhance-disabled-bottom-border-width),
263
+ var(--button-enhance-disabled-left-border-width),
264
+ var(--button-enhance-disabled-top-border-style),
265
+ var(--button-enhance-disabled-right-border-style),
266
+ var(--button-enhance-disabled-bottom-border-style),
267
+ var(--button-enhance-disabled-left-border-style),
268
+ var(--button-enhance-disabled-shadow)
66
269
  );
67
270
  }
68
271
 
69
272
  &--info {
70
273
  @include button-variant(
71
- var(--Button--info-bg),
72
- var(--Button--info-border),
73
- var(--Button--info-color),
74
- var(--Button--info-onHover-bg),
75
- var(--Button--info-onHover-border),
76
- var(--Button--info-onHover-color),
77
- var(--Button--info-onActive-bg),
78
- var(--Button--info-onActive-border),
79
- var(--Button--info-onActive-color)
274
+ var(--button-info-default-bg-color),
275
+ var(--button-info-default-font-color),
276
+ var(--button-info-default-top-border-color),
277
+ var(--button-info-default-right-border-color),
278
+ var(--button-info-default-bottom-border-color),
279
+ var(--button-info-default-left-border-color),
280
+ var(--button-info-default-top-border-width),
281
+ var(--button-info-default-right-border-width),
282
+ var(--button-info-default-bottom-border-width),
283
+ var(--button-info-default-left-border-width),
284
+ var(--button-info-default-top-border-style),
285
+ var(--button-info-default-right-border-style),
286
+ var(--button-info-default-bottom-border-style),
287
+ var(--button-info-default-left-border-style),
288
+ var(--button-info-default-shadow),
289
+ var(--button-info-hover-bg-color),
290
+ var(--button-info-hover-font-color),
291
+ var(--button-info-hover-top-border-color),
292
+ var(--button-info-hover-right-border-color),
293
+ var(--button-info-hover-bottom-border-color),
294
+ var(--button-info-hover-left-border-color),
295
+ var(--button-info-hover-top-border-width),
296
+ var(--button-info-hover-right-border-width),
297
+ var(--button-info-hover-bottom-border-width),
298
+ var(--button-info-hover-left-border-width),
299
+ var(--button-info-hover-top-border-style),
300
+ var(--button-info-hover-right-border-style),
301
+ var(--button-info-hover-bottom-border-style),
302
+ var(--button-info-hover-left-border-style),
303
+ var(--button-info-hover-shadow),
304
+ var(--button-info-active-bg-color),
305
+ var(--button-info-active-font-color),
306
+ var(--button-info-active-top-border-color),
307
+ var(--button-info-active-right-border-color),
308
+ var(--button-info-active-bottom-border-color),
309
+ var(--button-info-active-left-border-color),
310
+ var(--button-info-active-top-border-width),
311
+ var(--button-info-active-right-border-width),
312
+ var(--button-info-active-bottom-border-width),
313
+ var(--button-info-active-left-border-width),
314
+ var(--button-info-active-top-border-style),
315
+ var(--button-info-active-right-border-style),
316
+ var(--button-info-active-bottom-border-style),
317
+ var(--button-info-active-left-border-style),
318
+ var(--button-info-active-shadow),
319
+ var(--button-info-disabled-bg-color),
320
+ var(--button-info-disabled-font-color),
321
+ var(--button-info-disabled-top-border-color),
322
+ var(--button-info-disabled-right-border-color),
323
+ var(--button-info-disabled-bottom-border-color),
324
+ var(--button-info-disabled-left-border-color),
325
+ var(--button-info-disabled-top-border-width),
326
+ var(--button-info-disabled-right-border-width),
327
+ var(--button-info-disabled-bottom-border-width),
328
+ var(--button-info-disabled-left-border-width),
329
+ var(--button-info-disabled-top-border-style),
330
+ var(--button-info-disabled-right-border-style),
331
+ var(--button-info-disabled-bottom-border-style),
332
+ var(--button-info-disabled-left-border-style),
333
+ var(--button-info-disabled-shadow)
80
334
  );
81
335
  }
82
336
 
83
337
  &--warning {
84
338
  @include button-variant(
85
- var(--Button--warning-bg),
86
- var(--Button--warning-border),
87
- var(--Button--warning-color),
88
- var(--Button--warning-onHover-bg),
89
- var(--Button--warning-onHover-border),
90
- var(--Button--warning-onHover-color),
91
- var(--Button--warning-onActive-bg),
92
- var(--Button--warning-onActive-border),
93
- var(--Button--warning-onActive-color)
339
+ var(--button-warning-default-bg-color),
340
+ var(--button-warning-default-font-color),
341
+ var(--button-warning-default-top-border-color),
342
+ var(--button-warning-default-right-border-color),
343
+ var(--button-warning-default-bottom-border-color),
344
+ var(--button-warning-default-left-border-color),
345
+ var(--button-warning-default-top-border-width),
346
+ var(--button-warning-default-right-border-width),
347
+ var(--button-warning-default-bottom-border-width),
348
+ var(--button-warning-default-left-border-width),
349
+ var(--button-warning-default-top-border-style),
350
+ var(--button-warning-default-right-border-style),
351
+ var(--button-warning-default-bottom-border-style),
352
+ var(--button-warning-default-left-border-style),
353
+ var(--button-warning-default-shadow),
354
+ var(--button-warning-hover-bg-color),
355
+ var(--button-warning-hover-font-color),
356
+ var(--button-warning-hover-top-border-color),
357
+ var(--button-warning-hover-right-border-color),
358
+ var(--button-warning-hover-bottom-border-color),
359
+ var(--button-warning-hover-left-border-color),
360
+ var(--button-warning-hover-top-border-width),
361
+ var(--button-warning-hover-right-border-width),
362
+ var(--button-warning-hover-bottom-border-width),
363
+ var(--button-warning-hover-left-border-width),
364
+ var(--button-warning-hover-top-border-style),
365
+ var(--button-warning-hover-right-border-style),
366
+ var(--button-warning-hover-bottom-border-style),
367
+ var(--button-warning-hover-left-border-style),
368
+ var(--button-warning-hover-shadow),
369
+ var(--button-warning-active-bg-color),
370
+ var(--button-warning-active-font-color),
371
+ var(--button-warning-active-top-border-color),
372
+ var(--button-warning-active-right-border-color),
373
+ var(--button-warning-active-bottom-border-color),
374
+ var(--button-warning-active-left-border-color),
375
+ var(--button-warning-active-top-border-width),
376
+ var(--button-warning-active-right-border-width),
377
+ var(--button-warning-active-bottom-border-width),
378
+ var(--button-warning-active-left-border-width),
379
+ var(--button-warning-active-top-border-style),
380
+ var(--button-warning-active-right-border-style),
381
+ var(--button-warning-active-bottom-border-style),
382
+ var(--button-warning-active-left-border-style),
383
+ var(--button-warning-active-shadow),
384
+ var(--button-warning-disabled-bg-color),
385
+ var(--button-warning-disabled-font-color),
386
+ var(--button-warning-disabled-top-border-color),
387
+ var(--button-warning-disabled-right-border-color),
388
+ var(--button-warning-disabled-bottom-border-color),
389
+ var(--button-warning-disabled-left-border-color),
390
+ var(--button-warning-disabled-top-border-width),
391
+ var(--button-warning-disabled-right-border-width),
392
+ var(--button-warning-disabled-bottom-border-width),
393
+ var(--button-warning-disabled-left-border-width),
394
+ var(--button-warning-disabled-top-border-style),
395
+ var(--button-warning-disabled-right-border-style),
396
+ var(--button-warning-disabled-bottom-border-style),
397
+ var(--button-warning-disabled-left-border-style),
398
+ var(--button-warning-disabled-shadow)
94
399
  );
95
400
  }
96
401
 
97
402
  &--danger {
98
403
  @include button-variant(
99
- var(--Button--danger-bg),
100
- var(--Button--danger-border),
101
- var(--Button--danger-color),
102
- var(--Button--danger-onHover-bg),
103
- var(--Button--danger-onHover-border),
104
- var(--Button--danger-onHover-color),
105
- var(--Button--danger-onActive-bg),
106
- var(--Button--danger-onActive-border),
107
- var(--Button--danger-onActive-color)
404
+ var(--button-danger-default-bg-color),
405
+ var(--button-danger-default-font-color),
406
+ var(--button-danger-default-top-border-color),
407
+ var(--button-danger-default-right-border-color),
408
+ var(--button-danger-default-bottom-border-color),
409
+ var(--button-danger-default-left-border-color),
410
+ var(--button-danger-default-top-border-width),
411
+ var(--button-danger-default-right-border-width),
412
+ var(--button-danger-default-bottom-border-width),
413
+ var(--button-danger-default-left-border-width),
414
+ var(--button-danger-default-top-border-style),
415
+ var(--button-danger-default-right-border-style),
416
+ var(--button-danger-default-bottom-border-style),
417
+ var(--button-danger-default-left-border-style),
418
+ var(--button-danger-default-shadow),
419
+ var(--button-danger-hover-bg-color),
420
+ var(--button-danger-hover-font-color),
421
+ var(--button-danger-hover-top-border-color),
422
+ var(--button-danger-hover-right-border-color),
423
+ var(--button-danger-hover-bottom-border-color),
424
+ var(--button-danger-hover-left-border-color),
425
+ var(--button-danger-hover-top-border-width),
426
+ var(--button-danger-hover-right-border-width),
427
+ var(--button-danger-hover-bottom-border-width),
428
+ var(--button-danger-hover-left-border-width),
429
+ var(--button-danger-hover-top-border-style),
430
+ var(--button-danger-hover-right-border-style),
431
+ var(--button-danger-hover-bottom-border-style),
432
+ var(--button-danger-hover-left-border-style),
433
+ var(--button-danger-hover-shadow),
434
+ var(--button-danger-active-bg-color),
435
+ var(--button-danger-active-font-color),
436
+ var(--button-danger-active-top-border-color),
437
+ var(--button-danger-active-right-border-color),
438
+ var(--button-danger-active-bottom-border-color),
439
+ var(--button-danger-active-left-border-color),
440
+ var(--button-danger-active-top-border-width),
441
+ var(--button-danger-active-right-border-width),
442
+ var(--button-danger-active-bottom-border-width),
443
+ var(--button-danger-active-left-border-width),
444
+ var(--button-danger-active-top-border-style),
445
+ var(--button-danger-active-right-border-style),
446
+ var(--button-danger-active-bottom-border-style),
447
+ var(--button-danger-active-left-border-style),
448
+ var(--button-danger-active-shadow),
449
+ var(--button-danger-disabled-bg-color),
450
+ var(--button-danger-disabled-font-color),
451
+ var(--button-danger-disabled-top-border-color),
452
+ var(--button-danger-disabled-right-border-color),
453
+ var(--button-danger-disabled-bottom-border-color),
454
+ var(--button-danger-disabled-left-border-color),
455
+ var(--button-danger-disabled-top-border-width),
456
+ var(--button-danger-disabled-right-border-width),
457
+ var(--button-danger-disabled-bottom-border-width),
458
+ var(--button-danger-disabled-left-border-width),
459
+ var(--button-danger-disabled-top-border-style),
460
+ var(--button-danger-disabled-right-border-style),
461
+ var(--button-danger-disabled-bottom-border-style),
462
+ var(--button-danger-disabled-left-border-style),
463
+ var(--button-danger-disabled-shadow)
108
464
  );
109
465
  }
110
466
 
111
467
  &--light {
112
468
  @include button-variant(
113
- var(--Button--light-bg),
114
- var(--Button--light-border),
115
- var(--Button--light-color),
116
- var(--Button--light-onHover-bg),
117
- var(--Button--light-onHover-border),
118
- var(--Button--light-onHover-color),
119
- var(--Button--light-onActive-bg),
120
- var(--Button--light-onActive-border),
121
- var(--Button--light-onActive-color)
469
+ var(--button-light-default-bg-color),
470
+ var(--button-light-default-font-color),
471
+ var(--button-light-default-top-border-color),
472
+ var(--button-light-default-right-border-color),
473
+ var(--button-light-default-bottom-border-color),
474
+ var(--button-light-default-left-border-color),
475
+ var(--button-light-default-top-border-width),
476
+ var(--button-light-default-right-border-width),
477
+ var(--button-light-default-bottom-border-width),
478
+ var(--button-light-default-left-border-width),
479
+ var(--button-light-default-top-border-style),
480
+ var(--button-light-default-right-border-style),
481
+ var(--button-light-default-bottom-border-style),
482
+ var(--button-light-default-left-border-style),
483
+ var(--button-light-default-shadow),
484
+ var(--button-light-hover-bg-color),
485
+ var(--button-light-hover-font-color),
486
+ var(--button-light-hover-top-border-color),
487
+ var(--button-light-hover-right-border-color),
488
+ var(--button-light-hover-bottom-border-color),
489
+ var(--button-light-hover-left-border-color),
490
+ var(--button-light-hover-top-border-width),
491
+ var(--button-light-hover-right-border-width),
492
+ var(--button-light-hover-bottom-border-width),
493
+ var(--button-light-hover-left-border-width),
494
+ var(--button-light-hover-top-border-style),
495
+ var(--button-light-hover-right-border-style),
496
+ var(--button-light-hover-bottom-border-style),
497
+ var(--button-light-hover-left-border-style),
498
+ var(--button-light-hover-shadow),
499
+ var(--button-light-active-bg-color),
500
+ var(--button-light-active-font-color),
501
+ var(--button-light-active-top-border-color),
502
+ var(--button-light-active-right-border-color),
503
+ var(--button-light-active-bottom-border-color),
504
+ var(--button-light-active-left-border-color),
505
+ var(--button-light-active-top-border-width),
506
+ var(--button-light-active-right-border-width),
507
+ var(--button-light-active-bottom-border-width),
508
+ var(--button-light-active-left-border-width),
509
+ var(--button-light-active-top-border-style),
510
+ var(--button-light-active-right-border-style),
511
+ var(--button-light-active-bottom-border-style),
512
+ var(--button-light-active-left-border-style),
513
+ var(--button-light-active-shadow),
514
+ var(--button-light-disabled-bg-color),
515
+ var(--button-light-disabled-font-color),
516
+ var(--button-light-disabled-top-border-color),
517
+ var(--button-light-disabled-right-border-color),
518
+ var(--button-light-disabled-bottom-border-color),
519
+ var(--button-light-disabled-left-border-color),
520
+ var(--button-light-disabled-top-border-width),
521
+ var(--button-light-disabled-right-border-width),
522
+ var(--button-light-disabled-bottom-border-width),
523
+ var(--button-light-disabled-left-border-width),
524
+ var(--button-light-disabled-top-border-style),
525
+ var(--button-light-disabled-right-border-style),
526
+ var(--button-light-disabled-bottom-border-style),
527
+ var(--button-light-disabled-left-border-style),
528
+ var(--button-light-disabled-shadow)
122
529
  );
123
530
  }
124
531
 
125
532
  &--dark {
126
533
  @include button-variant(
127
- var(--Button--dark-bg),
128
- var(--Button--dark-border),
129
- var(--Button--dark-color),
130
- var(--Button--dark-onHover-bg),
131
- var(--Button--dark-onHover-border),
132
- var(--Button--dark-onHover-color),
133
- var(--Button--dark-onActive-bg),
134
- var(--Button--dark-onActive-border),
135
- var(--Button--dark-onActive-color)
534
+ var(--button-dark-default-bg-color),
535
+ var(--button-dark-default-font-color),
536
+ var(--button-dark-default-top-border-color),
537
+ var(--button-dark-default-right-border-color),
538
+ var(--button-dark-default-bottom-border-color),
539
+ var(--button-dark-default-left-border-color),
540
+ var(--button-dark-default-top-border-width),
541
+ var(--button-dark-default-right-border-width),
542
+ var(--button-dark-default-bottom-border-width),
543
+ var(--button-dark-default-left-border-width),
544
+ var(--button-dark-default-top-border-style),
545
+ var(--button-dark-default-right-border-style),
546
+ var(--button-dark-default-bottom-border-style),
547
+ var(--button-dark-default-left-border-style),
548
+ var(--button-dark-default-shadow),
549
+ var(--button-dark-hover-bg-color),
550
+ var(--button-dark-hover-font-color),
551
+ var(--button-dark-hover-top-border-color),
552
+ var(--button-dark-hover-right-border-color),
553
+ var(--button-dark-hover-bottom-border-color),
554
+ var(--button-dark-hover-left-border-color),
555
+ var(--button-dark-hover-top-border-width),
556
+ var(--button-dark-hover-right-border-width),
557
+ var(--button-dark-hover-bottom-border-width),
558
+ var(--button-dark-hover-left-border-width),
559
+ var(--button-dark-hover-top-border-style),
560
+ var(--button-dark-hover-right-border-style),
561
+ var(--button-dark-hover-bottom-border-style),
562
+ var(--button-dark-hover-left-border-style),
563
+ var(--button-dark-hover-shadow),
564
+ var(--button-dark-active-bg-color),
565
+ var(--button-dark-active-font-color),
566
+ var(--button-dark-active-top-border-color),
567
+ var(--button-dark-active-right-border-color),
568
+ var(--button-dark-active-bottom-border-color),
569
+ var(--button-dark-active-left-border-color),
570
+ var(--button-dark-active-top-border-width),
571
+ var(--button-dark-active-right-border-width),
572
+ var(--button-dark-active-bottom-border-width),
573
+ var(--button-dark-active-left-border-width),
574
+ var(--button-dark-active-top-border-style),
575
+ var(--button-dark-active-right-border-style),
576
+ var(--button-dark-active-bottom-border-style),
577
+ var(--button-dark-active-left-border-style),
578
+ var(--button-dark-active-shadow),
579
+ var(--button-dark-disabled-bg-color),
580
+ var(--button-dark-disabled-font-color),
581
+ var(--button-dark-disabled-top-border-color),
582
+ var(--button-dark-disabled-right-border-color),
583
+ var(--button-dark-disabled-bottom-border-color),
584
+ var(--button-dark-disabled-left-border-color),
585
+ var(--button-dark-disabled-top-border-width),
586
+ var(--button-dark-disabled-right-border-width),
587
+ var(--button-dark-disabled-bottom-border-width),
588
+ var(--button-dark-disabled-left-border-width),
589
+ var(--button-dark-disabled-top-border-style),
590
+ var(--button-dark-disabled-right-border-style),
591
+ var(--button-dark-disabled-bottom-border-style),
592
+ var(--button-dark-disabled-left-border-style),
593
+ var(--button-dark-disabled-shadow)
136
594
  );
137
595
  }
138
596
 
139
597
  &--default {
140
- @include button-variant(
141
- var(--Button--default-bg),
142
- var(--Button--default-border),
143
- var(--Button--default-color),
144
- var(--Button--default-onHover-bg),
145
- var(--Button--default-onHover-border),
146
- var(--Button--default-onHover-color),
147
- var(--Button--default-onActive-bg),
148
- var(--Button--default-onActive-border),
149
- var(--Button--default-onActive-color)
598
+ @include button-variant();
599
+ }
600
+
601
+ &--size-default {
602
+ @include button-size(
603
+ var(--button-size-default-font-size),
604
+ var(--button-size-default-font-lineHeight),
605
+ var(--button-size-default-top-right-border-radius),
606
+ var(--button-size-default-top-left-border-radius),
607
+ var(--button-size-default-bottom-right-border-radius),
608
+ var(--button-size-default-bottom-left-border-radius),
609
+ var(--button-size-default-height),
610
+ var(--button-size-default-paddingTop),
611
+ var(--button-size-default-paddingBottom),
612
+ var(--button-size-default-paddingLeft),
613
+ var(--button-size-default-paddingRight),
614
+ var(--button-size-default-marginTop),
615
+ var(--button-size-default-marginBottom),
616
+ var(--button-size-default-marginLeft),
617
+ var(--button-size-default-marginRight),
618
+ var(--button-size-default-minWith),
619
+ var(--button-size-default-icon-size),
620
+ var(--button-size-default-icon-margin)
150
621
  );
151
622
  }
152
623
 
153
- &--xs {
624
+ &--size-xs {
154
625
  @include button-size(
155
- var(--Button--xs-paddingY),
156
- var(--Button--xs-paddingX),
157
- var(--Button--xs-fontSize),
158
- var(--Button--xs-lineHeight),
159
- var(--Button--sm-borderRadius),
160
- var(--Button--xs-height)
626
+ var(--button-size-xs-font-size),
627
+ var(--button-size-xs-font-lineHeight),
628
+ var(--button-size-xs-top-right-border-radius),
629
+ var(--button-size-xs-top-left-border-radius),
630
+ var(--button-size-xs-bottom-right-border-radius),
631
+ var(--button-size-xs-bottom-left-border-radius),
632
+ var(--button-size-xs-height),
633
+ var(--button-size-xs-paddingTop),
634
+ var(--button-size-xs-paddingBottom),
635
+ var(--button-size-xs-paddingLeft),
636
+ var(--button-size-xs-paddingRight),
637
+ var(--button-size-xs-marginTop),
638
+ var(--button-size-xs-marginBottom),
639
+ var(--button-size-xs-marginLeft),
640
+ var(--button-size-xs-marginRight),
641
+ var(--button-size-xs-minWith),
642
+ var(--button-size-xs-icon-size),
643
+ var(--button-size-xs-icon-margin)
161
644
  );
162
645
 
163
646
  &.#{$ns}Button--iconOnly {
@@ -167,14 +650,26 @@
167
650
  }
168
651
  }
169
652
 
170
- &--sm {
653
+ &--size-sm {
171
654
  @include button-size(
172
- var(--Button--sm-paddingY),
173
- var(--Button--sm-paddingX),
174
- var(--Button--sm-fontSize),
175
- var(--Button--sm-lineHeight),
176
- var(--Button--sm-borderRadius),
177
- var(--Button--sm-height)
655
+ var(--button-size-sm-font-size),
656
+ var(--button-size-sm-font-lineHeight),
657
+ var(--button-size-sm-top-right-border-radius),
658
+ var(--button-size-sm-top-left-border-radius),
659
+ var(--button-size-sm-bottom-right-border-radius),
660
+ var(--button-size-sm-bottom-left-border-radius),
661
+ var(--button-size-sm-height),
662
+ var(--button-size-sm-paddingTop),
663
+ var(--button-size-sm-paddingBottom),
664
+ var(--button-size-sm-paddingLeft),
665
+ var(--button-size-sm-paddingRight),
666
+ var(--button-size-sm-marginTop),
667
+ var(--button-size-sm-marginBottom),
668
+ var(--button-size-sm-marginLeft),
669
+ var(--button-size-sm-marginRight),
670
+ var(--button-size-sm-minWith),
671
+ var(--button-size-sm-icon-size),
672
+ var(--button-size-sm-icon-margin)
178
673
  );
179
674
 
180
675
  &.#{$ns}Button--iconOnly {
@@ -184,14 +679,26 @@
184
679
  }
185
680
  }
186
681
 
187
- &--md {
682
+ &--size-md {
188
683
  @include button-size(
189
- var(--Button--md-paddingY),
190
- var(--Button--md-paddingX),
191
- var(--Button--md-fontSize),
192
- var(--Button--md-lineHeight),
193
- var(--Button-borderRadius),
194
- var(--Button--md-height)
684
+ var(--button-size-md-font-size),
685
+ var(--button-size-md-font-lineHeight),
686
+ var(--button-size-md-top-right-border-radius),
687
+ var(--button-size-md-top-left-border-radius),
688
+ var(--button-size-md-bottom-right-border-radius),
689
+ var(--button-size-md-bottom-left-border-radius),
690
+ var(--button-size-md-height),
691
+ var(--button-size-md-paddingTop),
692
+ var(--button-size-md-paddingBottom),
693
+ var(--button-size-md-paddingLeft),
694
+ var(--button-size-md-paddingRight),
695
+ var(--button-size-md-marginTop),
696
+ var(--button-size-md-marginBottom),
697
+ var(--button-size-md-marginLeft),
698
+ var(--button-size-md-marginRight),
699
+ var(--button-size-md-minWith),
700
+ var(--button-size-md-icon-size),
701
+ var(--button-size-md-icon-margin)
195
702
  );
196
703
 
197
704
  &.#{$ns}Button--iconOnly {
@@ -201,14 +708,26 @@
201
708
  }
202
709
  }
203
710
 
204
- &--lg {
711
+ &--size-lg {
205
712
  @include button-size(
206
- var(--Button--lg-paddingY),
207
- var(--Button--lg-paddingX),
208
- var(--Button--lg-fontSize),
209
- var(--Button--lg-lineHeight),
210
- var(--Button--lg-borderRadius),
211
- var(--Button--lg-height)
713
+ var(--button-size-lg-font-size),
714
+ var(--button-size-lg-font-lineHeight),
715
+ var(--button-size-lg-top-right-border-radius),
716
+ var(--button-size-lg-top-left-border-radius),
717
+ var(--button-size-lg-bottom-right-border-radius),
718
+ var(--button-size-lg-bottom-left-border-radius),
719
+ var(--button-size-lg-height),
720
+ var(--button-size-lg-paddingTop),
721
+ var(--button-size-lg-paddingBottom),
722
+ var(--button-size-lg-paddingLeft),
723
+ var(--button-size-lg-paddingRight),
724
+ var(--button-size-lg-marginTop),
725
+ var(--button-size-lg-marginBottom),
726
+ var(--button-size-lg-marginLeft),
727
+ var(--button-size-lg-marginRight),
728
+ var(--button-size-lg-minWith),
729
+ var(--button-size-lg-icon-size),
730
+ var(--button-size-lg-icon-margin)
212
731
  );
213
732
 
214
733
  &.#{$ns}Button--iconOnly {
@@ -241,26 +760,6 @@
241
760
  }
242
761
  }
243
762
 
244
- &:active,
245
- &.is-active {
246
- color: var(--Button-onActive-color);
247
- box-shadow: var(--Button-onActive-boxShadow);
248
- border-color: var(--Button-onActive-border);
249
-
250
- &:focus {
251
- box-shadow: var(--Button-onActive-boxShadow);
252
- }
253
- }
254
-
255
- @include button-size(
256
- var(--Button-paddingY),
257
- var(--Button-paddingX),
258
- var(--Button-fontSize),
259
- var(--Button-lineHeight),
260
- var(--Button-borderRadius),
261
- var(--Button-height)
262
- );
263
-
264
763
  @include hover-focus {
265
764
  // color: var(--text-color);
266
765
  text-decoration: none;
@@ -274,13 +773,8 @@
274
773
 
275
774
  &.is-disabled,
276
775
  &:disabled {
277
- // opacity: var(--Button-onDisabled-opacity);
278
- filter: grayscale(100%);
279
776
  box-shadow: none;
280
777
  cursor: not-allowed;
281
- color: var(--text--muted-color);
282
- border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
283
- background: var(--Button-onDisabled-bg);
284
778
 
285
779
  & > svg,
286
780
  & > svg path {
@@ -293,35 +787,72 @@
293
787
  }
294
788
 
295
789
  &--link {
296
- width: auto;
297
- min-width: auto;
298
- font-weight: var(--fontWeightNormal);
299
- color: var(--Button--link-color);
300
- text-decoration: var(--link-decoration);
301
- border: none;
302
- height: auto;
790
+ @include button-variant(
791
+ var(--button-link-default-bg-color),
792
+ var(--button-link-default-font-color),
793
+ var(--button-link-default-top-border-color),
794
+ var(--button-link-default-right-border-color),
795
+ var(--button-link-default-bottom-border-color),
796
+ var(--button-link-default-left-border-color),
797
+ var(--button-link-default-top-border-width),
798
+ var(--button-link-default-right-border-width),
799
+ var(--button-link-default-bottom-border-width),
800
+ var(--button-link-default-left-border-width),
801
+ var(--button-link-default-top-border-style),
802
+ var(--button-link-default-right-border-style),
803
+ var(--button-link-default-bottom-border-style),
804
+ var(--button-link-default-left-border-style),
805
+ var(--button-link-default-shadow),
806
+ var(--button-link-hover-bg-color),
807
+ var(--button-link-hover-font-color),
808
+ var(--button-link-hover-top-border-color),
809
+ var(--button-link-hover-right-border-color),
810
+ var(--button-link-hover-bottom-border-color),
811
+ var(--button-link-hover-left-border-color),
812
+ var(--button-link-hover-top-border-width),
813
+ var(--button-link-hover-right-border-width),
814
+ var(--button-link-hover-bottom-border-width),
815
+ var(--button-link-hover-left-border-width),
816
+ var(--button-link-hover-top-border-style),
817
+ var(--button-link-hover-right-border-style),
818
+ var(--button-link-hover-bottom-border-style),
819
+ var(--button-link-hover-left-border-style),
820
+ var(--button-link-hover-shadow),
821
+ var(--button-link-active-bg-color),
822
+ var(--button-link-active-font-color),
823
+ var(--button-link-active-top-border-color),
824
+ var(--button-link-active-right-border-color),
825
+ var(--button-link-active-bottom-border-color),
826
+ var(--button-link-active-left-border-color),
827
+ var(--button-link-active-top-border-width),
828
+ var(--button-link-active-right-border-width),
829
+ var(--button-link-active-bottom-border-width),
830
+ var(--button-link-active-left-border-width),
831
+ var(--button-link-active-top-border-style),
832
+ var(--button-link-active-right-border-style),
833
+ var(--button-link-active-bottom-border-style),
834
+ var(--button-link-active-left-border-style),
835
+ var(--button-link-active-shadow),
836
+ var(--button-link-disabled-bg-color),
837
+ var(--button-link-disabled-font-color),
838
+ var(--button-link-disabled-top-border-color),
839
+ var(--button-link-disabled-right-border-color),
840
+ var(--button-link-disabled-bottom-border-color),
841
+ var(--button-link-disabled-left-border-color),
842
+ var(--button-link-disabled-top-border-width),
843
+ var(--button-link-disabled-right-border-width),
844
+ var(--button-link-disabled-bottom-border-width),
845
+ var(--button-link-disabled-left-border-width),
846
+ var(--button-link-disabled-top-border-style),
847
+ var(--button-link-disabled-right-border-style),
848
+ var(--button-link-disabled-bottom-border-style),
849
+ var(--button-link-disabled-left-border-style),
850
+ var(--button-link-disabled-shadow)
851
+ );
303
852
  padding: 0;
304
-
305
- @include hover-focus {
306
- color: var(--Button--link-onHover-color);
307
- box-shadow: none;
308
- }
309
-
310
- @include hover-active {
311
- color: var(--Button--link-onActive-color);
312
- box-shadow: none;
313
- }
314
-
315
- &:disabled,
316
- &.is-disabled {
317
- color: var(--text--muted-color);
318
- border: none;
319
- background: var(--Button--link-onDisabled-backgroundColor);
320
-
321
- @include hover-active {
322
- color: var(--text--muted-color);
323
- }
324
- }
853
+ margin: 0;
854
+ height: auto;
855
+ line-height: auto;
325
856
  }
326
857
 
327
858
  &--block {