amis-rev-ui 6.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (783) hide show
  1. package/LICENSE +201 -0
  2. package/esm/HTMLFilterContext.d.ts +3 -0
  3. package/esm/HTMLFilterContext.js +10 -0
  4. package/esm/components/404.js +35 -0
  5. package/esm/components/Alert.js +266 -0
  6. package/esm/components/Alert2.js +58 -0
  7. package/esm/components/AlphabetIndexer.d.ts +11 -0
  8. package/esm/components/AlphabetIndexer.js +48 -0
  9. package/esm/components/AnchorNav.js +153 -0
  10. package/esm/components/AnchorNavSection.d.ts +2 -0
  11. package/esm/components/AnchorNavSection.js +7 -0
  12. package/esm/components/ArrayInput.js +146 -0
  13. package/esm/components/AsideNav.js +133 -0
  14. package/esm/components/AssociatedSelection.js +107 -0
  15. package/esm/components/AutoFoldedList.js +124 -0
  16. package/esm/components/AutoSizer.d.ts +2 -0
  17. package/esm/components/AutoSizer.js +8 -0
  18. package/esm/components/Avatar.js +126 -0
  19. package/esm/components/Badge.d.ts +20 -0
  20. package/esm/components/Badge.js +154 -0
  21. package/esm/components/BaiduMapPicker.js +366 -0
  22. package/esm/components/BarCode.js +42 -0
  23. package/esm/components/Breadcrumb.js +160 -0
  24. package/esm/components/Button.js +64 -0
  25. package/esm/components/CalendarMobile.js +538 -0
  26. package/esm/components/Card.js +88 -0
  27. package/esm/components/Cascader.js +515 -0
  28. package/esm/components/ChainedDropdownSelection.js +104 -0
  29. package/esm/components/ChainedSelection.js +184 -0
  30. package/esm/components/Checkbox.js +87 -0
  31. package/esm/components/CityArea.js +190 -0
  32. package/esm/components/CityDB.d.ts +13 -0
  33. package/esm/components/CityDB.js +3942 -0
  34. package/esm/components/CodeMirror.d.ts +29 -0
  35. package/esm/components/CodeMirror.js +140 -0
  36. package/esm/components/Collapse.js +184 -0
  37. package/esm/components/CollapseGroup.js +117 -0
  38. package/esm/components/ColorPicker.js +259 -0
  39. package/esm/components/Combo.js +212 -0
  40. package/esm/components/ConditionBuilder.d.ts +2 -0
  41. package/esm/components/ConditionBuilder.js +7 -0
  42. package/esm/components/ConfirmBox.js +128 -0
  43. package/esm/components/ContextMenu.js +310 -0
  44. package/esm/components/DatePicker.js +716 -0
  45. package/esm/components/DateRangePicker.js +1385 -0
  46. package/esm/components/DiffEditor.d.ts +21 -0
  47. package/esm/components/DiffEditor.js +119 -0
  48. package/esm/components/DndContainer.js +25 -0
  49. package/esm/components/Drawer.js +272 -0
  50. package/esm/components/DropDownSelection.js +77 -0
  51. package/esm/components/DropdownContextMenus.js +93 -0
  52. package/esm/components/Editor.js +238 -0
  53. package/esm/components/Form.d.ts +31 -0
  54. package/esm/components/Form.js +84 -0
  55. package/esm/components/FormField.js +78 -0
  56. package/esm/components/FormulaPicker.d.ts +2 -0
  57. package/esm/components/FormulaPicker.js +7 -0
  58. package/esm/components/GaodeMapPicker.js +204 -0
  59. package/esm/components/GridNav.d.ts +53 -0
  60. package/esm/components/GridNav.js +125 -0
  61. package/esm/components/GridNavItem.d.ts +2 -0
  62. package/esm/components/GridNavItem.js +7 -0
  63. package/esm/components/GroupedSelection.js +138 -0
  64. package/esm/components/HeadCellDropDown.d.ts +2 -0
  65. package/esm/components/HeadCellDropDown.js +7 -0
  66. package/esm/components/HorizontalScroll.d.ts +74 -0
  67. package/esm/components/HorizontalScroll.js +271 -0
  68. package/esm/components/Html.js +55 -0
  69. package/esm/components/Icon.d.ts +2 -0
  70. package/esm/components/Icon.js +7 -0
  71. package/esm/components/ImageGallery.js +396 -0
  72. package/esm/components/Input.d.ts +18 -0
  73. package/esm/components/Input.js +75 -0
  74. package/esm/components/InputBox.js +99 -0
  75. package/esm/components/InputBoxWithSuggestion.js +70 -0
  76. package/esm/components/InputJSONSchema.d.ts +2 -0
  77. package/esm/components/InputJSONSchema.js +7 -0
  78. package/esm/components/InputTable.js +176 -0
  79. package/esm/components/JSONSchemaEditor.d.ts +2 -0
  80. package/esm/components/JSONSchemaEditor.js +7 -0
  81. package/esm/components/Layout.js +60 -0
  82. package/esm/components/Link.js +44 -0
  83. package/esm/components/ListGroup.js +31 -0
  84. package/esm/components/ListMenu.js +62 -0
  85. package/esm/components/LocationPicker.js +208 -0
  86. package/esm/components/Markdown.d.ts +25 -0
  87. package/esm/components/Markdown.js +70 -0
  88. package/esm/components/Menu.d.ts +2 -0
  89. package/esm/components/Menu.js +7 -0
  90. package/esm/components/MixedInput.js +88 -0
  91. package/esm/components/MobileDevTool.d.ts +12 -0
  92. package/esm/components/MobileDevTool.js +312 -0
  93. package/esm/components/Modal.js +261 -0
  94. package/esm/components/ModalManager.d.ts +16 -0
  95. package/esm/components/ModalManager.js +42 -0
  96. package/esm/components/MultilineText.js +90 -0
  97. package/esm/components/NumberInput.js +274 -0
  98. package/esm/components/OverflowTpl.js +100 -0
  99. package/esm/components/Pagination.js +377 -0
  100. package/esm/components/PdfViewer.js +83 -0
  101. package/esm/components/Picker.js +73 -0
  102. package/esm/components/PickerColumn.js +276 -0
  103. package/esm/components/PickerContainer.js +157 -0
  104. package/esm/components/PopOverContainer.d.ts +59 -0
  105. package/esm/components/PopOverContainer.js +148 -0
  106. package/esm/components/PopUp.js +85 -0
  107. package/esm/components/Progress.js +136 -0
  108. package/esm/components/PullRefresh.js +172 -0
  109. package/esm/components/Radios.js +129 -0
  110. package/esm/components/Range.js +516 -0
  111. package/esm/components/Rating.js +341 -0
  112. package/esm/components/ResultBox.js +195 -0
  113. package/esm/components/ResultList.js +253 -0
  114. package/esm/components/ResultTableList.js +152 -0
  115. package/esm/components/ResultTreeList.js +241 -0
  116. package/esm/components/RichText.d.ts +48 -0
  117. package/esm/components/RichText.js +271 -0
  118. package/esm/components/SearchBox.js +298 -0
  119. package/esm/components/Select.js +814 -0
  120. package/esm/components/SelectMobile.d.ts +38 -0
  121. package/esm/components/SelectMobile.js +369 -0
  122. package/esm/components/Selection.js +166 -0
  123. package/esm/components/Shape.js +429 -0
  124. package/esm/components/Signature.js +294 -0
  125. package/esm/components/Slider.js +140 -0
  126. package/esm/components/SparkLine.js +62 -0
  127. package/esm/components/Spinner.js +202 -0
  128. package/esm/components/Steps.js +76 -0
  129. package/esm/components/Switch.js +73 -0
  130. package/esm/components/Tab.d.ts +2 -0
  131. package/esm/components/Tab.js +7 -0
  132. package/esm/components/Table.d.ts +2 -0
  133. package/esm/components/Table.js +7 -0
  134. package/esm/components/TableSelection.js +169 -0
  135. package/esm/components/Tabs.js +607 -0
  136. package/esm/components/TabsTransfer.js +221 -0
  137. package/esm/components/TabsTransferPicker.js +81 -0
  138. package/esm/components/Tag.js +137 -0
  139. package/esm/components/Textarea.js +146 -0
  140. package/esm/components/Timeline.js +60 -0
  141. package/esm/components/TimelineItem.js +101 -0
  142. package/esm/components/Tinymce.d.ts +66 -0
  143. package/esm/components/Tinymce.js +634 -0
  144. package/esm/components/TitleBar.js +48 -0
  145. package/esm/components/Toast.js +247 -0
  146. package/esm/components/Tooltip.js +36 -0
  147. package/esm/components/TooltipWrapper.js +180 -0
  148. package/esm/components/Transfer.js +485 -0
  149. package/esm/components/TransferDropDown.js +98 -0
  150. package/esm/components/TransferPicker.js +98 -0
  151. package/esm/components/TransferSearch.js +100 -0
  152. package/esm/components/Tree.js +1256 -0
  153. package/esm/components/TreeSelection.js +201 -0
  154. package/esm/components/UserSelect.js +674 -0
  155. package/esm/components/UserTabSelect.js +227 -0
  156. package/esm/components/VerificationCode.js +172 -0
  157. package/esm/components/VirtualList.d.ts +2 -0
  158. package/esm/components/VirtualList.js +7 -0
  159. package/esm/components/WithRemoteConfig.d.ts +70 -0
  160. package/esm/components/WithRemoteConfig.js +301 -0
  161. package/esm/components/WithStore.d.ts +13 -0
  162. package/esm/components/WithStore.js +48 -0
  163. package/esm/components/calendar/Calendar.d.ts +83 -0
  164. package/esm/components/calendar/Calendar.js +529 -0
  165. package/esm/components/calendar/CalendarContainer.d.ts +10 -0
  166. package/esm/components/calendar/CalendarContainer.js +27 -0
  167. package/esm/components/calendar/DaysView.js +528 -0
  168. package/esm/components/calendar/MonthsView.js +175 -0
  169. package/esm/components/calendar/QuartersView.js +125 -0
  170. package/esm/components/calendar/TimeView.js +559 -0
  171. package/esm/components/calendar/YearsView.js +122 -0
  172. package/esm/components/condition-builder/Expression.js +121 -0
  173. package/esm/components/condition-builder/Field.js +32 -0
  174. package/esm/components/condition-builder/Func.js +75 -0
  175. package/esm/components/condition-builder/Group.js +196 -0
  176. package/esm/components/condition-builder/GroupOrItem.js +107 -0
  177. package/esm/components/condition-builder/InputSwitch.js +28 -0
  178. package/esm/components/condition-builder/Item.js +233 -0
  179. package/esm/components/condition-builder/Value.js +115 -0
  180. package/esm/components/condition-builder/config.d.ts +36 -0
  181. package/esm/components/condition-builder/config.js +120 -0
  182. package/esm/components/condition-builder/index.js +242 -0
  183. package/esm/components/condition-builder/types.d.ts +116 -0
  184. package/esm/components/formula/CodeEditor.js +99 -0
  185. package/esm/components/formula/Editor.js +446 -0
  186. package/esm/components/formula/FuncList.js +64 -0
  187. package/esm/components/formula/Input.js +141 -0
  188. package/esm/components/formula/Picker.js +454 -0
  189. package/esm/components/formula/VariableList.js +185 -0
  190. package/esm/components/formula/plugin.d.ts +51 -0
  191. package/esm/components/formula/plugin.js +445 -0
  192. package/esm/components/icons.d.ts +61 -0
  193. package/esm/components/icons.js +458 -0
  194. package/esm/components/index.d.ts +138 -0
  195. package/esm/components/json-schema/Array.d.ts +3 -0
  196. package/esm/components/json-schema/Array.js +129 -0
  197. package/esm/components/json-schema/Item.d.ts +5 -0
  198. package/esm/components/json-schema/Item.js +63 -0
  199. package/esm/components/json-schema/Object.d.ts +5 -0
  200. package/esm/components/json-schema/Object.js +272 -0
  201. package/esm/components/json-schema/index.js +29 -0
  202. package/esm/components/menu/MenuContext.d.ts +82 -0
  203. package/esm/components/menu/MenuContext.js +25 -0
  204. package/esm/components/menu/MenuItem.js +112 -0
  205. package/esm/components/menu/PanelMenu.js +68 -0
  206. package/esm/components/menu/SubMenu.js +137 -0
  207. package/esm/components/menu/index.js +368 -0
  208. package/esm/components/schema-editor/Array.d.ts +11 -0
  209. package/esm/components/schema-editor/Array.js +84 -0
  210. package/esm/components/schema-editor/Common.d.ts +61 -0
  211. package/esm/components/schema-editor/Common.js +162 -0
  212. package/esm/components/schema-editor/Item.d.ts +8 -0
  213. package/esm/components/schema-editor/Item.js +24 -0
  214. package/esm/components/schema-editor/Object.d.ts +51 -0
  215. package/esm/components/schema-editor/Object.js +294 -0
  216. package/esm/components/schema-editor/SchemaVariableList.js +74 -0
  217. package/esm/components/schema-editor/SchemaVariableListPicker.js +34 -0
  218. package/esm/components/schema-editor/index.js +122 -0
  219. package/esm/components/table/Cell.d.ts +36 -0
  220. package/esm/components/table/Cell.js +43 -0
  221. package/esm/components/table/ColGroup.d.ts +24 -0
  222. package/esm/components/table/ColGroup.js +77 -0
  223. package/esm/components/table/Head.d.ts +45 -0
  224. package/esm/components/table/Head.js +150 -0
  225. package/esm/components/table/HeadCellDropDown.js +54 -0
  226. package/esm/components/table/HeadCellFilter.js +130 -0
  227. package/esm/components/table/HeadCellSelect.js +51 -0
  228. package/esm/components/table/HeadCellSort.js +88 -0
  229. package/esm/components/table/ItemActionsWrapper.d.ts +10 -0
  230. package/esm/components/table/ItemActionsWrapper.js +29 -0
  231. package/esm/components/table/Row.d.ts +56 -0
  232. package/esm/components/table/Row.js +224 -0
  233. package/esm/components/table/SummaryRow.d.ts +28 -0
  234. package/esm/components/table/SummaryRow.js +73 -0
  235. package/esm/components/table/index.js +1095 -0
  236. package/esm/components/table/util.d.ts +25 -0
  237. package/esm/components/table/util.js +279 -0
  238. package/esm/components/virtual-list/AutoSizer.d.ts +19 -0
  239. package/esm/components/virtual-list/AutoSizer.js +48 -0
  240. package/esm/components/virtual-list/SizeAndPositionManager.d.ts +70 -0
  241. package/esm/components/virtual-list/SizeAndPositionManager.js +216 -0
  242. package/esm/components/virtual-list/constants.d.ts +34 -0
  243. package/esm/components/virtual-list/constants.js +45 -0
  244. package/esm/components/virtual-list/index.d.ts +98 -0
  245. package/esm/components/virtual-list/index.js +288 -0
  246. package/esm/components/withBadge.d.ts +2 -0
  247. package/esm/components/withBadge.js +7 -0
  248. package/esm/hooks/index.d.ts +8 -0
  249. package/esm/hooks/use-click-away.d.ts +12 -0
  250. package/esm/hooks/use-click-away.js +55 -0
  251. package/esm/hooks/use-on-screen.d.ts +2 -0
  252. package/esm/hooks/use-on-screen.js +28 -0
  253. package/esm/hooks/use-set-state.d.ts +2 -0
  254. package/esm/hooks/use-set-state.js +19 -0
  255. package/esm/hooks/use-sub-form.d.ts +4 -0
  256. package/esm/hooks/use-sub-form.js +39 -0
  257. package/esm/hooks/use-touch.d.ts +16 -0
  258. package/esm/hooks/use-touch.js +77 -0
  259. package/esm/hooks/use-update-effect.d.ts +3 -0
  260. package/esm/hooks/use-update-effect.js +21 -0
  261. package/esm/hooks/use-validation-resolver.d.ts +7 -0
  262. package/esm/hooks/use-validation-resolver.js +115 -0
  263. package/esm/icons/alert-danger.svg.js +22 -0
  264. package/esm/icons/alert-info.svg.js +22 -0
  265. package/esm/icons/alert-success.svg.js +22 -0
  266. package/esm/icons/alert-warning.svg.js +22 -0
  267. package/esm/icons/arrow-double-left.svg.js +24 -0
  268. package/esm/icons/arrow-double-right.svg.js +24 -0
  269. package/esm/icons/back.svg.js +21 -0
  270. package/esm/icons/calendar.svg.js +31 -0
  271. package/esm/icons/caret.svg.js +21 -0
  272. package/esm/icons/check.svg.js +21 -0
  273. package/esm/icons/clock.svg.js +29 -0
  274. package/esm/icons/close-small.svg.js +24 -0
  275. package/esm/icons/close.svg.js +21 -0
  276. package/esm/icons/cloud-upload.svg.js +22 -0
  277. package/esm/icons/column-filter.svg.js +22 -0
  278. package/esm/icons/columns.svg.js +21 -0
  279. package/esm/icons/compress-alt.svg.js +21 -0
  280. package/esm/icons/copy.svg.js +26 -0
  281. package/esm/icons/date.svg.js +26 -0
  282. package/esm/icons/department.svg.js +52 -0
  283. package/esm/icons/desk-empty.svg.js +73 -0
  284. package/esm/icons/dot.svg.js +36 -0
  285. package/esm/icons/down-arrow-bold.svg.js +22 -0
  286. package/esm/icons/down.svg.js +23 -0
  287. package/esm/icons/download.svg.js +24 -0
  288. package/esm/icons/drag-bar.svg.js +53 -0
  289. package/esm/icons/drag.svg.js +22 -0
  290. package/esm/icons/edit.svg.js +21 -0
  291. package/esm/icons/ellipsis-v.svg.js +21 -0
  292. package/esm/icons/enter.svg.js +20 -0
  293. package/esm/icons/exchange.svg.js +21 -0
  294. package/esm/icons/expand-alt.svg.js +21 -0
  295. package/esm/icons/fail.svg.js +31 -0
  296. package/esm/icons/file.svg.js +22 -0
  297. package/esm/icons/filter.svg.js +21 -0
  298. package/esm/icons/folder.svg.js +24 -0
  299. package/esm/icons/fullscreen.svg.js +21 -0
  300. package/esm/icons/function.svg.js +21 -0
  301. package/esm/icons/home.svg.js +21 -0
  302. package/esm/icons/if.svg.js +21 -0
  303. package/esm/icons/image.svg.js +20 -0
  304. package/esm/icons/info-circle.svg.js +21 -0
  305. package/esm/icons/info.svg.js +27 -0
  306. package/esm/icons/input-clear.svg.js +20 -0
  307. package/esm/icons/invisible.svg.js +22 -0
  308. package/esm/icons/left-arrow.svg.js +23 -0
  309. package/esm/icons/loading-outline.svg.js +21 -0
  310. package/esm/icons/location.svg.js +20 -0
  311. package/esm/icons/menu.svg.js +20 -0
  312. package/esm/icons/minus.svg.js +21 -0
  313. package/esm/icons/move.svg.js +22 -0
  314. package/esm/icons/mute.svg.js +21 -0
  315. package/esm/icons/new-edit.svg.js +22 -0
  316. package/esm/icons/pause.svg.js +21 -0
  317. package/esm/icons/pencil.svg.js +21 -0
  318. package/esm/icons/play.svg.js +20 -0
  319. package/esm/icons/plus-cicle.svg.js +20 -0
  320. package/esm/icons/plus-fine.svg.js +21 -0
  321. package/esm/icons/plus.svg.js +21 -0
  322. package/esm/icons/post.svg.js +48 -0
  323. package/esm/icons/question-mark.svg.js +26 -0
  324. package/esm/icons/question.svg.js +21 -0
  325. package/esm/icons/question2.svg.js +34 -0
  326. package/esm/icons/redo.svg.js +21 -0
  327. package/esm/icons/refresh.svg.js +21 -0
  328. package/esm/icons/reload.svg.js +21 -0
  329. package/esm/icons/remove.svg.js +21 -0
  330. package/esm/icons/retry.svg.js +24 -0
  331. package/esm/icons/right-arrow-bold.svg.js +21 -0
  332. package/esm/icons/right-arrow.svg.js +23 -0
  333. package/esm/icons/right-double-arrow.svg.js +22 -0
  334. package/esm/icons/role.svg.js +43 -0
  335. package/esm/icons/rotate-left.svg.js +22 -0
  336. package/esm/icons/rotate-right.svg.js +22 -0
  337. package/esm/icons/rotate-screen.svg.js +21 -0
  338. package/esm/icons/scale-origin.svg.js +24 -0
  339. package/esm/icons/schedule.svg.js +24 -0
  340. package/esm/icons/search.svg.js +21 -0
  341. package/esm/icons/setting.svg.js +21 -0
  342. package/esm/icons/slider-handle-icon.svg.js +22 -0
  343. package/esm/icons/sort-asc.svg.js +21 -0
  344. package/esm/icons/sort-default.svg.js +21 -0
  345. package/esm/icons/sort-desc.svg.js +21 -0
  346. package/esm/icons/star.svg.js +21 -0
  347. package/esm/icons/status-close.svg.js +23 -0
  348. package/esm/icons/steps-finsh.svg.js +22 -0
  349. package/esm/icons/sub-plus.svg.js +20 -0
  350. package/esm/icons/success.svg.js +29 -0
  351. package/esm/icons/transparent.svg.js +38 -0
  352. package/esm/icons/trash.svg.js +22 -0
  353. package/esm/icons/tree-down.svg.js +21 -0
  354. package/esm/icons/undo-normal.svg.js +25 -0
  355. package/esm/icons/undo.svg.js +21 -0
  356. package/esm/icons/unfullscreen.svg.js +21 -0
  357. package/esm/icons/upload.svg.js +21 -0
  358. package/esm/icons/user-remove.svg.js +33 -0
  359. package/esm/icons/view.svg.js +22 -0
  360. package/esm/icons/volume.svg.js +24 -0
  361. package/esm/icons/warning-mark.svg.js +22 -0
  362. package/esm/icons/warning.svg.js +21 -0
  363. package/esm/icons/window-restore.svg.js +21 -0
  364. package/esm/icons/zoom-in.svg.js +21 -0
  365. package/esm/icons/zoom-out.svg.js +21 -0
  366. package/esm/index.d.ts +16 -0
  367. package/esm/index.js +157 -0
  368. package/esm/locale/de-DE.d.ts +1 -0
  369. package/esm/locale/de-DE.js +423 -0
  370. package/esm/locale/en-US.d.ts +1 -0
  371. package/esm/locale/en-US.js +429 -0
  372. package/esm/locale/zh-CN.d.ts +1 -0
  373. package/esm/locale/zh-CN.js +438 -0
  374. package/esm/themes/ang.d.ts +3 -0
  375. package/esm/themes/ang.js +15 -0
  376. package/esm/themes/antd.d.ts +1 -0
  377. package/esm/themes/antd.js +42 -0
  378. package/esm/themes/cxd.d.ts +3 -0
  379. package/esm/themes/cxd.js +455 -0
  380. package/esm/themes/dark.d.ts +3 -0
  381. package/esm/themes/dark.js +23 -0
  382. package/esm/themes/default.d.ts +4 -0
  383. package/esm/utils/index.d.ts +2 -0
  384. package/esm/utils/smoothSignature.d.ts +86 -0
  385. package/esm/utils/vectorComputed.d.ts +20 -0
  386. package/esm/utils/vectorComputed.js +75 -0
  387. package/esm/withRemoteConfig.d.ts +2 -0
  388. package/esm/withRemoteConfig.js +7 -0
  389. package/esm/withStore.d.ts +2 -0
  390. package/esm/withStore.js +7 -0
  391. package/lib/HTMLFilterContext.d.ts +3 -0
  392. package/lib/components/AlphabetIndexer.d.ts +11 -0
  393. package/lib/components/AnchorNavSection.d.ts +2 -0
  394. package/lib/components/AutoSizer.d.ts +2 -0
  395. package/lib/components/Badge.d.ts +20 -0
  396. package/lib/components/BarCode.js +44 -0
  397. package/lib/components/CityDB.d.ts +13 -0
  398. package/lib/components/CityDB.js +3945 -0
  399. package/lib/components/CodeMirror.d.ts +29 -0
  400. package/lib/components/ColorPicker.js +267 -0
  401. package/lib/components/ConditionBuilder.d.ts +2 -0
  402. package/lib/components/DiffEditor.d.ts +21 -0
  403. package/lib/components/Form.d.ts +31 -0
  404. package/lib/components/FormulaPicker.d.ts +2 -0
  405. package/lib/components/GridNav.d.ts +53 -0
  406. package/lib/components/GridNavItem.d.ts +2 -0
  407. package/lib/components/HeadCellDropDown.d.ts +2 -0
  408. package/lib/components/HorizontalScroll.d.ts +74 -0
  409. package/lib/components/Icon.d.ts +2 -0
  410. package/lib/components/Input.d.ts +18 -0
  411. package/lib/components/InputJSONSchema.d.ts +2 -0
  412. package/lib/components/JSONSchemaEditor.d.ts +2 -0
  413. package/lib/components/Markdown.d.ts +25 -0
  414. package/lib/components/Markdown.js +76 -0
  415. package/lib/components/Menu.d.ts +2 -0
  416. package/lib/components/MobileDevTool.d.ts +12 -0
  417. package/lib/components/ModalManager.d.ts +16 -0
  418. package/lib/components/PdfViewer.js +83 -0
  419. package/lib/components/PopOverContainer.d.ts +59 -0
  420. package/lib/components/RichText.d.ts +48 -0
  421. package/lib/components/RichText.js +275 -0
  422. package/lib/components/SelectMobile.d.ts +38 -0
  423. package/lib/components/Tab.d.ts +2 -0
  424. package/lib/components/Table.d.ts +2 -0
  425. package/lib/components/Tinymce.d.ts +66 -0
  426. package/lib/components/Tinymce.js +641 -0
  427. package/lib/components/VirtualList.d.ts +2 -0
  428. package/lib/components/WithRemoteConfig.d.ts +70 -0
  429. package/lib/components/WithStore.d.ts +13 -0
  430. package/lib/components/calendar/Calendar.d.ts +83 -0
  431. package/lib/components/calendar/CalendarContainer.d.ts +10 -0
  432. package/lib/components/condition-builder/config.d.ts +36 -0
  433. package/lib/components/condition-builder/types.d.ts +116 -0
  434. package/lib/components/formula/plugin.d.ts +51 -0
  435. package/lib/components/icons.d.ts +61 -0
  436. package/lib/components/index.d.ts +138 -0
  437. package/lib/components/json-schema/Array.d.ts +3 -0
  438. package/lib/components/json-schema/Item.d.ts +5 -0
  439. package/lib/components/json-schema/Object.d.ts +5 -0
  440. package/lib/components/menu/MenuContext.d.ts +82 -0
  441. package/lib/components/schema-editor/Array.d.ts +11 -0
  442. package/lib/components/schema-editor/Common.d.ts +61 -0
  443. package/lib/components/schema-editor/Item.d.ts +8 -0
  444. package/lib/components/schema-editor/Object.d.ts +51 -0
  445. package/lib/components/table/Cell.d.ts +36 -0
  446. package/lib/components/table/ColGroup.d.ts +24 -0
  447. package/lib/components/table/Head.d.ts +45 -0
  448. package/lib/components/table/ItemActionsWrapper.d.ts +10 -0
  449. package/lib/components/table/Row.d.ts +56 -0
  450. package/lib/components/table/SummaryRow.d.ts +28 -0
  451. package/lib/components/table/util.d.ts +25 -0
  452. package/lib/components/virtual-list/AutoSizer.d.ts +19 -0
  453. package/lib/components/virtual-list/SizeAndPositionManager.d.ts +70 -0
  454. package/lib/components/virtual-list/constants.d.ts +34 -0
  455. package/lib/components/virtual-list/index.d.ts +98 -0
  456. package/lib/components/withBadge.d.ts +2 -0
  457. package/lib/helper.css +47762 -0
  458. package/lib/hooks/index.d.ts +8 -0
  459. package/lib/hooks/use-click-away.d.ts +12 -0
  460. package/lib/hooks/use-on-screen.d.ts +2 -0
  461. package/lib/hooks/use-set-state.d.ts +2 -0
  462. package/lib/hooks/use-sub-form.d.ts +4 -0
  463. package/lib/hooks/use-touch.d.ts +16 -0
  464. package/lib/hooks/use-update-effect.d.ts +3 -0
  465. package/lib/hooks/use-validation-resolver.d.ts +7 -0
  466. package/lib/index.d.ts +16 -0
  467. package/lib/index.js +28 -0
  468. package/lib/locale/de-DE.d.ts +1 -0
  469. package/lib/locale/en-US.d.ts +1 -0
  470. package/lib/locale/zh-CN.d.ts +1 -0
  471. package/lib/scss/helper.scss.js +12 -0
  472. package/lib/scss/themes/ang.scss.js +12 -0
  473. package/lib/scss/themes/antd.scss.js +12 -0
  474. package/lib/scss/themes/cxd.scss.js +12 -0
  475. package/lib/scss/themes/dark.scss.js +12 -0
  476. package/lib/scss/themes/default.scss.js +12 -0
  477. package/lib/themes/ang.css +45895 -0
  478. package/lib/themes/ang.d.ts +3 -0
  479. package/lib/themes/antd.css +45882 -0
  480. package/lib/themes/antd.d.ts +1 -0
  481. package/lib/themes/cxd.css +45871 -0
  482. package/lib/themes/cxd.d.ts +3 -0
  483. package/lib/themes/dark.css +45902 -0
  484. package/lib/themes/dark.d.ts +3 -0
  485. package/lib/themes/default.css +45871 -0
  486. package/lib/themes/default.d.ts +4 -0
  487. package/lib/utils/index.d.ts +2 -0
  488. package/lib/utils/smoothSignature.d.ts +86 -0
  489. package/lib/utils/vectorComputed.d.ts +20 -0
  490. package/lib/withRemoteConfig.d.ts +2 -0
  491. package/lib/withStore.d.ts +2 -0
  492. package/package.json +158 -0
  493. package/scss/README.md +9 -0
  494. package/scss/_components.scss +4346 -0
  495. package/scss/_functions.scss +137 -0
  496. package/scss/_mixins.scss +805 -0
  497. package/scss/_properties.scss +898 -0
  498. package/scss/_thirds.scss +12 -0
  499. package/scss/_utilities.scss +1757 -0
  500. package/scss/_variables.scss +439 -0
  501. package/scss/base/_animate.scss +84 -0
  502. package/scss/base/_common.scss +19 -0
  503. package/scss/base/_normalize.scss +376 -0
  504. package/scss/base/_reset.scss +18 -0
  505. package/scss/base/_typography.scss +79 -0
  506. package/scss/components/_alert.scss +123 -0
  507. package/scss/components/_anchor-nav.scss +158 -0
  508. package/scss/components/_app.scss +46 -0
  509. package/scss/components/_array-input.scss +107 -0
  510. package/scss/components/_audio.scss +146 -0
  511. package/scss/components/_auto-folder.scss +40 -0
  512. package/scss/components/_avatar.scss +55 -0
  513. package/scss/components/_badge.scss +145 -0
  514. package/scss/components/_barcode.scss +6 -0
  515. package/scss/components/_breadcrumb.scss +110 -0
  516. package/scss/components/_button-group.scss +165 -0
  517. package/scss/components/_button.scss +871 -0
  518. package/scss/components/_calendar.scss +442 -0
  519. package/scss/components/_card.scss +389 -0
  520. package/scss/components/_card2.scss +28 -0
  521. package/scss/components/_cards.scss +221 -0
  522. package/scss/components/_carousel.scss +292 -0
  523. package/scss/components/_cascader.scss +157 -0
  524. package/scss/components/_chart.scss +22 -0
  525. package/scss/components/_city-area.scss +37 -0
  526. package/scss/components/_code.scss +10 -0
  527. package/scss/components/_collapse-group.scss +83 -0
  528. package/scss/components/_collapse.scss +245 -0
  529. package/scss/components/_color.scss +17 -0
  530. package/scss/components/_column-toggler.scss +261 -0
  531. package/scss/components/_condition-builder.scss +521 -0
  532. package/scss/components/_context-menu.scss +204 -0
  533. package/scss/components/_copyable.scss +10 -0
  534. package/scss/components/_crud.scss +195 -0
  535. package/scss/components/_crud2.scss +345 -0
  536. package/scss/components/_debug.scss +259 -0
  537. package/scss/components/_divider.scss +81 -0
  538. package/scss/components/_drawer.scss +393 -0
  539. package/scss/components/_dropdown-context-menus.scss +27 -0
  540. package/scss/components/_dropdown.scss +159 -0
  541. package/scss/components/_each.scss +7 -0
  542. package/scss/components/_formula.scss +723 -0
  543. package/scss/components/_grid-nav.scss +128 -0
  544. package/scss/components/_horizontal-scroll.scss +51 -0
  545. package/scss/components/_icon.scss +4 -0
  546. package/scss/components/_image-gallery.scss +331 -0
  547. package/scss/components/_images.scss +650 -0
  548. package/scss/components/_input-box.scss +111 -0
  549. package/scss/components/_json-schema-editor.scss +149 -0
  550. package/scss/components/_json-schema.scss +166 -0
  551. package/scss/components/_json.scss +7 -0
  552. package/scss/components/_link.scss +22 -0
  553. package/scss/components/_list-menu.scss +114 -0
  554. package/scss/components/_list.scss +313 -0
  555. package/scss/components/_log.scss +169 -0
  556. package/scss/components/_mapping.scss +6 -0
  557. package/scss/components/_markdown.scss +266 -0
  558. package/scss/components/_menu.scss +795 -0
  559. package/scss/components/_mobile-dev-tool.scss +175 -0
  560. package/scss/components/_modal.scss +282 -0
  561. package/scss/components/_multiline-text.scss +20 -0
  562. package/scss/components/_nav.scss +45 -0
  563. package/scss/components/_overflow-tpl.scss +5 -0
  564. package/scss/components/_page.scss +198 -0
  565. package/scss/components/_pagination.scss +403 -0
  566. package/scss/components/_panel.scss +263 -0
  567. package/scss/components/_pdf_viewer.scss +47 -0
  568. package/scss/components/_picker-columns.scss +140 -0
  569. package/scss/components/_popover.scss +54 -0
  570. package/scss/components/_popoverable.scss +100 -0
  571. package/scss/components/_popup.scss +171 -0
  572. package/scss/components/_portlet.scss +51 -0
  573. package/scss/components/_print.scss +13 -0
  574. package/scss/components/_progress.scss +165 -0
  575. package/scss/components/_property.scss +47 -0
  576. package/scss/components/_pull-refresh.scss +30 -0
  577. package/scss/components/_quick-edit.scss +53 -0
  578. package/scss/components/_remark.scss +58 -0
  579. package/scss/components/_result-box.scss +380 -0
  580. package/scss/components/_search-box.scss +267 -0
  581. package/scss/components/_service.scss +3 -0
  582. package/scss/components/_shape.scss +19 -0
  583. package/scss/components/_signature.scss +98 -0
  584. package/scss/components/_slider.scss +27 -0
  585. package/scss/components/_sparkline.scss +18 -0
  586. package/scss/components/_spinner.scss +214 -0
  587. package/scss/components/_status.scss +118 -0
  588. package/scss/components/_steps.scss +481 -0
  589. package/scss/components/_table.scss +1234 -0
  590. package/scss/components/_table2.scss +1066 -0
  591. package/scss/components/_tabs.scss +1410 -0
  592. package/scss/components/_tag.scss +191 -0
  593. package/scss/components/_timeline.scss +572 -0
  594. package/scss/components/_toast.scss +342 -0
  595. package/scss/components/_tooltip.scss +340 -0
  596. package/scss/components/_tpl.scss +51 -0
  597. package/scss/components/_verificationCode.scss +33 -0
  598. package/scss/components/_video.scss +38 -0
  599. package/scss/components/_wizard.scss +287 -0
  600. package/scss/components/_wrapper.scss +26 -0
  601. package/scss/components/form/_chained-select.scss +10 -0
  602. package/scss/components/form/_checks.scss +433 -0
  603. package/scss/components/form/_city.scss +33 -0
  604. package/scss/components/form/_color.scss +148 -0
  605. package/scss/components/form/_combo.scss +360 -0
  606. package/scss/components/form/_date-range.scss +332 -0
  607. package/scss/components/form/_date.scss +807 -0
  608. package/scss/components/form/_editor.scss +139 -0
  609. package/scss/components/form/_excel.scss +150 -0
  610. package/scss/components/form/_fieldset.scss +202 -0
  611. package/scss/components/form/_file.scss +308 -0
  612. package/scss/components/form/_form.scss +936 -0
  613. package/scss/components/form/_group.scss +116 -0
  614. package/scss/components/form/_icon-picker.scss +113 -0
  615. package/scss/components/form/_icon-select.scss +245 -0
  616. package/scss/components/form/_image.scss +359 -0
  617. package/scss/components/form/_input-group.scss +213 -0
  618. package/scss/components/form/_input-table.scss +17 -0
  619. package/scss/components/form/_list.scss +225 -0
  620. package/scss/components/form/_location.scss +210 -0
  621. package/scss/components/form/_matrix.scss +7 -0
  622. package/scss/components/form/_nested-select.scss +149 -0
  623. package/scss/components/form/_number.scss +633 -0
  624. package/scss/components/form/_picker.scss +237 -0
  625. package/scss/components/form/_qr-code.scss +4 -0
  626. package/scss/components/form/_range.scss +438 -0
  627. package/scss/components/form/_rating.scss +94 -0
  628. package/scss/components/form/_repeat.scss +40 -0
  629. package/scss/components/form/_result-list.scss +98 -0
  630. package/scss/components/form/_rich-text.scss +163 -0
  631. package/scss/components/form/_select.scss +712 -0
  632. package/scss/components/form/_selection.scss +485 -0
  633. package/scss/components/form/_sub-form.scss +118 -0
  634. package/scss/components/form/_switch.scss +228 -0
  635. package/scss/components/form/_tag.scss +146 -0
  636. package/scss/components/form/_text.scss +508 -0
  637. package/scss/components/form/_textarea.scss +78 -0
  638. package/scss/components/form/_tinymce.scss +6 -0
  639. package/scss/components/form/_transfer.scss +624 -0
  640. package/scss/components/form/_tree-select.scss +47 -0
  641. package/scss/components/form/_tree.scss +458 -0
  642. package/scss/components/form/_user-select.scss +643 -0
  643. package/scss/components/react-datetime.scss +267 -0
  644. package/scss/helper/background/_background-color.md +131 -0
  645. package/scss/helper/background/_background-color.scss +214 -0
  646. package/scss/helper/border/_border-color.md +109 -0
  647. package/scss/helper/border/_border-color.scss +178 -0
  648. package/scss/helper/border/_border-radius.md +86 -0
  649. package/scss/helper/border/_border-radius.scss +152 -0
  650. package/scss/helper/border/_border-style.md +11 -0
  651. package/scss/helper/border/_border-style.scss +40 -0
  652. package/scss/helper/border/_border-width.md +31 -0
  653. package/scss/helper/border/_border-width.scss +72 -0
  654. package/scss/helper/box-alignment/_align-content.md +12 -0
  655. package/scss/helper/box-alignment/_align-content.scss +44 -0
  656. package/scss/helper/box-alignment/_align-items.md +11 -0
  657. package/scss/helper/box-alignment/_align-items.scss +41 -0
  658. package/scss/helper/box-alignment/_align-self.md +11 -0
  659. package/scss/helper/box-alignment/_align-self.scss +40 -0
  660. package/scss/helper/box-alignment/_justify-content.md +12 -0
  661. package/scss/helper/box-alignment/_justify-content.scss +44 -0
  662. package/scss/helper/box-alignment/_justify-items.md +11 -0
  663. package/scss/helper/box-alignment/_justify-items.scss +40 -0
  664. package/scss/helper/box-alignment/_justify-self.md +11 -0
  665. package/scss/helper/box-alignment/_justify-self.scss +40 -0
  666. package/scss/helper/box-alignment/_place-content.md +13 -0
  667. package/scss/helper/box-alignment/_place-content.scss +48 -0
  668. package/scss/helper/box-alignment/_place-items.md +11 -0
  669. package/scss/helper/box-alignment/_place-items.scss +40 -0
  670. package/scss/helper/box-alignment/_place-self.md +11 -0
  671. package/scss/helper/box-alignment/_place-self.scss +40 -0
  672. package/scss/helper/effect/_box-shadow.md +16 -0
  673. package/scss/helper/effect/_box-shadow.scss +74 -0
  674. package/scss/helper/effect/_opacity.md +21 -0
  675. package/scss/helper/effect/_opacity.scss +66 -0
  676. package/scss/helper/flex/_direction.md +10 -0
  677. package/scss/helper/flex/_direction.scss +41 -0
  678. package/scss/helper/flex/_flex.md +10 -0
  679. package/scss/helper/flex/_flex.scss +38 -0
  680. package/scss/helper/flex/_grow.md +8 -0
  681. package/scss/helper/flex/_grow.scss +28 -0
  682. package/scss/helper/flex/_order.md +20 -0
  683. package/scss/helper/flex/_order.scss +56 -0
  684. package/scss/helper/flex/_shrink.md +8 -0
  685. package/scss/helper/flex/_shrink.scss +27 -0
  686. package/scss/helper/flex/_wrap.md +9 -0
  687. package/scss/helper/flex/_wrap.scss +36 -0
  688. package/scss/helper/grid/_auto-columns.md +10 -0
  689. package/scss/helper/grid/_auto-columns.scss +38 -0
  690. package/scss/helper/grid/_auto-flow.md +10 -0
  691. package/scss/helper/grid/_auto-flow.scss +38 -0
  692. package/scss/helper/grid/_auto-rows.md +10 -0
  693. package/scss/helper/grid/_auto-rows.scss +38 -0
  694. package/scss/helper/grid/_column-start-end.md +48 -0
  695. package/scss/helper/grid/_column-start-end.scss +201 -0
  696. package/scss/helper/grid/_columns.md +19 -0
  697. package/scss/helper/grid/_columns.scss +74 -0
  698. package/scss/helper/grid/_gap.md +117 -0
  699. package/scss/helper/grid/_gap.scss +154 -0
  700. package/scss/helper/grid/_row-start-end.md +48 -0
  701. package/scss/helper/grid/_row-start-end.scss +201 -0
  702. package/scss/helper/grid/_rows.md +13 -0
  703. package/scss/helper/grid/_rows.scss +50 -0
  704. package/scss/helper/layout/_box-sizing.md +35 -0
  705. package/scss/helper/layout/_box-sizing.scss +51 -0
  706. package/scss/helper/layout/_clear.md +27 -0
  707. package/scss/helper/layout/_clear.scss +56 -0
  708. package/scss/helper/layout/_display.md +41 -0
  709. package/scss/helper/layout/_display.scss +82 -0
  710. package/scss/helper/layout/_float.md +47 -0
  711. package/scss/helper/layout/_float.scss +71 -0
  712. package/scss/helper/layout/_overflow.md +34 -0
  713. package/scss/helper/layout/_overflow.scss +85 -0
  714. package/scss/helper/layout/_position.md +27 -0
  715. package/scss/helper/layout/_position.scss +55 -0
  716. package/scss/helper/layout/_top-right-bottom-left.md +150 -0
  717. package/scss/helper/layout/_top-right-bottom-left.scss +292 -0
  718. package/scss/helper/layout/_visibility.md +21 -0
  719. package/scss/helper/layout/_visibility.scss +42 -0
  720. package/scss/helper/layout/_z-index.md +37 -0
  721. package/scss/helper/layout/_z-index.scss +67 -0
  722. package/scss/helper/sizing/_height.md +103 -0
  723. package/scss/helper/sizing/_height.scss +161 -0
  724. package/scss/helper/sizing/_width.md +109 -0
  725. package/scss/helper/sizing/_width.scss +174 -0
  726. package/scss/helper/spacing/_margin.md +527 -0
  727. package/scss/helper/spacing/_margin.scss +821 -0
  728. package/scss/helper/spacing/_padding.md +265 -0
  729. package/scss/helper/spacing/_padding.scss +394 -0
  730. package/scss/helper/spacing/_space-between.md +155 -0
  731. package/scss/helper/spacing/_space-between.scss +224 -0
  732. package/scss/helper/typography/_font-family.md +9 -0
  733. package/scss/helper/typography/_font-family.scss +28 -0
  734. package/scss/helper/typography/_font-size.md +19 -0
  735. package/scss/helper/typography/_font-size.scss +40 -0
  736. package/scss/helper/typography/_font-style.md +8 -0
  737. package/scss/helper/typography/_font-style.scss +31 -0
  738. package/scss/helper/typography/_font-weight.md +15 -0
  739. package/scss/helper/typography/_font-weight.scss +49 -0
  740. package/scss/helper/typography/_letter-spacing.md +12 -0
  741. package/scss/helper/typography/_letter-spacing.scss +43 -0
  742. package/scss/helper/typography/_line-height.md +20 -0
  743. package/scss/helper/typography/_line-height.scss +59 -0
  744. package/scss/helper/typography/_list-style-type.md +11 -0
  745. package/scss/helper/typography/_list-style-type.scss +43 -0
  746. package/scss/helper/typography/_text-align.md +10 -0
  747. package/scss/helper/typography/_text-align.scss +34 -0
  748. package/scss/helper/typography/_text-color.md +110 -0
  749. package/scss/helper/typography/_text-color.scss +184 -0
  750. package/scss/helper/typography/_text-decoration.md +9 -0
  751. package/scss/helper/typography/_text-decoration.scss +34 -0
  752. package/scss/helper/typography/_text-overflow.md +9 -0
  753. package/scss/helper/typography/_text-overflow.scss +40 -0
  754. package/scss/helper/typography/_text-transform.md +10 -0
  755. package/scss/helper/typography/_text-transform.scss +40 -0
  756. package/scss/helper/typography/_vertical-align.md +12 -0
  757. package/scss/helper/typography/_vertical-align.scss +44 -0
  758. package/scss/helper/typography/_whitespace.md +11 -0
  759. package/scss/helper/typography/_whitespace.scss +42 -0
  760. package/scss/helper/typography/_word-break.md +9 -0
  761. package/scss/helper/typography/_word-break.scss +36 -0
  762. package/scss/helper.scss +72 -0
  763. package/scss/layout/_aside.scss +361 -0
  764. package/scss/layout/_grid.scss +173 -0
  765. package/scss/layout/_hbox.scss +127 -0
  766. package/scss/layout/_header.scss +0 -0
  767. package/scss/layout/_layout.scss +492 -0
  768. package/scss/layout/_vbox.scss +38 -0
  769. package/scss/themes/_ang-variables.scss +224 -0
  770. package/scss/themes/_antd-variables.scss +238 -0
  771. package/scss/themes/_common.scss +157 -0
  772. package/scss/themes/_cxd-variables.scss +222 -0
  773. package/scss/themes/_dark-variables.scss +229 -0
  774. package/scss/themes/ang-ie11.scss +1 -0
  775. package/scss/themes/ang.scss +27 -0
  776. package/scss/themes/antd-ie11.scss +1 -0
  777. package/scss/themes/antd.scss +5 -0
  778. package/scss/themes/cxd-ie11.scss +1 -0
  779. package/scss/themes/cxd.scss +5 -0
  780. package/scss/themes/dark-ie11.scss +1 -0
  781. package/scss/themes/dark.scss +34 -0
  782. package/scss/themes/default.scss +2 -0
  783. package/scss/themes/extract-antd-color.py +27 -0
package/scss/components/_button.scss ADDED
@@ -0,0 +1,871 @@
1
+ .#{$ns}Button {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ text-align: center;
6
+ vertical-align: middle;
7
+ user-select: none;
8
+ background: transparent;
9
+ transition: var(--Button-transition);
10
+ white-space: nowrap;
11
+ min-width: auto;
12
+
13
+ > svg.icon {
14
+ top: 0;
15
+ }
16
+
17
+ &--primary {
18
+ @include button-variant(
19
+ var(--button-primary-default-bg-color),
20
+ var(--button-primary-default-font-color),
21
+ var(--button-primary-default-top-border-color),
22
+ var(--button-primary-default-right-border-color),
23
+ var(--button-primary-default-bottom-border-color),
24
+ var(--button-primary-default-left-border-color),
25
+ var(--button-primary-default-top-border-width),
26
+ var(--button-primary-default-right-border-width),
27
+ var(--button-primary-default-bottom-border-width),
28
+ var(--button-primary-default-left-border-width),
29
+ var(--button-primary-default-top-border-style),
30
+ var(--button-primary-default-right-border-style),
31
+ var(--button-primary-default-bottom-border-style),
32
+ var(--button-primary-default-left-border-style),
33
+ var(--button-primary-default-shadow),
34
+ var(--button-primary-hover-bg-color),
35
+ var(--button-primary-hover-font-color),
36
+ var(--button-primary-hover-top-border-color),
37
+ var(--button-primary-hover-right-border-color),
38
+ var(--button-primary-hover-bottom-border-color),
39
+ var(--button-primary-hover-left-border-color),
40
+ var(--button-primary-hover-top-border-width),
41
+ var(--button-primary-hover-right-border-width),
42
+ var(--button-primary-hover-bottom-border-width),
43
+ var(--button-primary-hover-left-border-width),
44
+ var(--button-primary-hover-top-border-style),
45
+ var(--button-primary-hover-right-border-style),
46
+ var(--button-primary-hover-bottom-border-style),
47
+ var(--button-primary-hover-left-border-style),
48
+ var(--button-primary-hover-shadow),
49
+ var(--button-primary-active-bg-color),
50
+ var(--button-primary-active-font-color),
51
+ var(--button-primary-active-top-border-color),
52
+ var(--button-primary-active-right-border-color),
53
+ var(--button-primary-active-bottom-border-color),
54
+ var(--button-primary-active-left-border-color),
55
+ var(--button-primary-active-top-border-width),
56
+ var(--button-primary-active-right-border-width),
57
+ var(--button-primary-active-bottom-border-width),
58
+ var(--button-primary-active-left-border-width),
59
+ var(--button-primary-active-top-border-style),
60
+ var(--button-primary-active-right-border-style),
61
+ var(--button-primary-active-bottom-border-style),
62
+ var(--button-primary-active-left-border-style),
63
+ var(--button-primary-active-shadow),
64
+ var(--button-primary-disabled-bg-color),
65
+ var(--button-primary-disabled-font-color),
66
+ var(--button-primary-disabled-top-border-color),
67
+ var(--button-primary-disabled-right-border-color),
68
+ var(--button-primary-disabled-bottom-border-color),
69
+ var(--button-primary-disabled-left-border-color),
70
+ var(--button-primary-disabled-top-border-width),
71
+ var(--button-primary-disabled-right-border-width),
72
+ var(--button-primary-disabled-bottom-border-width),
73
+ var(--button-primary-disabled-left-border-width),
74
+ var(--button-primary-disabled-top-border-style),
75
+ var(--button-primary-disabled-right-border-style),
76
+ var(--button-primary-disabled-bottom-border-style),
77
+ var(--button-primary-disabled-left-border-style),
78
+ var(--button-primary-disabled-shadow)
79
+ );
80
+ }
81
+
82
+ &--secondary {
83
+ @include button-variant(
84
+ var(--button-secondary-default-bg-color),
85
+ var(--button-secondary-default-font-color),
86
+ var(--button-secondary-default-top-border-color),
87
+ var(--button-secondary-default-right-border-color),
88
+ var(--button-secondary-default-bottom-border-color),
89
+ var(--button-secondary-default-left-border-color),
90
+ var(--button-secondary-default-top-border-width),
91
+ var(--button-secondary-default-right-border-width),
92
+ var(--button-secondary-default-bottom-border-width),
93
+ var(--button-secondary-default-left-border-width),
94
+ var(--button-secondary-default-top-border-style),
95
+ var(--button-secondary-default-right-border-style),
96
+ var(--button-secondary-default-bottom-border-style),
97
+ var(--button-secondary-default-left-border-style),
98
+ var(--button-secondary-default-shadow),
99
+ var(--button-secondary-hover-bg-color),
100
+ var(--button-secondary-hover-font-color),
101
+ var(--button-secondary-hover-top-border-color),
102
+ var(--button-secondary-hover-right-border-color),
103
+ var(--button-secondary-hover-bottom-border-color),
104
+ var(--button-secondary-hover-left-border-color),
105
+ var(--button-secondary-hover-top-border-width),
106
+ var(--button-secondary-hover-right-border-width),
107
+ var(--button-secondary-hover-bottom-border-width),
108
+ var(--button-secondary-hover-left-border-width),
109
+ var(--button-secondary-hover-top-border-style),
110
+ var(--button-secondary-hover-right-border-style),
111
+ var(--button-secondary-hover-bottom-border-style),
112
+ var(--button-secondary-hover-left-border-style),
113
+ var(--button-secondary-hover-shadow),
114
+ var(--button-secondary-active-bg-color),
115
+ var(--button-secondary-active-font-color),
116
+ var(--button-secondary-active-top-border-color),
117
+ var(--button-secondary-active-right-border-color),
118
+ var(--button-secondary-active-bottom-border-color),
119
+ var(--button-secondary-active-left-border-color),
120
+ var(--button-secondary-active-top-border-width),
121
+ var(--button-secondary-active-right-border-width),
122
+ var(--button-secondary-active-bottom-border-width),
123
+ var(--button-secondary-active-left-border-width),
124
+ var(--button-secondary-active-top-border-style),
125
+ var(--button-secondary-active-right-border-style),
126
+ var(--button-secondary-active-bottom-border-style),
127
+ var(--button-secondary-active-left-border-style),
128
+ var(--button-secondary-active-shadow),
129
+ var(--button-secondary-disabled-bg-color),
130
+ var(--button-secondary-disabled-font-color),
131
+ var(--button-secondary-disabled-top-border-color),
132
+ var(--button-secondary-disabled-right-border-color),
133
+ var(--button-secondary-disabled-bottom-border-color),
134
+ var(--button-secondary-disabled-left-border-color),
135
+ var(--button-secondary-disabled-top-border-width),
136
+ var(--button-secondary-disabled-right-border-width),
137
+ var(--button-secondary-disabled-bottom-border-width),
138
+ var(--button-secondary-disabled-left-border-width),
139
+ var(--button-secondary-disabled-top-border-style),
140
+ var(--button-secondary-disabled-right-border-style),
141
+ var(--button-secondary-disabled-bottom-border-style),
142
+ var(--button-secondary-disabled-left-border-style),
143
+ var(--button-secondary-disabled-shadow)
144
+ );
145
+ }
146
+
147
+ &--success {
148
+ @include button-variant(
149
+ var(--button-success-default-bg-color),
150
+ var(--button-success-default-font-color),
151
+ var(--button-success-default-top-border-color),
152
+ var(--button-success-default-right-border-color),
153
+ var(--button-success-default-bottom-border-color),
154
+ var(--button-success-default-left-border-color),
155
+ var(--button-success-default-top-border-width),
156
+ var(--button-success-default-right-border-width),
157
+ var(--button-success-default-bottom-border-width),
158
+ var(--button-success-default-left-border-width),
159
+ var(--button-success-default-top-border-style),
160
+ var(--button-success-default-right-border-style),
161
+ var(--button-success-default-bottom-border-style),
162
+ var(--button-success-default-left-border-style),
163
+ var(--button-success-default-shadow),
164
+ var(--button-success-hover-bg-color),
165
+ var(--button-success-hover-font-color),
166
+ var(--button-success-hover-top-border-color),
167
+ var(--button-success-hover-right-border-color),
168
+ var(--button-success-hover-bottom-border-color),
169
+ var(--button-success-hover-left-border-color),
170
+ var(--button-success-hover-top-border-width),
171
+ var(--button-success-hover-right-border-width),
172
+ var(--button-success-hover-bottom-border-width),
173
+ var(--button-success-hover-left-border-width),
174
+ var(--button-success-hover-top-border-style),
175
+ var(--button-success-hover-right-border-style),
176
+ var(--button-success-hover-bottom-border-style),
177
+ var(--button-success-hover-left-border-style),
178
+ var(--button-success-hover-shadow),
179
+ var(--button-success-active-bg-color),
180
+ var(--button-success-active-font-color),
181
+ var(--button-success-active-top-border-color),
182
+ var(--button-success-active-right-border-color),
183
+ var(--button-success-active-bottom-border-color),
184
+ var(--button-success-active-left-border-color),
185
+ var(--button-success-active-top-border-width),
186
+ var(--button-success-active-right-border-width),
187
+ var(--button-success-active-bottom-border-width),
188
+ var(--button-success-active-left-border-width),
189
+ var(--button-success-active-top-border-style),
190
+ var(--button-success-active-right-border-style),
191
+ var(--button-success-active-bottom-border-style),
192
+ var(--button-success-active-left-border-style),
193
+ var(--button-success-active-shadow),
194
+ var(--button-success-disabled-bg-color),
195
+ var(--button-success-disabled-font-color),
196
+ var(--button-success-disabled-top-border-color),
197
+ var(--button-success-disabled-right-border-color),
198
+ var(--button-success-disabled-bottom-border-color),
199
+ var(--button-success-disabled-left-border-color),
200
+ var(--button-success-disabled-top-border-width),
201
+ var(--button-success-disabled-right-border-width),
202
+ var(--button-success-disabled-bottom-border-width),
203
+ var(--button-success-disabled-left-border-width),
204
+ var(--button-success-disabled-top-border-style),
205
+ var(--button-success-disabled-right-border-style),
206
+ var(--button-success-disabled-bottom-border-style),
207
+ var(--button-success-disabled-left-border-style),
208
+ var(--button-success-disabled-shadow)
209
+ );
210
+ }
211
+
212
+ &--enhance {
213
+ @include button-variant(
214
+ var(--button-enhance-default-bg-color),
215
+ var(--button-enhance-default-font-color),
216
+ var(--button-enhance-default-top-border-color),
217
+ var(--button-enhance-default-right-border-color),
218
+ var(--button-enhance-default-bottom-border-color),
219
+ var(--button-enhance-default-left-border-color),
220
+ var(--button-enhance-default-top-border-width),
221
+ var(--button-enhance-default-right-border-width),
222
+ var(--button-enhance-default-bottom-border-width),
223
+ var(--button-enhance-default-left-border-width),
224
+ var(--button-enhance-default-top-border-style),
225
+ var(--button-enhance-default-right-border-style),
226
+ var(--button-enhance-default-bottom-border-style),
227
+ var(--button-enhance-default-left-border-style),
228
+ var(--button-enhance-default-shadow),
229
+ var(--button-enhance-hover-bg-color),
230
+ var(--button-enhance-hover-font-color),
231
+ var(--button-enhance-hover-top-border-color),
232
+ var(--button-enhance-hover-right-border-color),
233
+ var(--button-enhance-hover-bottom-border-color),
234
+ var(--button-enhance-hover-left-border-color),
235
+ var(--button-enhance-hover-top-border-width),
236
+ var(--button-enhance-hover-right-border-width),
237
+ var(--button-enhance-hover-bottom-border-width),
238
+ var(--button-enhance-hover-left-border-width),
239
+ var(--button-enhance-hover-top-border-style),
240
+ var(--button-enhance-hover-right-border-style),
241
+ var(--button-enhance-hover-bottom-border-style),
242
+ var(--button-enhance-hover-left-border-style),
243
+ var(--button-enhance-hover-shadow),
244
+ var(--button-enhance-active-bg-color),
245
+ var(--button-enhance-active-font-color),
246
+ var(--button-enhance-active-top-border-color),
247
+ var(--button-enhance-active-right-border-color),
248
+ var(--button-enhance-active-bottom-border-color),
249
+ var(--button-enhance-active-left-border-color),
250
+ var(--button-enhance-active-top-border-width),
251
+ var(--button-enhance-active-right-border-width),
252
+ var(--button-enhance-active-bottom-border-width),
253
+ var(--button-enhance-active-left-border-width),
254
+ var(--button-enhance-active-top-border-style),
255
+ var(--button-enhance-active-right-border-style),
256
+ var(--button-enhance-active-bottom-border-style),
257
+ var(--button-enhance-active-left-border-style),
258
+ var(--button-enhance-active-shadow),
259
+ var(--button-enhance-disabled-bg-color),
260
+ var(--button-enhance-disabled-font-color),
261
+ var(--button-enhance-disabled-top-border-color),
262
+ var(--button-enhance-disabled-right-border-color),
263
+ var(--button-enhance-disabled-bottom-border-color),
264
+ var(--button-enhance-disabled-left-border-color),
265
+ var(--button-enhance-disabled-top-border-width),
266
+ var(--button-enhance-disabled-right-border-width),
267
+ var(--button-enhance-disabled-bottom-border-width),
268
+ var(--button-enhance-disabled-left-border-width),
269
+ var(--button-enhance-disabled-top-border-style),
270
+ var(--button-enhance-disabled-right-border-style),
271
+ var(--button-enhance-disabled-bottom-border-style),
272
+ var(--button-enhance-disabled-left-border-style),
273
+ var(--button-enhance-disabled-shadow)
274
+ );
275
+ }
276
+
277
+ &--info {
278
+ @include button-variant(
279
+ var(--button-info-default-bg-color),
280
+ var(--button-info-default-font-color),
281
+ var(--button-info-default-top-border-color),
282
+ var(--button-info-default-right-border-color),
283
+ var(--button-info-default-bottom-border-color),
284
+ var(--button-info-default-left-border-color),
285
+ var(--button-info-default-top-border-width),
286
+ var(--button-info-default-right-border-width),
287
+ var(--button-info-default-bottom-border-width),
288
+ var(--button-info-default-left-border-width),
289
+ var(--button-info-default-top-border-style),
290
+ var(--button-info-default-right-border-style),
291
+ var(--button-info-default-bottom-border-style),
292
+ var(--button-info-default-left-border-style),
293
+ var(--button-info-default-shadow),
294
+ var(--button-info-hover-bg-color),
295
+ var(--button-info-hover-font-color),
296
+ var(--button-info-hover-top-border-color),
297
+ var(--button-info-hover-right-border-color),
298
+ var(--button-info-hover-bottom-border-color),
299
+ var(--button-info-hover-left-border-color),
300
+ var(--button-info-hover-top-border-width),
301
+ var(--button-info-hover-right-border-width),
302
+ var(--button-info-hover-bottom-border-width),
303
+ var(--button-info-hover-left-border-width),
304
+ var(--button-info-hover-top-border-style),
305
+ var(--button-info-hover-right-border-style),
306
+ var(--button-info-hover-bottom-border-style),
307
+ var(--button-info-hover-left-border-style),
308
+ var(--button-info-hover-shadow),
309
+ var(--button-info-active-bg-color),
310
+ var(--button-info-active-font-color),
311
+ var(--button-info-active-top-border-color),
312
+ var(--button-info-active-right-border-color),
313
+ var(--button-info-active-bottom-border-color),
314
+ var(--button-info-active-left-border-color),
315
+ var(--button-info-active-top-border-width),
316
+ var(--button-info-active-right-border-width),
317
+ var(--button-info-active-bottom-border-width),
318
+ var(--button-info-active-left-border-width),
319
+ var(--button-info-active-top-border-style),
320
+ var(--button-info-active-right-border-style),
321
+ var(--button-info-active-bottom-border-style),
322
+ var(--button-info-active-left-border-style),
323
+ var(--button-info-active-shadow),
324
+ var(--button-info-disabled-bg-color),
325
+ var(--button-info-disabled-font-color),
326
+ var(--button-info-disabled-top-border-color),
327
+ var(--button-info-disabled-right-border-color),
328
+ var(--button-info-disabled-bottom-border-color),
329
+ var(--button-info-disabled-left-border-color),
330
+ var(--button-info-disabled-top-border-width),
331
+ var(--button-info-disabled-right-border-width),
332
+ var(--button-info-disabled-bottom-border-width),
333
+ var(--button-info-disabled-left-border-width),
334
+ var(--button-info-disabled-top-border-style),
335
+ var(--button-info-disabled-right-border-style),
336
+ var(--button-info-disabled-bottom-border-style),
337
+ var(--button-info-disabled-left-border-style),
338
+ var(--button-info-disabled-shadow)
339
+ );
340
+ }
341
+
342
+ &--warning {
343
+ @include button-variant(
344
+ var(--button-warning-default-bg-color),
345
+ var(--button-warning-default-font-color),
346
+ var(--button-warning-default-top-border-color),
347
+ var(--button-warning-default-right-border-color),
348
+ var(--button-warning-default-bottom-border-color),
349
+ var(--button-warning-default-left-border-color),
350
+ var(--button-warning-default-top-border-width),
351
+ var(--button-warning-default-right-border-width),
352
+ var(--button-warning-default-bottom-border-width),
353
+ var(--button-warning-default-left-border-width),
354
+ var(--button-warning-default-top-border-style),
355
+ var(--button-warning-default-right-border-style),
356
+ var(--button-warning-default-bottom-border-style),
357
+ var(--button-warning-default-left-border-style),
358
+ var(--button-warning-default-shadow),
359
+ var(--button-warning-hover-bg-color),
360
+ var(--button-warning-hover-font-color),
361
+ var(--button-warning-hover-top-border-color),
362
+ var(--button-warning-hover-right-border-color),
363
+ var(--button-warning-hover-bottom-border-color),
364
+ var(--button-warning-hover-left-border-color),
365
+ var(--button-warning-hover-top-border-width),
366
+ var(--button-warning-hover-right-border-width),
367
+ var(--button-warning-hover-bottom-border-width),
368
+ var(--button-warning-hover-left-border-width),
369
+ var(--button-warning-hover-top-border-style),
370
+ var(--button-warning-hover-right-border-style),
371
+ var(--button-warning-hover-bottom-border-style),
372
+ var(--button-warning-hover-left-border-style),
373
+ var(--button-warning-hover-shadow),
374
+ var(--button-warning-active-bg-color),
375
+ var(--button-warning-active-font-color),
376
+ var(--button-warning-active-top-border-color),
377
+ var(--button-warning-active-right-border-color),
378
+ var(--button-warning-active-bottom-border-color),
379
+ var(--button-warning-active-left-border-color),
380
+ var(--button-warning-active-top-border-width),
381
+ var(--button-warning-active-right-border-width),
382
+ var(--button-warning-active-bottom-border-width),
383
+ var(--button-warning-active-left-border-width),
384
+ var(--button-warning-active-top-border-style),
385
+ var(--button-warning-active-right-border-style),
386
+ var(--button-warning-active-bottom-border-style),
387
+ var(--button-warning-active-left-border-style),
388
+ var(--button-warning-active-shadow),
389
+ var(--button-warning-disabled-bg-color),
390
+ var(--button-warning-disabled-font-color),
391
+ var(--button-warning-disabled-top-border-color),
392
+ var(--button-warning-disabled-right-border-color),
393
+ var(--button-warning-disabled-bottom-border-color),
394
+ var(--button-warning-disabled-left-border-color),
395
+ var(--button-warning-disabled-top-border-width),
396
+ var(--button-warning-disabled-right-border-width),
397
+ var(--button-warning-disabled-bottom-border-width),
398
+ var(--button-warning-disabled-left-border-width),
399
+ var(--button-warning-disabled-top-border-style),
400
+ var(--button-warning-disabled-right-border-style),
401
+ var(--button-warning-disabled-bottom-border-style),
402
+ var(--button-warning-disabled-left-border-style),
403
+ var(--button-warning-disabled-shadow)
404
+ );
405
+ }
406
+
407
+ &--danger {
408
+ @include button-variant(
409
+ var(--button-danger-default-bg-color),
410
+ var(--button-danger-default-font-color),
411
+ var(--button-danger-default-top-border-color),
412
+ var(--button-danger-default-right-border-color),
413
+ var(--button-danger-default-bottom-border-color),
414
+ var(--button-danger-default-left-border-color),
415
+ var(--button-danger-default-top-border-width),
416
+ var(--button-danger-default-right-border-width),
417
+ var(--button-danger-default-bottom-border-width),
418
+ var(--button-danger-default-left-border-width),
419
+ var(--button-danger-default-top-border-style),
420
+ var(--button-danger-default-right-border-style),
421
+ var(--button-danger-default-bottom-border-style),
422
+ var(--button-danger-default-left-border-style),
423
+ var(--button-danger-default-shadow),
424
+ var(--button-danger-hover-bg-color),
425
+ var(--button-danger-hover-font-color),
426
+ var(--button-danger-hover-top-border-color),
427
+ var(--button-danger-hover-right-border-color),
428
+ var(--button-danger-hover-bottom-border-color),
429
+ var(--button-danger-hover-left-border-color),
430
+ var(--button-danger-hover-top-border-width),
431
+ var(--button-danger-hover-right-border-width),
432
+ var(--button-danger-hover-bottom-border-width),
433
+ var(--button-danger-hover-left-border-width),
434
+ var(--button-danger-hover-top-border-style),
435
+ var(--button-danger-hover-right-border-style),
436
+ var(--button-danger-hover-bottom-border-style),
437
+ var(--button-danger-hover-left-border-style),
438
+ var(--button-danger-hover-shadow),
439
+ var(--button-danger-active-bg-color),
440
+ var(--button-danger-active-font-color),
441
+ var(--button-danger-active-top-border-color),
442
+ var(--button-danger-active-right-border-color),
443
+ var(--button-danger-active-bottom-border-color),
444
+ var(--button-danger-active-left-border-color),
445
+ var(--button-danger-active-top-border-width),
446
+ var(--button-danger-active-right-border-width),
447
+ var(--button-danger-active-bottom-border-width),
448
+ var(--button-danger-active-left-border-width),
449
+ var(--button-danger-active-top-border-style),
450
+ var(--button-danger-active-right-border-style),
451
+ var(--button-danger-active-bottom-border-style),
452
+ var(--button-danger-active-left-border-style),
453
+ var(--button-danger-active-shadow),
454
+ var(--button-danger-disabled-bg-color),
455
+ var(--button-danger-disabled-font-color),
456
+ var(--button-danger-disabled-top-border-color),
457
+ var(--button-danger-disabled-right-border-color),
458
+ var(--button-danger-disabled-bottom-border-color),
459
+ var(--button-danger-disabled-left-border-color),
460
+ var(--button-danger-disabled-top-border-width),
461
+ var(--button-danger-disabled-right-border-width),
462
+ var(--button-danger-disabled-bottom-border-width),
463
+ var(--button-danger-disabled-left-border-width),
464
+ var(--button-danger-disabled-top-border-style),
465
+ var(--button-danger-disabled-right-border-style),
466
+ var(--button-danger-disabled-bottom-border-style),
467
+ var(--button-danger-disabled-left-border-style),
468
+ var(--button-danger-disabled-shadow)
469
+ );
470
+ }
471
+
472
+ &--light {
473
+ @include button-variant(
474
+ var(--button-light-default-bg-color),
475
+ var(--button-light-default-font-color),
476
+ var(--button-light-default-top-border-color),
477
+ var(--button-light-default-right-border-color),
478
+ var(--button-light-default-bottom-border-color),
479
+ var(--button-light-default-left-border-color),
480
+ var(--button-light-default-top-border-width),
481
+ var(--button-light-default-right-border-width),
482
+ var(--button-light-default-bottom-border-width),
483
+ var(--button-light-default-left-border-width),
484
+ var(--button-light-default-top-border-style),
485
+ var(--button-light-default-right-border-style),
486
+ var(--button-light-default-bottom-border-style),
487
+ var(--button-light-default-left-border-style),
488
+ var(--button-light-default-shadow),
489
+ var(--button-light-hover-bg-color),
490
+ var(--button-light-hover-font-color),
491
+ var(--button-light-hover-top-border-color),
492
+ var(--button-light-hover-right-border-color),
493
+ var(--button-light-hover-bottom-border-color),
494
+ var(--button-light-hover-left-border-color),
495
+ var(--button-light-hover-top-border-width),
496
+ var(--button-light-hover-right-border-width),
497
+ var(--button-light-hover-bottom-border-width),
498
+ var(--button-light-hover-left-border-width),
499
+ var(--button-light-hover-top-border-style),
500
+ var(--button-light-hover-right-border-style),
501
+ var(--button-light-hover-bottom-border-style),
502
+ var(--button-light-hover-left-border-style),
503
+ var(--button-light-hover-shadow),
504
+ var(--button-light-active-bg-color),
505
+ var(--button-light-active-font-color),
506
+ var(--button-light-active-top-border-color),
507
+ var(--button-light-active-right-border-color),
508
+ var(--button-light-active-bottom-border-color),
509
+ var(--button-light-active-left-border-color),
510
+ var(--button-light-active-top-border-width),
511
+ var(--button-light-active-right-border-width),
512
+ var(--button-light-active-bottom-border-width),
513
+ var(--button-light-active-left-border-width),
514
+ var(--button-light-active-top-border-style),
515
+ var(--button-light-active-right-border-style),
516
+ var(--button-light-active-bottom-border-style),
517
+ var(--button-light-active-left-border-style),
518
+ var(--button-light-active-shadow),
519
+ var(--button-light-disabled-bg-color),
520
+ var(--button-light-disabled-font-color),
521
+ var(--button-light-disabled-top-border-color),
522
+ var(--button-light-disabled-right-border-color),
523
+ var(--button-light-disabled-bottom-border-color),
524
+ var(--button-light-disabled-left-border-color),
525
+ var(--button-light-disabled-top-border-width),
526
+ var(--button-light-disabled-right-border-width),
527
+ var(--button-light-disabled-bottom-border-width),
528
+ var(--button-light-disabled-left-border-width),
529
+ var(--button-light-disabled-top-border-style),
530
+ var(--button-light-disabled-right-border-style),
531
+ var(--button-light-disabled-bottom-border-style),
532
+ var(--button-light-disabled-left-border-style),
533
+ var(--button-light-disabled-shadow)
534
+ );
535
+ }
536
+
537
+ &--dark {
538
+ @include button-variant(
539
+ var(--button-dark-default-bg-color),
540
+ var(--button-dark-default-font-color),
541
+ var(--button-dark-default-top-border-color),
542
+ var(--button-dark-default-right-border-color),
543
+ var(--button-dark-default-bottom-border-color),
544
+ var(--button-dark-default-left-border-color),
545
+ var(--button-dark-default-top-border-width),
546
+ var(--button-dark-default-right-border-width),
547
+ var(--button-dark-default-bottom-border-width),
548
+ var(--button-dark-default-left-border-width),
549
+ var(--button-dark-default-top-border-style),
550
+ var(--button-dark-default-right-border-style),
551
+ var(--button-dark-default-bottom-border-style),
552
+ var(--button-dark-default-left-border-style),
553
+ var(--button-dark-default-shadow),
554
+ var(--button-dark-hover-bg-color),
555
+ var(--button-dark-hover-font-color),
556
+ var(--button-dark-hover-top-border-color),
557
+ var(--button-dark-hover-right-border-color),
558
+ var(--button-dark-hover-bottom-border-color),
559
+ var(--button-dark-hover-left-border-color),
560
+ var(--button-dark-hover-top-border-width),
561
+ var(--button-dark-hover-right-border-width),
562
+ var(--button-dark-hover-bottom-border-width),
563
+ var(--button-dark-hover-left-border-width),
564
+ var(--button-dark-hover-top-border-style),
565
+ var(--button-dark-hover-right-border-style),
566
+ var(--button-dark-hover-bottom-border-style),
567
+ var(--button-dark-hover-left-border-style),
568
+ var(--button-dark-hover-shadow),
569
+ var(--button-dark-active-bg-color),
570
+ var(--button-dark-active-font-color),
571
+ var(--button-dark-active-top-border-color),
572
+ var(--button-dark-active-right-border-color),
573
+ var(--button-dark-active-bottom-border-color),
574
+ var(--button-dark-active-left-border-color),
575
+ var(--button-dark-active-top-border-width),
576
+ var(--button-dark-active-right-border-width),
577
+ var(--button-dark-active-bottom-border-width),
578
+ var(--button-dark-active-left-border-width),
579
+ var(--button-dark-active-top-border-style),
580
+ var(--button-dark-active-right-border-style),
581
+ var(--button-dark-active-bottom-border-style),
582
+ var(--button-dark-active-left-border-style),
583
+ var(--button-dark-active-shadow),
584
+ var(--button-dark-disabled-bg-color),
585
+ var(--button-dark-disabled-font-color),
586
+ var(--button-dark-disabled-top-border-color),
587
+ var(--button-dark-disabled-right-border-color),
588
+ var(--button-dark-disabled-bottom-border-color),
589
+ var(--button-dark-disabled-left-border-color),
590
+ var(--button-dark-disabled-top-border-width),
591
+ var(--button-dark-disabled-right-border-width),
592
+ var(--button-dark-disabled-bottom-border-width),
593
+ var(--button-dark-disabled-left-border-width),
594
+ var(--button-dark-disabled-top-border-style),
595
+ var(--button-dark-disabled-right-border-style),
596
+ var(--button-dark-disabled-bottom-border-style),
597
+ var(--button-dark-disabled-left-border-style),
598
+ var(--button-dark-disabled-shadow)
599
+ );
600
+ }
601
+
602
+ &--default {
603
+ @include button-variant();
604
+ }
605
+
606
+ &--size-default {
607
+ @include button-size(
608
+ var(--button-size-default-fontSize),
609
+ var(--button-size-default-fontWeight),
610
+ var(--button-size-default-lineHeight),
611
+ var(--button-size-default-top-right-border-radius),
612
+ var(--button-size-default-top-left-border-radius),
613
+ var(--button-size-default-bottom-right-border-radius),
614
+ var(--button-size-default-bottom-left-border-radius),
615
+ var(--button-size-default-height),
616
+ var(--button-size-default-paddingTop),
617
+ var(--button-size-default-paddingBottom),
618
+ var(--button-size-default-paddingLeft),
619
+ var(--button-size-default-paddingRight),
620
+ var(--button-size-default-marginTop),
621
+ var(--button-size-default-marginBottom),
622
+ var(--button-size-default-marginLeft),
623
+ var(--button-size-default-marginRight),
624
+ var(--button-size-default-minWidth),
625
+ var(--button-size-default-icon-size),
626
+ var(--button-size-default-icon-margin)
627
+ );
628
+ }
629
+
630
+ &--size-xs {
631
+ @include button-size(
632
+ var(--button-size-xs-fontSize),
633
+ var(--button-size-xs-fontWeight),
634
+ var(--button-size-xs-lineHeight),
635
+ var(--button-size-xs-top-right-border-radius),
636
+ var(--button-size-xs-top-left-border-radius),
637
+ var(--button-size-xs-bottom-right-border-radius),
638
+ var(--button-size-xs-bottom-left-border-radius),
639
+ var(--button-size-xs-height),
640
+ var(--button-size-xs-paddingTop),
641
+ var(--button-size-xs-paddingBottom),
642
+ var(--button-size-xs-paddingLeft),
643
+ var(--button-size-xs-paddingRight),
644
+ var(--button-size-xs-marginTop),
645
+ var(--button-size-xs-marginBottom),
646
+ var(--button-size-xs-marginLeft),
647
+ var(--button-size-xs-marginRight),
648
+ var(--button-size-xs-minWidth),
649
+ var(--button-size-xs-icon-size),
650
+ var(--button-size-xs-icon-margin)
651
+ );
652
+ }
653
+
654
+ &--size-sm {
655
+ @include button-size(
656
+ var(--button-size-sm-fontSize),
657
+ var(--button-size-sm-fontWeight),
658
+ var(--button-size-sm-lineHeight),
659
+ var(--button-size-sm-top-right-border-radius),
660
+ var(--button-size-sm-top-left-border-radius),
661
+ var(--button-size-sm-bottom-right-border-radius),
662
+ var(--button-size-sm-bottom-left-border-radius),
663
+ var(--button-size-sm-height),
664
+ var(--button-size-sm-paddingTop),
665
+ var(--button-size-sm-paddingBottom),
666
+ var(--button-size-sm-paddingLeft),
667
+ var(--button-size-sm-paddingRight),
668
+ var(--button-size-sm-marginTop),
669
+ var(--button-size-sm-marginBottom),
670
+ var(--button-size-sm-marginLeft),
671
+ var(--button-size-sm-marginRight),
672
+ var(--button-size-sm-minWidth),
673
+ var(--button-size-sm-icon-size),
674
+ var(--button-size-sm-icon-margin)
675
+ );
676
+ }
677
+
678
+ &--size-md {
679
+ @include button-size(
680
+ var(--button-size-md-fontSize),
681
+ var(--button-size-md-fontWeight),
682
+ var(--button-size-md-lineHeight),
683
+ var(--button-size-md-top-right-border-radius),
684
+ var(--button-size-md-top-left-border-radius),
685
+ var(--button-size-md-bottom-right-border-radius),
686
+ var(--button-size-md-bottom-left-border-radius),
687
+ var(--button-size-md-height),
688
+ var(--button-size-md-paddingTop),
689
+ var(--button-size-md-paddingBottom),
690
+ var(--button-size-md-paddingLeft),
691
+ var(--button-size-md-paddingRight),
692
+ var(--button-size-md-marginTop),
693
+ var(--button-size-md-marginBottom),
694
+ var(--button-size-md-marginLeft),
695
+ var(--button-size-md-marginRight),
696
+ var(--button-size-md-minWidth),
697
+ var(--button-size-md-icon-size),
698
+ var(--button-size-md-icon-margin)
699
+ );
700
+ }
701
+
702
+ &--size-lg {
703
+ @include button-size(
704
+ var(--button-size-lg-fontSize),
705
+ var(--button-size-lg-fontWeight),
706
+ var(--button-size-lg-lineHeight),
707
+ var(--button-size-lg-top-right-border-radius),
708
+ var(--button-size-lg-top-left-border-radius),
709
+ var(--button-size-lg-bottom-right-border-radius),
710
+ var(--button-size-lg-bottom-left-border-radius),
711
+ var(--button-size-lg-height),
712
+ var(--button-size-lg-paddingTop),
713
+ var(--button-size-lg-paddingBottom),
714
+ var(--button-size-lg-paddingLeft),
715
+ var(--button-size-lg-paddingRight),
716
+ var(--button-size-lg-marginTop),
717
+ var(--button-size-lg-marginBottom),
718
+ var(--button-size-lg-marginLeft),
719
+ var(--button-size-lg-marginRight),
720
+ var(--button-size-lg-minWidth),
721
+ var(--button-size-lg-icon-size),
722
+ var(--button-size-lg-icon-margin)
723
+ );
724
+ }
725
+
726
+ @include hover-focus {
727
+ // color: var(--text-color);
728
+ text-decoration: none;
729
+ }
730
+
731
+ &:focus,
732
+ &.focus {
733
+ outline: 0;
734
+ box-shadow: var(--Button-onFocus-boxShadow);
735
+ }
736
+
737
+ &.is-disabled,
738
+ &.is-loading,
739
+ &:disabled {
740
+ box-shadow: none;
741
+ cursor: not-allowed;
742
+
743
+ & > svg,
744
+ & > svg path {
745
+ fill: currentColor;
746
+ }
747
+ }
748
+
749
+ &:not(:disabled):not(.is-disabled):not(.is-loading) {
750
+ cursor: pointer;
751
+ }
752
+
753
+ &--link {
754
+ @include button-variant(
755
+ var(--button-link-default-bg-color),
756
+ var(--button-link-default-font-color),
757
+ var(--button-link-default-top-border-color),
758
+ var(--button-link-default-right-border-color),
759
+ var(--button-link-default-bottom-border-color),
760
+ var(--button-link-default-left-border-color),
761
+ var(--button-link-default-top-border-width),
762
+ var(--button-link-default-right-border-width),
763
+ var(--button-link-default-bottom-border-width),
764
+ var(--button-link-default-left-border-width),
765
+ var(--button-link-default-top-border-style),
766
+ var(--button-link-default-right-border-style),
767
+ var(--button-link-default-bottom-border-style),
768
+ var(--button-link-default-left-border-style),
769
+ var(--button-link-default-shadow),
770
+ var(--button-link-hover-bg-color),
771
+ var(--button-link-hover-font-color),
772
+ var(--button-link-hover-top-border-color),
773
+ var(--button-link-hover-right-border-color),
774
+ var(--button-link-hover-bottom-border-color),
775
+ var(--button-link-hover-left-border-color),
776
+ var(--button-link-hover-top-border-width),
777
+ var(--button-link-hover-right-border-width),
778
+ var(--button-link-hover-bottom-border-width),
779
+ var(--button-link-hover-left-border-width),
780
+ var(--button-link-hover-top-border-style),
781
+ var(--button-link-hover-right-border-style),
782
+ var(--button-link-hover-bottom-border-style),
783
+ var(--button-link-hover-left-border-style),
784
+ var(--button-link-hover-shadow),
785
+ var(--button-link-active-bg-color),
786
+ var(--button-link-active-font-color),
787
+ var(--button-link-active-top-border-color),
788
+ var(--button-link-active-right-border-color),
789
+ var(--button-link-active-bottom-border-color),
790
+ var(--button-link-active-left-border-color),
791
+ var(--button-link-active-top-border-width),
792
+ var(--button-link-active-right-border-width),
793
+ var(--button-link-active-bottom-border-width),
794
+ var(--button-link-active-left-border-width),
795
+ var(--button-link-active-top-border-style),
796
+ var(--button-link-active-right-border-style),
797
+ var(--button-link-active-bottom-border-style),
798
+ var(--button-link-active-left-border-style),
799
+ var(--button-link-active-shadow),
800
+ var(--button-link-disabled-bg-color),
801
+ var(--button-link-disabled-font-color),
802
+ var(--button-link-disabled-top-border-color),
803
+ var(--button-link-disabled-right-border-color),
804
+ var(--button-link-disabled-bottom-border-color),
805
+ var(--button-link-disabled-left-border-color),
806
+ var(--button-link-disabled-top-border-width),
807
+ var(--button-link-disabled-right-border-width),
808
+ var(--button-link-disabled-bottom-border-width),
809
+ var(--button-link-disabled-left-border-width),
810
+ var(--button-link-disabled-top-border-style),
811
+ var(--button-link-disabled-right-border-style),
812
+ var(--button-link-disabled-bottom-border-style),
813
+ var(--button-link-disabled-left-border-style),
814
+ var(--button-link-disabled-shadow)
815
+ );
816
+ }
817
+
818
+ &--block {
819
+ display: block;
820
+ width: 100%;
821
+
822
+ + .#{$ns}Button--block {
823
+ margin-top: var(--gap-base);
824
+ }
825
+ }
826
+
827
+ > .pull-left,
828
+ > .pull-right {
829
+ line-height: inherit;
830
+ }
831
+
832
+ > .fa,
833
+ > .iconfont,
834
+ > .glyphicon {
835
+ font-size: inherit;
836
+ }
837
+ }
838
+
839
+ a.#{$ns}Button.is-disabled,
840
+ fieldset:disabled a.#{$ns}Button {
841
+ pointer-events: none;
842
+ }
843
+
844
+ .#{$ns}Button--loading {
845
+ @include button-loading-icon();
846
+ }
847
+
848
+ input[type='submit'],
849
+ input[type='reset'],
850
+ input[type='button'] {
851
+ &.#{$ns}Button--block {
852
+ width: 100%;
853
+ }
854
+ }
855
+
856
+ .#{$ns}ButtonToolbar {
857
+ margin-left: calc(var(--gap-xs) * -1);
858
+ margin-top: calc(var(--gap-xs) * -1);
859
+
860
+ > .#{$ns}Button {
861
+ margin-left: var(--gap-xs);
862
+ margin-top: var(--gap-xs);
863
+ }
864
+ }
865
+
866
+ .#{$ns}Action {
867
+ display: inline-block;
868
+ &:hover {
869
+ cursor: pointer;
870
+ }
871
+ }