@julingbase/jly-arco-design 0.0.2 → 0.0.3

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 (424) hide show
  1. package/README.md +2 -8
  2. package/dist/arco-vue-icon.js.map +1 -1
  3. package/dist/arco-vue-icon.min.js.map +1 -1
  4. package/dist/arco-vue.js +30 -6
  5. package/dist/arco-vue.js.map +1 -1
  6. package/dist/arco-vue.min.js +471 -468
  7. package/dist/arco-vue.min.js.map +1 -1
  8. package/es/_components/auto-tooltip/style/index.less +10 -10
  9. package/es/_components/input-label/style/index.less +7 -7
  10. package/es/_components/input-label/style/input-label.less +70 -70
  11. package/es/_components/picker/style/index.less +191 -191
  12. package/es/_components/picker/style/token.less +58 -58
  13. package/es/_components/select-view/style/index.less +58 -58
  14. package/es/_components/select-view/style/token.less +4 -4
  15. package/es/affix/style/index.less +8 -8
  16. package/es/alert/style/index.less +198 -198
  17. package/es/alert/style/token.less +76 -76
  18. package/es/anchor/style/index.less +99 -99
  19. package/es/anchor/style/token.less +30 -30
  20. package/es/auto-complete/style/index.less +44 -44
  21. package/es/auto-complete/style/token.less +29 -29
  22. package/es/avatar/style/index.less +155 -155
  23. package/es/avatar/style/token.less +29 -29
  24. package/es/back-top/style/index.less +33 -33
  25. package/es/back-top/style/token.less +12 -12
  26. package/es/badge/style/index.less +178 -178
  27. package/es/badge/style/token.less +30 -30
  28. package/es/breadcrumb/style/index.less +76 -76
  29. package/es/breadcrumb/style/token.less +24 -24
  30. package/es/button/style/index.less +304 -304
  31. package/es/button/style/token.less +459 -459
  32. package/es/calendar/style/index.less +479 -479
  33. package/es/calendar/style/token.less +62 -62
  34. package/es/card/style/index.less +219 -219
  35. package/es/card/style/token.less +40 -40
  36. package/es/carousel/style/index.less +405 -405
  37. package/es/carousel/style/slide.less +175 -175
  38. package/es/carousel/style/token.less +33 -33
  39. package/es/cascader/style/index.less +234 -234
  40. package/es/cascader/style/token.less +24 -24
  41. package/es/checkbox/style/index.less +182 -182
  42. package/es/checkbox/style/token.less +37 -37
  43. package/es/collapse/style/index.less +180 -180
  44. package/es/collapse/style/token.less +34 -34
  45. package/es/color-picker/style/index.less +309 -309
  46. package/es/color-picker/style/token.less +70 -70
  47. package/es/comment/style/index.less +66 -66
  48. package/es/comment/style/token.less +17 -17
  49. package/es/date-picker/index.d.ts +1 -1
  50. package/es/date-picker/picker.d.ts +1 -1
  51. package/es/date-picker/range-picker.d.ts +1 -1
  52. package/es/date-picker/style/date.less +128 -128
  53. package/es/date-picker/style/index.less +309 -309
  54. package/es/date-picker/style/month.less +26 -26
  55. package/es/date-picker/style/quarter.less +8 -8
  56. package/es/date-picker/style/range.less +9 -9
  57. package/es/date-picker/style/shortcuts.less +25 -25
  58. package/es/date-picker/style/token.less +76 -76
  59. package/es/date-picker/style/week.less +68 -68
  60. package/es/date-picker/style/year.less +8 -8
  61. package/es/descriptions/descriptions.d.ts +1 -1
  62. package/es/descriptions/index.d.ts +3 -3
  63. package/es/descriptions/style/index.less +159 -159
  64. package/es/descriptions/style/token.less +45 -45
  65. package/es/divider/style/index.less +56 -56
  66. package/es/divider/style/token.less +15 -15
  67. package/es/drawer/style/index.less +230 -230
  68. package/es/drawer/style/token.less +16 -16
  69. package/es/dropdown/context.d.ts +2 -1
  70. package/es/dropdown/dropdown-button.d.ts +12 -3
  71. package/es/dropdown/dropdown-panel.js +18 -4
  72. package/es/dropdown/dropdown.d.ts +12 -3
  73. package/es/dropdown/dropdown.js +12 -2
  74. package/es/dropdown/index.d.ts +33 -9
  75. package/es/dropdown/style/index.less +106 -106
  76. package/es/dropdown/style/token.less +40 -40
  77. package/es/empty/style/index.less +26 -26
  78. package/es/empty/style/token.less +10 -10
  79. package/es/form/style/index.less +257 -257
  80. package/es/form/style/status.less +152 -152
  81. package/es/form/style/token.less +81 -81
  82. package/es/grid/style/col.less +95 -95
  83. package/es/grid/style/grid.less +5 -5
  84. package/es/grid/style/index.less +3 -3
  85. package/es/grid/style/row.less +44 -44
  86. package/es/image/style/image.less +158 -158
  87. package/es/image/style/index.less +5 -5
  88. package/es/image/style/preview.less +227 -227
  89. package/es/image/style/token.less +123 -123
  90. package/es/image/style/trigger.less +14 -14
  91. package/es/input/index.d.ts +4 -4
  92. package/es/input/input-password.d.ts +1 -1
  93. package/es/input/input.d.ts +1 -1
  94. package/es/input/style/group.less +63 -63
  95. package/es/input/style/index.less +121 -121
  96. package/es/input/style/input.less +185 -185
  97. package/es/input/style/password.less +11 -11
  98. package/es/input/style/search.less +18 -18
  99. package/es/input/style/size.less +149 -149
  100. package/es/input/style/textarea.less +37 -37
  101. package/es/input/style/token.less +131 -131
  102. package/es/input-number/style/index.less +160 -160
  103. package/es/input-number/style/token.less +19 -19
  104. package/es/input-tag/style/index.less +40 -40
  105. package/es/input-tag/style/input-tag.less +129 -129
  106. package/es/input-tag/style/token.less +83 -83
  107. package/es/layout/style/index.less +104 -104
  108. package/es/layout/style/token.less +13 -13
  109. package/es/link/style/index.less +120 -120
  110. package/es/link/style/token.less +48 -48
  111. package/es/list/style/index.less +183 -183
  112. package/es/list/style/token.less +55 -55
  113. package/es/mention/index.d.ts +3 -3
  114. package/es/mention/mention.d.ts +1 -1
  115. package/es/mention/style/index.less +21 -21
  116. package/es/mention/style/token.less +6 -6
  117. package/es/menu/style/index.less +622 -622
  118. package/es/menu/style/token.less +117 -117
  119. package/es/message/style/index.less +191 -191
  120. package/es/message/style/token.less +52 -52
  121. package/es/modal/style/index.less +283 -283
  122. package/es/modal/style/token.less +30 -30
  123. package/es/notification/style/index.less +249 -249
  124. package/es/notification/style/token.less +58 -58
  125. package/es/overflow-list/style/index.less +19 -19
  126. package/es/page-header/style/index.less +127 -127
  127. package/es/page-header/style/token.less +30 -30
  128. package/es/pagination/style/index.less +300 -300
  129. package/es/pagination/style/token.less +91 -91
  130. package/es/popconfirm/style/index.less +70 -70
  131. package/es/popconfirm/style/token.less +20 -20
  132. package/es/popover/style/index.less +38 -38
  133. package/es/popover/style/token.less +15 -15
  134. package/es/progress/style/index.less +378 -378
  135. package/es/progress/style/token.less +60 -60
  136. package/es/radio/index.d.ts +4 -4
  137. package/es/radio/radio-group.d.ts +1 -1
  138. package/es/radio/radio.d.ts +1 -1
  139. package/es/radio/style/index.less +266 -266
  140. package/es/radio/style/token.less +55 -55
  141. package/es/rate/style/index.less +87 -87
  142. package/es/rate/style/token.less +13 -13
  143. package/es/resize-box/style/index.less +60 -60
  144. package/es/resize-box/style/token.less +6 -6
  145. package/es/result/style/index.less +94 -94
  146. package/es/result/style/token.less +32 -32
  147. package/es/scrollbar/style/index.less +137 -137
  148. package/es/scrollbar/style/token.less +12 -12
  149. package/es/select/style/index.less +132 -132
  150. package/es/select/style/token.less +43 -43
  151. package/es/skeleton/style/index.less +66 -66
  152. package/es/skeleton/style/token.less +15 -15
  153. package/es/slider/style/index.less +282 -282
  154. package/es/slider/style/token.less +50 -50
  155. package/es/space/style/index.less +50 -50
  156. package/es/spin/style/dot-loading.less +64 -64
  157. package/es/spin/style/index.less +56 -56
  158. package/es/spin/style/token.less +17 -17
  159. package/es/split/style/index.less +53 -53
  160. package/es/split/style/token.less +7 -7
  161. package/es/statistic/style/index.less +47 -47
  162. package/es/statistic/style/token.less +15 -15
  163. package/es/steps/style/arrow.less +212 -212
  164. package/es/steps/style/circle.less +265 -265
  165. package/es/steps/style/dot.less +210 -210
  166. package/es/steps/style/index.less +74 -74
  167. package/es/steps/style/navigation.less +60 -60
  168. package/es/steps/style/token.less +144 -144
  169. package/es/style/animation/fade.less +57 -57
  170. package/es/style/animation/index.less +3 -3
  171. package/es/style/animation/slide.less +158 -158
  172. package/es/style/animation/zoom.less +217 -217
  173. package/es/style/color/colors.less +427 -427
  174. package/es/style/color/css-variables.less +389 -389
  175. package/es/style/color/get-rgb-str.js +17 -17
  176. package/es/style/color/palette-dark.js +10 -10
  177. package/es/style/color/palette.js +10 -10
  178. package/es/style/icon.less +86 -86
  179. package/es/style/index.less +11 -11
  180. package/es/style/mixins/icon-hover.less +14 -14
  181. package/es/style/mixins/index.less +13 -13
  182. package/es/style/normalize.less +353 -353
  183. package/es/style/theme/component.less +21 -21
  184. package/es/style/theme/css-variables.less +146 -146
  185. package/es/style/theme/global.less +416 -416
  186. package/es/style/theme/index.less +42 -42
  187. package/es/switch/index.d.ts +3 -3
  188. package/es/switch/style/index.less +332 -332
  189. package/es/switch/style/token.less +62 -62
  190. package/es/switch/switch.d.ts +1 -1
  191. package/es/table/style/filters-popup.less +51 -51
  192. package/es/table/style/index.less +868 -868
  193. package/es/table/style/token.less +134 -134
  194. package/es/table/table-operation-td.d.ts +4 -4
  195. package/es/tabs/style/index.less +730 -730
  196. package/es/tabs/style/rtl.less +104 -104
  197. package/es/tabs/style/token.less +146 -146
  198. package/es/tabs/style/vertical.less +156 -156
  199. package/es/tag/style/index.less +171 -171
  200. package/es/tag/style/token.less +171 -171
  201. package/es/textarea/style/index.less +64 -64
  202. package/es/time-picker/index.d.ts +3 -3
  203. package/es/time-picker/style/index.less +94 -94
  204. package/es/time-picker/style/token.less +17 -17
  205. package/es/time-picker/time-picker.d.ts +1 -1
  206. package/es/timeline/style/horizontal.less +87 -87
  207. package/es/timeline/style/index.less +272 -272
  208. package/es/timeline/style/token.less +25 -25
  209. package/es/tooltip/style/index.less +24 -24
  210. package/es/tooltip/style/token.less +14 -14
  211. package/es/transfer/style/index.less +294 -294
  212. package/es/transfer/style/token.less +48 -48
  213. package/es/tree/style/index.less +396 -396
  214. package/es/tree/style/token.less +51 -51
  215. package/es/tree-select/style/index.less +49 -49
  216. package/es/tree-select/style/token.less +7 -7
  217. package/es/trigger/style/index.less +57 -57
  218. package/es/trigger/style/token.less +5 -5
  219. package/es/typography/edit-content.d.ts +12 -12
  220. package/es/typography/style/index.less +207 -207
  221. package/es/typography/style/token.less +55 -55
  222. package/es/upload/style/index.less +515 -515
  223. package/es/upload/style/token.less +97 -97
  224. package/es/verification-code/style/index.less +32 -32
  225. package/es/verification-code/style/token.less +1 -1
  226. package/json/vetur-attributes.json +1403 -1399
  227. package/json/vetur-tags.json +573 -572
  228. package/json/web-types.json +4401 -4393
  229. package/lib/_components/auto-tooltip/style/index.less +10 -10
  230. package/lib/_components/input-label/style/index.less +7 -7
  231. package/lib/_components/input-label/style/input-label.less +70 -70
  232. package/lib/_components/picker/style/index.less +191 -191
  233. package/lib/_components/picker/style/token.less +58 -58
  234. package/lib/_components/select-view/style/index.less +58 -58
  235. package/lib/_components/select-view/style/token.less +4 -4
  236. package/lib/affix/style/index.less +8 -8
  237. package/lib/alert/style/index.less +198 -198
  238. package/lib/alert/style/token.less +76 -76
  239. package/lib/anchor/style/index.less +99 -99
  240. package/lib/anchor/style/token.less +30 -30
  241. package/lib/auto-complete/style/index.less +44 -44
  242. package/lib/auto-complete/style/token.less +29 -29
  243. package/lib/avatar/style/index.less +155 -155
  244. package/lib/avatar/style/token.less +29 -29
  245. package/lib/back-top/style/index.less +33 -33
  246. package/lib/back-top/style/token.less +12 -12
  247. package/lib/badge/style/index.less +178 -178
  248. package/lib/badge/style/token.less +30 -30
  249. package/lib/breadcrumb/style/index.less +76 -76
  250. package/lib/breadcrumb/style/token.less +24 -24
  251. package/lib/button/style/index.less +304 -304
  252. package/lib/button/style/token.less +459 -459
  253. package/lib/calendar/style/index.less +479 -479
  254. package/lib/calendar/style/token.less +62 -62
  255. package/lib/card/style/index.less +219 -219
  256. package/lib/card/style/token.less +40 -40
  257. package/lib/carousel/style/index.less +405 -405
  258. package/lib/carousel/style/slide.less +175 -175
  259. package/lib/carousel/style/token.less +33 -33
  260. package/lib/cascader/style/index.less +234 -234
  261. package/lib/cascader/style/token.less +24 -24
  262. package/lib/checkbox/style/index.less +182 -182
  263. package/lib/checkbox/style/token.less +37 -37
  264. package/lib/collapse/style/index.less +180 -180
  265. package/lib/collapse/style/token.less +34 -34
  266. package/lib/color-picker/style/index.less +309 -309
  267. package/lib/color-picker/style/token.less +70 -70
  268. package/lib/comment/style/index.less +66 -66
  269. package/lib/comment/style/token.less +17 -17
  270. package/lib/date-picker/style/date.less +128 -128
  271. package/lib/date-picker/style/index.less +309 -309
  272. package/lib/date-picker/style/month.less +26 -26
  273. package/lib/date-picker/style/quarter.less +8 -8
  274. package/lib/date-picker/style/range.less +9 -9
  275. package/lib/date-picker/style/shortcuts.less +25 -25
  276. package/lib/date-picker/style/token.less +76 -76
  277. package/lib/date-picker/style/week.less +68 -68
  278. package/lib/date-picker/style/year.less +8 -8
  279. package/lib/descriptions/style/index.less +159 -159
  280. package/lib/descriptions/style/token.less +45 -45
  281. package/lib/divider/style/index.less +56 -56
  282. package/lib/divider/style/token.less +15 -15
  283. package/lib/drawer/style/index.less +230 -230
  284. package/lib/drawer/style/token.less +16 -16
  285. package/lib/dropdown/dropdown-panel.js +18 -4
  286. package/lib/dropdown/dropdown.js +12 -2
  287. package/lib/dropdown/style/index.less +106 -106
  288. package/lib/dropdown/style/token.less +40 -40
  289. package/lib/empty/style/index.less +26 -26
  290. package/lib/empty/style/token.less +10 -10
  291. package/lib/form/style/index.less +257 -257
  292. package/lib/form/style/status.less +152 -152
  293. package/lib/form/style/token.less +81 -81
  294. package/lib/grid/style/col.less +95 -95
  295. package/lib/grid/style/grid.less +5 -5
  296. package/lib/grid/style/index.less +3 -3
  297. package/lib/grid/style/row.less +44 -44
  298. package/lib/image/style/image.less +158 -158
  299. package/lib/image/style/index.less +5 -5
  300. package/lib/image/style/preview.less +227 -227
  301. package/lib/image/style/token.less +123 -123
  302. package/lib/image/style/trigger.less +14 -14
  303. package/lib/input/style/group.less +63 -63
  304. package/lib/input/style/index.less +121 -121
  305. package/lib/input/style/input.less +185 -185
  306. package/lib/input/style/password.less +11 -11
  307. package/lib/input/style/search.less +18 -18
  308. package/lib/input/style/size.less +149 -149
  309. package/lib/input/style/textarea.less +37 -37
  310. package/lib/input/style/token.less +131 -131
  311. package/lib/input-number/style/index.less +160 -160
  312. package/lib/input-number/style/token.less +19 -19
  313. package/lib/input-tag/style/index.less +40 -40
  314. package/lib/input-tag/style/input-tag.less +129 -129
  315. package/lib/input-tag/style/token.less +83 -83
  316. package/lib/layout/style/index.less +104 -104
  317. package/lib/layout/style/token.less +13 -13
  318. package/lib/link/style/index.less +120 -120
  319. package/lib/link/style/token.less +48 -48
  320. package/lib/list/style/index.less +183 -183
  321. package/lib/list/style/token.less +55 -55
  322. package/lib/mention/style/index.less +21 -21
  323. package/lib/mention/style/token.less +6 -6
  324. package/lib/menu/style/index.less +622 -622
  325. package/lib/menu/style/token.less +117 -117
  326. package/lib/message/style/index.less +191 -191
  327. package/lib/message/style/token.less +52 -52
  328. package/lib/modal/style/index.less +283 -283
  329. package/lib/modal/style/token.less +30 -30
  330. package/lib/notification/style/index.less +249 -249
  331. package/lib/notification/style/token.less +58 -58
  332. package/lib/overflow-list/style/index.less +19 -19
  333. package/lib/page-header/style/index.less +127 -127
  334. package/lib/page-header/style/token.less +30 -30
  335. package/lib/pagination/style/index.less +300 -300
  336. package/lib/pagination/style/token.less +91 -91
  337. package/lib/popconfirm/style/index.less +70 -70
  338. package/lib/popconfirm/style/token.less +20 -20
  339. package/lib/popover/style/index.less +38 -38
  340. package/lib/popover/style/token.less +15 -15
  341. package/lib/progress/style/index.less +378 -378
  342. package/lib/progress/style/token.less +60 -60
  343. package/lib/radio/style/index.less +266 -266
  344. package/lib/radio/style/token.less +55 -55
  345. package/lib/rate/style/index.less +87 -87
  346. package/lib/rate/style/token.less +13 -13
  347. package/lib/resize-box/style/index.less +60 -60
  348. package/lib/resize-box/style/token.less +6 -6
  349. package/lib/result/style/index.less +94 -94
  350. package/lib/result/style/token.less +32 -32
  351. package/lib/scrollbar/style/index.less +137 -137
  352. package/lib/scrollbar/style/token.less +12 -12
  353. package/lib/select/style/index.less +132 -132
  354. package/lib/select/style/token.less +43 -43
  355. package/lib/skeleton/style/index.less +66 -66
  356. package/lib/skeleton/style/token.less +15 -15
  357. package/lib/slider/style/index.less +282 -282
  358. package/lib/slider/style/token.less +50 -50
  359. package/lib/space/style/index.less +50 -50
  360. package/lib/spin/style/dot-loading.less +64 -64
  361. package/lib/spin/style/index.less +56 -56
  362. package/lib/spin/style/token.less +17 -17
  363. package/lib/split/style/index.less +53 -53
  364. package/lib/split/style/token.less +7 -7
  365. package/lib/statistic/style/index.less +47 -47
  366. package/lib/statistic/style/token.less +15 -15
  367. package/lib/steps/style/arrow.less +212 -212
  368. package/lib/steps/style/circle.less +265 -265
  369. package/lib/steps/style/dot.less +210 -210
  370. package/lib/steps/style/index.less +74 -74
  371. package/lib/steps/style/navigation.less +60 -60
  372. package/lib/steps/style/token.less +144 -144
  373. package/lib/style/animation/fade.less +57 -57
  374. package/lib/style/animation/index.less +3 -3
  375. package/lib/style/animation/slide.less +158 -158
  376. package/lib/style/animation/zoom.less +217 -217
  377. package/lib/style/color/colors.less +427 -427
  378. package/lib/style/color/css-variables.less +389 -389
  379. package/lib/style/color/get-rgb-str.js +17 -17
  380. package/lib/style/color/palette-dark.js +10 -10
  381. package/lib/style/color/palette.js +10 -10
  382. package/lib/style/icon.less +86 -86
  383. package/lib/style/index.less +11 -11
  384. package/lib/style/mixins/icon-hover.less +14 -14
  385. package/lib/style/mixins/index.less +13 -13
  386. package/lib/style/normalize.less +353 -353
  387. package/lib/style/theme/component.less +21 -21
  388. package/lib/style/theme/css-variables.less +146 -146
  389. package/lib/style/theme/global.less +416 -416
  390. package/lib/style/theme/index.less +42 -42
  391. package/lib/switch/style/index.less +332 -332
  392. package/lib/switch/style/token.less +62 -62
  393. package/lib/table/style/filters-popup.less +51 -51
  394. package/lib/table/style/index.less +868 -868
  395. package/lib/table/style/token.less +134 -134
  396. package/lib/tabs/style/index.less +730 -730
  397. package/lib/tabs/style/rtl.less +104 -104
  398. package/lib/tabs/style/token.less +146 -146
  399. package/lib/tabs/style/vertical.less +156 -156
  400. package/lib/tag/style/index.less +171 -171
  401. package/lib/tag/style/token.less +171 -171
  402. package/lib/textarea/style/index.less +64 -64
  403. package/lib/time-picker/style/index.less +94 -94
  404. package/lib/time-picker/style/token.less +17 -17
  405. package/lib/timeline/style/horizontal.less +87 -87
  406. package/lib/timeline/style/index.less +272 -272
  407. package/lib/timeline/style/token.less +25 -25
  408. package/lib/tooltip/style/index.less +24 -24
  409. package/lib/tooltip/style/token.less +14 -14
  410. package/lib/transfer/style/index.less +294 -294
  411. package/lib/transfer/style/token.less +48 -48
  412. package/lib/tree/style/index.less +396 -396
  413. package/lib/tree/style/token.less +51 -51
  414. package/lib/tree-select/style/index.less +49 -49
  415. package/lib/tree-select/style/token.less +7 -7
  416. package/lib/trigger/style/index.less +57 -57
  417. package/lib/trigger/style/token.less +5 -5
  418. package/lib/typography/style/index.less +207 -207
  419. package/lib/typography/style/token.less +55 -55
  420. package/lib/upload/style/index.less +515 -515
  421. package/lib/upload/style/token.less +97 -97
  422. package/lib/verification-code/style/index.less +32 -32
  423. package/lib/verification-code/style/token.less +1 -1
  424. package/package.json +2 -2
package/es/button/style/token.less CHANGED
@@ -1,459 +1,459 @@
1
- @import '../../style/theme/index.less';
2
-
3
- @btn-font-weight: @font-weight-400;
4
- @btn-border-width: @border-1;
5
- @btn-border-radius: @radius-small;
6
-
7
- @btn-size-mini-radius: @btn-border-radius;
8
- @btn-size-small-radius: @btn-border-radius;
9
- @btn-size-default-radius: @btn-border-radius;
10
- @btn-size-large-radius: @btn-border-radius;
11
-
12
- @btn-size-mini-height: @size-mini;
13
- @btn-size-small-height: @size-small;
14
- @btn-size-default-height: @size-default;
15
- @btn-size-large-height: @size-large;
16
-
17
- @btn-size-mini-border-width: @btn-border-width;
18
- @btn-size-small-border-width: @btn-border-width;
19
- @btn-size-default-border-width: @btn-border-width;
20
- @btn-size-large-border-width: @btn-border-width;
21
-
22
- @btn-size-mini-icon-spacing: @spacing-2;
23
- @btn-size-small-icon-spacing: @spacing-3;
24
- @btn-size-default-icon-spacing: @spacing-4;
25
- @btn-size-large-icon-spacing: @spacing-4;
26
-
27
- @btn-size-mini-icon-vertical-align: -1px;
28
- @btn-size-small-icon-vertical-align: -2px;
29
- @btn-size-default-icon-vertical-align: -2px;
30
- @btn-size-large-icon-vertical-align: -2px;
31
-
32
- @btn-size-mini-padding-horizontal: 11px;
33
- @btn-size-small-padding-horizontal: 15px;
34
- @btn-size-default-padding-horizontal: 15px;
35
- @btn-size-large-padding-horizontal: 19px;
36
-
37
- @btn-size-mini-font-size: @font-size-body-1;
38
- @btn-size-small-font-size: @font-size-body-3;
39
- @btn-size-default-font-size: @font-size-body-3;
40
- @btn-size-large-font-size: @font-size-body-3;
41
-
42
- /***** Outline *****/
43
- @btn-outline-color-text: @color-primary-6;
44
- @btn-outline-color-text_disabled: var(
45
- ~'@{arco-cssvars-prefix}-color-primary-light-3'
46
- );
47
- @btn-outline-color-text_hover: @color-primary-5;
48
- @btn-outline-color-text_active: @color-primary-7;
49
- @btn-outline-color-bg: @color-transparent;
50
- @btn-outline-color-bg_disabled: @color-transparent;
51
- @btn-outline-color-bg_hover: @color-transparent;
52
- @btn-outline-color-bg_active: @color-transparent;
53
- @btn-outline-color-border: @color-primary-6;
54
- @btn-outline-color-border_disabled: var(
55
- ~'@{arco-cssvars-prefix}-color-primary-light-3'
56
- );
57
- @btn-outline-color-border_hover: @color-primary-5;
58
- @btn-outline-color-border_active: @color-primary-7;
59
- // status
60
- @btn-outline-color-text_warning: @color-warning-6;
61
- @btn-outline-color-text_warning_disabled: var(
62
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
63
- );
64
- @btn-outline-color-text_warning_hover: @color-warning-5;
65
- @btn-outline-color-text_warning_active: @color-warning-7;
66
- @btn-outline-color-bg_warning: @color-transparent;
67
- @btn-outline-color-bg_warning_disabled: @color-transparent;
68
- @btn-outline-color-bg_warning_hover: @color-transparent;
69
- @btn-outline-color-bg_warning_active: @color-transparent;
70
- @btn-outline-color-border_warning: @color-warning-6;
71
- @btn-outline-color-border_warning_disabled: var(
72
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
73
- );
74
- @btn-outline-color-border_warning_hover: @color-warning-5;
75
- @btn-outline-color-border_warning_active: @color-warning-7;
76
-
77
- @btn-outline-color-text_danger: @color-danger-6;
78
- @btn-outline-color-text_danger_disabled: var(
79
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
80
- );
81
- @btn-outline-color-text_danger_hover: @color-danger-5;
82
- @btn-outline-color-text_danger_active: @color-danger-7;
83
- @btn-outline-color-bg_danger: @color-transparent;
84
- @btn-outline-color-bg_danger_disabled: @color-transparent;
85
- @btn-outline-color-bg_danger_hover: @color-transparent;
86
- @btn-outline-color-bg_danger_active: @color-transparent;
87
- @btn-outline-color-border_danger: @color-danger-6;
88
- @btn-outline-color-border_danger_disabled: var(
89
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
90
- );
91
- @btn-outline-color-border_danger_hover: @color-danger-5;
92
- @btn-outline-color-border_danger_active: @color-danger-7;
93
-
94
- @btn-outline-color-text_success: @color-success-6;
95
- @btn-outline-color-text_success_disabled: var(
96
- ~'@{arco-cssvars-prefix}-color-success-light-3'
97
- );
98
- @btn-outline-color-text_success_hover: @color-success-5;
99
- @btn-outline-color-text_success_active: @color-success-7;
100
- @btn-outline-color-bg_success: @color-transparent;
101
- @btn-outline-color-bg_success_disabled: @color-transparent;
102
- @btn-outline-color-bg_success_hover: @color-transparent;
103
- @btn-outline-color-bg_success_active: @color-transparent;
104
- @btn-outline-color-border_success: @color-success-6;
105
- @btn-outline-color-border_success_disabled: var(
106
- ~'@{arco-cssvars-prefix}-color-success-light-3'
107
- );
108
- @btn-outline-color-border_success_hover: @color-success-5;
109
- @btn-outline-color-border_success_active: @color-success-7;
110
- // border
111
- @btn-outline-border-style: @border-solid;
112
-
113
- /***** Primary *****/
114
- @btn-primary-color-text: #fff;
115
- @btn-primary-color-text_disabled: #fff;
116
- @btn-primary-color-text_hover: #fff;
117
- @btn-primary-color-text_active: #fff;
118
- @btn-primary-color-bg: @color-primary-6;
119
- @btn-primary-color-bg_disabled: var(
120
- ~'@{arco-cssvars-prefix}-color-primary-light-3'
121
- );
122
- @btn-primary-color-bg_hover: @color-primary-5;
123
- @btn-primary-color-bg_active: @color-primary-7;
124
- @btn-primary-color-border: @color-transparent;
125
- @btn-primary-color-border_disabled: @color-transparent;
126
- @btn-primary-color-border_hover: @color-transparent;
127
- @btn-primary-color-border_active: @color-transparent;
128
- // status
129
- @btn-primary-color-text_warning: #fff;
130
- @btn-primary-color-text_warning_disabled: #fff;
131
- @btn-primary-color-text_warning_hover: #fff;
132
- @btn-primary-color-text_warning_active: #fff;
133
- @btn-primary-color-bg_warning: @color-warning-6;
134
- @btn-primary-color-bg_warning_disabled: var(
135
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
136
- );
137
- @btn-primary-color-bg_warning_hover: @color-warning-5;
138
- @btn-primary-color-bg_warning_active: @color-warning-7;
139
- @btn-primary-color-border_warning: @color-transparent;
140
- @btn-primary-color-border_warning_disabled: @color-transparent;
141
- @btn-primary-color-border_warning_hover: @color-transparent;
142
- @btn-primary-color-border_warning_active: @color-transparent;
143
-
144
- @btn-primary-color-text_danger: #fff;
145
- @btn-primary-color-text_danger_disabled: #fff;
146
- @btn-primary-color-text_danger_hover: #fff;
147
- @btn-primary-color-text_danger_active: #fff;
148
- @btn-primary-color-bg_danger: @color-danger-6;
149
- @btn-primary-color-bg_danger_disabled: var(
150
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
151
- );
152
- @btn-primary-color-bg_danger_hover: @color-danger-5;
153
- @btn-primary-color-bg_danger_active: @color-danger-7;
154
- @btn-primary-color-border_danger: @color-transparent;
155
- @btn-primary-color-border_danger_disabled: @color-transparent;
156
- @btn-primary-color-border_danger_hover: @color-transparent;
157
- @btn-primary-color-border_danger_active: @color-transparent;
158
-
159
- @btn-primary-color-text_success: #fff;
160
- @btn-primary-color-text_success_disabled: #fff;
161
- @btn-primary-color-text_success_hover: #fff;
162
- @btn-primary-color-text_success_active: #fff;
163
- @btn-primary-color-bg_success: @color-success-6;
164
- @btn-primary-color-bg_success_disabled: var(
165
- ~'@{arco-cssvars-prefix}-color-success-light-3'
166
- );
167
- @btn-primary-color-bg_success_hover: @color-success-5;
168
- @btn-primary-color-bg_success_active: @color-success-7;
169
- @btn-primary-color-border_success: @color-transparent;
170
- @btn-primary-color-border_success_disabled: @color-transparent;
171
- @btn-primary-color-border_success_hover: @color-transparent;
172
- @btn-primary-color-border_success_active: @color-transparent;
173
- // border
174
- @btn-primary-border-style: @border-solid;
175
-
176
- /***** Secondary *****/
177
- @btn-secondary-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
178
- @btn-secondary-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
179
- @btn-secondary-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
180
- @btn-secondary-color-text_active: var(~'@{arco-cssvars-prefix}-color-text-2');
181
- @btn-secondary-color-bg: var(~'@{arco-cssvars-prefix}-color-secondary');
182
- @btn-secondary-color-bg_disabled: var(
183
- ~'@{arco-cssvars-prefix}-color-secondary-disabled'
184
- );
185
- @btn-secondary-color-bg_hover: var(
186
- ~'@{arco-cssvars-prefix}-color-secondary-hover'
187
- );
188
- @btn-secondary-color-bg_active: var(
189
- ~'@{arco-cssvars-prefix}-color-secondary-active'
190
- );
191
- @btn-secondary-color-border: @color-transparent;
192
- @btn-secondary-color-border_disabled: @color-transparent;
193
- @btn-secondary-color-border_hover: @color-transparent;
194
- @btn-secondary-color-border_active: @color-transparent;
195
- // status
196
- @btn-secondary-color-text_warning: @color-warning-6;
197
- @btn-secondary-color-text_warning_disabled: var(
198
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
199
- );
200
- @btn-secondary-color-text_warning_hover: @color-warning-6;
201
- @btn-secondary-color-text_warning_active: @color-warning-6;
202
- @btn-secondary-color-bg_warning: var(
203
- ~'@{arco-cssvars-prefix}-color-warning-light-1'
204
- );
205
- @btn-secondary-color-bg_warning_disabled: var(
206
- ~'@{arco-cssvars-prefix}-color-warning-light-1'
207
- );
208
- @btn-secondary-color-bg_warning_hover: var(
209
- ~'@{arco-cssvars-prefix}-color-warning-light-2'
210
- );
211
- @btn-secondary-color-bg_warning_active: var(
212
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
213
- );
214
- @btn-secondary-color-border_warning: @color-transparent;
215
- @btn-secondary-color-border_warning_disabled: @color-transparent;
216
- @btn-secondary-color-border_warning_hover: @color-transparent;
217
- @btn-secondary-color-border_warning_active: @color-transparent;
218
-
219
- @btn-secondary-color-text_danger: @color-danger-6;
220
- @btn-secondary-color-text_danger_disabled: var(
221
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
222
- );
223
- @btn-secondary-color-text_danger_hover: @color-danger-6;
224
- @btn-secondary-color-text_danger_active: @color-danger-6;
225
- @btn-secondary-color-bg_danger: var(
226
- ~'@{arco-cssvars-prefix}-color-danger-light-1'
227
- );
228
- @btn-secondary-color-bg_danger_disabled: var(
229
- ~'@{arco-cssvars-prefix}-color-danger-light-1'
230
- );
231
- @btn-secondary-color-bg_danger_hover: var(
232
- ~'@{arco-cssvars-prefix}-color-danger-light-2'
233
- );
234
- @btn-secondary-color-bg_danger_active: var(
235
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
236
- );
237
- @btn-secondary-color-border_danger: @color-transparent;
238
- @btn-secondary-color-border_danger_disabled: @color-transparent;
239
- @btn-secondary-color-border_danger_hover: @color-transparent;
240
- @btn-secondary-color-border_danger_active: @color-transparent;
241
-
242
- @btn-secondary-color-text_success: @color-success-6;
243
- @btn-secondary-color-text_success_disabled: var(
244
- ~'@{arco-cssvars-prefix}-color-success-light-3'
245
- );
246
- @btn-secondary-color-text_success_hover: @color-success-6;
247
- @btn-secondary-color-text_success_active: @color-success-6;
248
- @btn-secondary-color-bg_success: var(
249
- ~'@{arco-cssvars-prefix}-color-success-light-1'
250
- );
251
- @btn-secondary-color-bg_success_disabled: var(
252
- ~'@{arco-cssvars-prefix}-color-success-light-1'
253
- );
254
- @btn-secondary-color-bg_success_hover: var(
255
- ~'@{arco-cssvars-prefix}-color-success-light-2'
256
- );
257
- @btn-secondary-color-bg_success_active: var(
258
- ~'@{arco-cssvars-prefix}-color-success-light-3'
259
- );
260
- @btn-secondary-color-border_success: @color-transparent;
261
- @btn-secondary-color-border_success_disabled: @color-transparent;
262
- @btn-secondary-color-border_success_hover: @color-transparent;
263
- @btn-secondary-color-border_success_active: @color-transparent;
264
- // border
265
- @btn-secondary-border-style: @border-solid;
266
-
267
- /***** Dashed *****/
268
- @btn-dashed-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
269
- @btn-dashed-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
270
- @btn-dashed-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
271
- @btn-dashed-color-text_active: var(~'@{arco-cssvars-prefix}-color-text-2');
272
- @btn-dashed-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
273
- @btn-dashed-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
274
- @btn-dashed-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
275
- @btn-dashed-color-bg_active: var(~'@{arco-cssvars-prefix}-color-fill-4');
276
- @btn-dashed-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
277
- @btn-dashed-color-border_disabled: var(
278
- ~'@{arco-cssvars-prefix}-color-neutral-3'
279
- );
280
- @btn-dashed-color-border_hover: var(~'@{arco-cssvars-prefix}-color-neutral-4');
281
- @btn-dashed-color-border_active: var(~'@{arco-cssvars-prefix}-color-neutral-5');
282
- // status
283
- @btn-dashed-color-text_warning: @color-warning-6;
284
- @btn-dashed-color-text_warning_disabled: var(
285
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
286
- );
287
- @btn-dashed-color-text_warning_hover: @color-warning-6;
288
- @btn-dashed-color-text_warning_active: @color-warning-6;
289
- @btn-dashed-color-bg_warning: var(
290
- ~'@{arco-cssvars-prefix}-color-warning-light-1'
291
- );
292
- @btn-dashed-color-bg_warning_disabled: var(
293
- ~'@{arco-cssvars-prefix}-color-warning-light-1'
294
- );
295
- @btn-dashed-color-bg_warning_hover: var(
296
- ~'@{arco-cssvars-prefix}-color-warning-light-2'
297
- );
298
- @btn-dashed-color-bg_warning_active: var(
299
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
300
- );
301
- @btn-dashed-color-border_warning: var(
302
- ~'@{arco-cssvars-prefix}-color-warning-light-2'
303
- );
304
- @btn-dashed-color-border_warning_disabled: var(
305
- ~'@{arco-cssvars-prefix}-color-warning-light-2'
306
- );
307
- @btn-dashed-color-border_warning_hover: var(
308
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
309
- );
310
- @btn-dashed-color-border_warning_active: var(
311
- ~'@{arco-cssvars-prefix}-color-warning-light-4'
312
- );
313
-
314
- @btn-dashed-color-text_danger: @color-danger-6;
315
- @btn-dashed-color-text_danger_disabled: var(
316
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
317
- );
318
- @btn-dashed-color-text_danger_hover: @color-danger-6;
319
- @btn-dashed-color-text_danger_active: @color-danger-6;
320
- @btn-dashed-color-bg_danger: var(
321
- ~'@{arco-cssvars-prefix}-color-danger-light-1'
322
- );
323
- @btn-dashed-color-bg_danger_disabled: var(
324
- ~'@{arco-cssvars-prefix}-color-danger-light-1'
325
- );
326
- @btn-dashed-color-bg_danger_hover: var(
327
- ~'@{arco-cssvars-prefix}-color-danger-light-2'
328
- );
329
- @btn-dashed-color-bg_danger_active: var(
330
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
331
- );
332
- @btn-dashed-color-border_danger: var(
333
- ~'@{arco-cssvars-prefix}-color-danger-light-2'
334
- );
335
- @btn-dashed-color-border_danger_disabled: var(
336
- ~'@{arco-cssvars-prefix}-color-danger-light-2'
337
- );
338
- @btn-dashed-color-border_danger_hover: var(
339
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
340
- );
341
- @btn-dashed-color-border_danger_active: var(
342
- ~'@{arco-cssvars-prefix}-color-danger-light-4'
343
- );
344
-
345
- @btn-dashed-color-text_success: @color-success-6;
346
- @btn-dashed-color-text_success_disabled: var(
347
- ~'@{arco-cssvars-prefix}-color-success-light-3'
348
- );
349
- @btn-dashed-color-text_success_hover: @color-success-6;
350
- @btn-dashed-color-text_success_active: @color-success-6;
351
- @btn-dashed-color-bg_success: var(
352
- ~'@{arco-cssvars-prefix}-color-success-light-1'
353
- );
354
- @btn-dashed-color-bg_success_disabled: var(
355
- ~'@{arco-cssvars-prefix}-color-success-light-1'
356
- );
357
- @btn-dashed-color-bg_success_hover: var(
358
- ~'@{arco-cssvars-prefix}-color-success-light-2'
359
- );
360
- @btn-dashed-color-bg_success_active: var(
361
- ~'@{arco-cssvars-prefix}-color-success-light-3'
362
- );
363
- @btn-dashed-color-border_success: var(
364
- ~'@{arco-cssvars-prefix}-color-success-light-2'
365
- );
366
- @btn-dashed-color-border_success_disabled: var(
367
- ~'@{arco-cssvars-prefix}-color-success-light-2'
368
- );
369
- @btn-dashed-color-border_success_hover: var(
370
- ~'@{arco-cssvars-prefix}-color-success-light-3'
371
- );
372
- @btn-dashed-color-border_success_active: var(
373
- ~'@{arco-cssvars-prefix}-color-success-light-4'
374
- );
375
- // border
376
- @btn-dashed-border-style: @border-dashed;
377
-
378
- /***** Text *****/
379
- @btn-text-color-text: @color-primary-6;
380
- @btn-text-color-text_disabled: var(
381
- ~'@{arco-cssvars-prefix}-color-primary-light-3'
382
- );
383
- @btn-text-color-text_hover: @color-primary-6;
384
- @btn-text-color-text_active: @color-primary-6;
385
- @btn-text-color-bg: @color-transparent;
386
- @btn-text-color-bg_disabled: @color-transparent;
387
- @btn-text-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
388
- @btn-text-color-bg_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
389
- @btn-text-color-border: @color-transparent;
390
- @btn-text-color-border_disabled: @color-transparent;
391
- @btn-text-color-border_hover: @color-transparent;
392
- @btn-text-color-border_active: @color-transparent;
393
- // status
394
- @btn-text-color-text_warning: @color-warning-6;
395
- @btn-text-color-text_warning_disabled: var(
396
- ~'@{arco-cssvars-prefix}-color-warning-light-3'
397
- );
398
- @btn-text-color-text_warning_hover: @color-warning-6;
399
- @btn-text-color-text_warning_active: @color-warning-6;
400
- @btn-text-color-bg_warning: @color-transparent;
401
- @btn-text-color-bg_warning_disabled: @color-transparent;
402
- @btn-text-color-bg_warning_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
403
- @btn-text-color-bg_warning_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
404
- @btn-text-color-border_warning: @color-transparent;
405
- @btn-text-color-border_warning_disabled: @color-transparent;
406
- @btn-text-color-border_warning_hover: @color-transparent;
407
- @btn-text-color-border_warning_active: @color-transparent;
408
-
409
- @btn-text-color-text_danger: @color-danger-6;
410
- @btn-text-color-text_danger_disabled: var(
411
- ~'@{arco-cssvars-prefix}-color-danger-light-3'
412
- );
413
- @btn-text-color-text_danger_hover: @color-danger-6;
414
- @btn-text-color-text_danger_active: @color-danger-6;
415
- @btn-text-color-bg_danger: @color-transparent;
416
- @btn-text-color-bg_danger_disabled: @color-transparent;
417
- @btn-text-color-bg_danger_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
418
- @btn-text-color-bg_danger_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
419
- @btn-text-color-border_danger: @color-transparent;
420
- @btn-text-color-border_danger_disabled: @color-transparent;
421
- @btn-text-color-border_danger_hover: @color-transparent;
422
- @btn-text-color-border_danger_active: @color-transparent;
423
-
424
- @btn-text-color-text_success: @color-success-6;
425
- @btn-text-color-text_success_disabled: var(
426
- ~'@{arco-cssvars-prefix}-color-success-light-3'
427
- );
428
- @btn-text-color-text_success_hover: @color-success-6;
429
- @btn-text-color-text_success_active: @color-success-6;
430
- @btn-text-color-bg_success: @color-transparent;
431
- @btn-text-color-bg_success_disabled: @color-transparent;
432
- @btn-text-color-bg_success_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
433
- @btn-text-color-bg_success_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
434
- @btn-text-color-border_success: @color-transparent;
435
- @btn-text-color-border_success_disabled: @color-transparent;
436
- @btn-text-color-border_success_hover: @color-transparent;
437
- @btn-text-color-border_success_active: @color-transparent;
438
- // border
439
- @btn-text-border-style: @border-solid;
440
-
441
- // vue overwrite token
442
- @btn-size-medium-radius: @btn-size-default-radius;
443
- @btn-size-medium-border-width: @btn-size-default-border-width;
444
- @btn-size-medium-icon-spacing: @btn-size-default-icon-spacing;
445
- @btn-size-medium-icon-vertical-align: @btn-size-default-icon-vertical-align;
446
- @btn-size-medium-padding-horizontal: @btn-size-default-padding-horizontal;
447
- @btn-size-medium-font-size: @btn-size-default-font-size;
448
- @btn-size-medium-height: @btn-size-default-height;
449
-
450
- /***** focus-visible *****/
451
- @btn-box-shadow-radius: 0.25em;
452
- @btn-primary-color-box-shadow: @color-primary-3;
453
- @btn-outline-color-box-shadow: @color-primary-3;
454
- @btn-secondary-color-box-shadow: @color-secondary-active;
455
- @btn-dashed-color-box-shadow: @color-secondary-active;
456
- @btn-text-color-box-shadow: @color-secondary-active;
457
- @btn-color-box-shadow_warning: @color-warning-3;
458
- @btn-color-box-shadow_danger: @color-danger-3;
459
- @btn-color-box-shadow_success: @color-success-3;
1
+ @import '../../style/theme/index.less';
2
+
3
+ @btn-font-weight: @font-weight-400;
4
+ @btn-border-width: @border-1;
5
+ @btn-border-radius: @radius-small;
6
+
7
+ @btn-size-mini-radius: @btn-border-radius;
8
+ @btn-size-small-radius: @btn-border-radius;
9
+ @btn-size-default-radius: @btn-border-radius;
10
+ @btn-size-large-radius: @btn-border-radius;
11
+
12
+ @btn-size-mini-height: @size-mini;
13
+ @btn-size-small-height: @size-small;
14
+ @btn-size-default-height: @size-default;
15
+ @btn-size-large-height: @size-large;
16
+
17
+ @btn-size-mini-border-width: @btn-border-width;
18
+ @btn-size-small-border-width: @btn-border-width;
19
+ @btn-size-default-border-width: @btn-border-width;
20
+ @btn-size-large-border-width: @btn-border-width;
21
+
22
+ @btn-size-mini-icon-spacing: @spacing-2;
23
+ @btn-size-small-icon-spacing: @spacing-3;
24
+ @btn-size-default-icon-spacing: @spacing-4;
25
+ @btn-size-large-icon-spacing: @spacing-4;
26
+
27
+ @btn-size-mini-icon-vertical-align: -1px;
28
+ @btn-size-small-icon-vertical-align: -2px;
29
+ @btn-size-default-icon-vertical-align: -2px;
30
+ @btn-size-large-icon-vertical-align: -2px;
31
+
32
+ @btn-size-mini-padding-horizontal: 11px;
33
+ @btn-size-small-padding-horizontal: 15px;
34
+ @btn-size-default-padding-horizontal: 15px;
35
+ @btn-size-large-padding-horizontal: 19px;
36
+
37
+ @btn-size-mini-font-size: @font-size-body-1;
38
+ @btn-size-small-font-size: @font-size-body-3;
39
+ @btn-size-default-font-size: @font-size-body-3;
40
+ @btn-size-large-font-size: @font-size-body-3;
41
+
42
+ /***** Outline *****/
43
+ @btn-outline-color-text: @color-primary-6;
44
+ @btn-outline-color-text_disabled: var(
45
+ ~'@{arco-cssvars-prefix}-color-primary-light-3'
46
+ );
47
+ @btn-outline-color-text_hover: @color-primary-5;
48
+ @btn-outline-color-text_active: @color-primary-7;
49
+ @btn-outline-color-bg: @color-transparent;
50
+ @btn-outline-color-bg_disabled: @color-transparent;
51
+ @btn-outline-color-bg_hover: @color-transparent;
52
+ @btn-outline-color-bg_active: @color-transparent;
53
+ @btn-outline-color-border: @color-primary-6;
54
+ @btn-outline-color-border_disabled: var(
55
+ ~'@{arco-cssvars-prefix}-color-primary-light-3'
56
+ );
57
+ @btn-outline-color-border_hover: @color-primary-5;
58
+ @btn-outline-color-border_active: @color-primary-7;
59
+ // status
60
+ @btn-outline-color-text_warning: @color-warning-6;
61
+ @btn-outline-color-text_warning_disabled: var(
62
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
63
+ );
64
+ @btn-outline-color-text_warning_hover: @color-warning-5;
65
+ @btn-outline-color-text_warning_active: @color-warning-7;
66
+ @btn-outline-color-bg_warning: @color-transparent;
67
+ @btn-outline-color-bg_warning_disabled: @color-transparent;
68
+ @btn-outline-color-bg_warning_hover: @color-transparent;
69
+ @btn-outline-color-bg_warning_active: @color-transparent;
70
+ @btn-outline-color-border_warning: @color-warning-6;
71
+ @btn-outline-color-border_warning_disabled: var(
72
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
73
+ );
74
+ @btn-outline-color-border_warning_hover: @color-warning-5;
75
+ @btn-outline-color-border_warning_active: @color-warning-7;
76
+
77
+ @btn-outline-color-text_danger: @color-danger-6;
78
+ @btn-outline-color-text_danger_disabled: var(
79
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
80
+ );
81
+ @btn-outline-color-text_danger_hover: @color-danger-5;
82
+ @btn-outline-color-text_danger_active: @color-danger-7;
83
+ @btn-outline-color-bg_danger: @color-transparent;
84
+ @btn-outline-color-bg_danger_disabled: @color-transparent;
85
+ @btn-outline-color-bg_danger_hover: @color-transparent;
86
+ @btn-outline-color-bg_danger_active: @color-transparent;
87
+ @btn-outline-color-border_danger: @color-danger-6;
88
+ @btn-outline-color-border_danger_disabled: var(
89
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
90
+ );
91
+ @btn-outline-color-border_danger_hover: @color-danger-5;
92
+ @btn-outline-color-border_danger_active: @color-danger-7;
93
+
94
+ @btn-outline-color-text_success: @color-success-6;
95
+ @btn-outline-color-text_success_disabled: var(
96
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
97
+ );
98
+ @btn-outline-color-text_success_hover: @color-success-5;
99
+ @btn-outline-color-text_success_active: @color-success-7;
100
+ @btn-outline-color-bg_success: @color-transparent;
101
+ @btn-outline-color-bg_success_disabled: @color-transparent;
102
+ @btn-outline-color-bg_success_hover: @color-transparent;
103
+ @btn-outline-color-bg_success_active: @color-transparent;
104
+ @btn-outline-color-border_success: @color-success-6;
105
+ @btn-outline-color-border_success_disabled: var(
106
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
107
+ );
108
+ @btn-outline-color-border_success_hover: @color-success-5;
109
+ @btn-outline-color-border_success_active: @color-success-7;
110
+ // border
111
+ @btn-outline-border-style: @border-solid;
112
+
113
+ /***** Primary *****/
114
+ @btn-primary-color-text: #fff;
115
+ @btn-primary-color-text_disabled: #fff;
116
+ @btn-primary-color-text_hover: #fff;
117
+ @btn-primary-color-text_active: #fff;
118
+ @btn-primary-color-bg: @color-primary-6;
119
+ @btn-primary-color-bg_disabled: var(
120
+ ~'@{arco-cssvars-prefix}-color-primary-light-3'
121
+ );
122
+ @btn-primary-color-bg_hover: @color-primary-5;
123
+ @btn-primary-color-bg_active: @color-primary-7;
124
+ @btn-primary-color-border: @color-transparent;
125
+ @btn-primary-color-border_disabled: @color-transparent;
126
+ @btn-primary-color-border_hover: @color-transparent;
127
+ @btn-primary-color-border_active: @color-transparent;
128
+ // status
129
+ @btn-primary-color-text_warning: #fff;
130
+ @btn-primary-color-text_warning_disabled: #fff;
131
+ @btn-primary-color-text_warning_hover: #fff;
132
+ @btn-primary-color-text_warning_active: #fff;
133
+ @btn-primary-color-bg_warning: @color-warning-6;
134
+ @btn-primary-color-bg_warning_disabled: var(
135
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
136
+ );
137
+ @btn-primary-color-bg_warning_hover: @color-warning-5;
138
+ @btn-primary-color-bg_warning_active: @color-warning-7;
139
+ @btn-primary-color-border_warning: @color-transparent;
140
+ @btn-primary-color-border_warning_disabled: @color-transparent;
141
+ @btn-primary-color-border_warning_hover: @color-transparent;
142
+ @btn-primary-color-border_warning_active: @color-transparent;
143
+
144
+ @btn-primary-color-text_danger: #fff;
145
+ @btn-primary-color-text_danger_disabled: #fff;
146
+ @btn-primary-color-text_danger_hover: #fff;
147
+ @btn-primary-color-text_danger_active: #fff;
148
+ @btn-primary-color-bg_danger: @color-danger-6;
149
+ @btn-primary-color-bg_danger_disabled: var(
150
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
151
+ );
152
+ @btn-primary-color-bg_danger_hover: @color-danger-5;
153
+ @btn-primary-color-bg_danger_active: @color-danger-7;
154
+ @btn-primary-color-border_danger: @color-transparent;
155
+ @btn-primary-color-border_danger_disabled: @color-transparent;
156
+ @btn-primary-color-border_danger_hover: @color-transparent;
157
+ @btn-primary-color-border_danger_active: @color-transparent;
158
+
159
+ @btn-primary-color-text_success: #fff;
160
+ @btn-primary-color-text_success_disabled: #fff;
161
+ @btn-primary-color-text_success_hover: #fff;
162
+ @btn-primary-color-text_success_active: #fff;
163
+ @btn-primary-color-bg_success: @color-success-6;
164
+ @btn-primary-color-bg_success_disabled: var(
165
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
166
+ );
167
+ @btn-primary-color-bg_success_hover: @color-success-5;
168
+ @btn-primary-color-bg_success_active: @color-success-7;
169
+ @btn-primary-color-border_success: @color-transparent;
170
+ @btn-primary-color-border_success_disabled: @color-transparent;
171
+ @btn-primary-color-border_success_hover: @color-transparent;
172
+ @btn-primary-color-border_success_active: @color-transparent;
173
+ // border
174
+ @btn-primary-border-style: @border-solid;
175
+
176
+ /***** Secondary *****/
177
+ @btn-secondary-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
178
+ @btn-secondary-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
179
+ @btn-secondary-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
180
+ @btn-secondary-color-text_active: var(~'@{arco-cssvars-prefix}-color-text-2');
181
+ @btn-secondary-color-bg: var(~'@{arco-cssvars-prefix}-color-secondary');
182
+ @btn-secondary-color-bg_disabled: var(
183
+ ~'@{arco-cssvars-prefix}-color-secondary-disabled'
184
+ );
185
+ @btn-secondary-color-bg_hover: var(
186
+ ~'@{arco-cssvars-prefix}-color-secondary-hover'
187
+ );
188
+ @btn-secondary-color-bg_active: var(
189
+ ~'@{arco-cssvars-prefix}-color-secondary-active'
190
+ );
191
+ @btn-secondary-color-border: @color-transparent;
192
+ @btn-secondary-color-border_disabled: @color-transparent;
193
+ @btn-secondary-color-border_hover: @color-transparent;
194
+ @btn-secondary-color-border_active: @color-transparent;
195
+ // status
196
+ @btn-secondary-color-text_warning: @color-warning-6;
197
+ @btn-secondary-color-text_warning_disabled: var(
198
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
199
+ );
200
+ @btn-secondary-color-text_warning_hover: @color-warning-6;
201
+ @btn-secondary-color-text_warning_active: @color-warning-6;
202
+ @btn-secondary-color-bg_warning: var(
203
+ ~'@{arco-cssvars-prefix}-color-warning-light-1'
204
+ );
205
+ @btn-secondary-color-bg_warning_disabled: var(
206
+ ~'@{arco-cssvars-prefix}-color-warning-light-1'
207
+ );
208
+ @btn-secondary-color-bg_warning_hover: var(
209
+ ~'@{arco-cssvars-prefix}-color-warning-light-2'
210
+ );
211
+ @btn-secondary-color-bg_warning_active: var(
212
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
213
+ );
214
+ @btn-secondary-color-border_warning: @color-transparent;
215
+ @btn-secondary-color-border_warning_disabled: @color-transparent;
216
+ @btn-secondary-color-border_warning_hover: @color-transparent;
217
+ @btn-secondary-color-border_warning_active: @color-transparent;
218
+
219
+ @btn-secondary-color-text_danger: @color-danger-6;
220
+ @btn-secondary-color-text_danger_disabled: var(
221
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
222
+ );
223
+ @btn-secondary-color-text_danger_hover: @color-danger-6;
224
+ @btn-secondary-color-text_danger_active: @color-danger-6;
225
+ @btn-secondary-color-bg_danger: var(
226
+ ~'@{arco-cssvars-prefix}-color-danger-light-1'
227
+ );
228
+ @btn-secondary-color-bg_danger_disabled: var(
229
+ ~'@{arco-cssvars-prefix}-color-danger-light-1'
230
+ );
231
+ @btn-secondary-color-bg_danger_hover: var(
232
+ ~'@{arco-cssvars-prefix}-color-danger-light-2'
233
+ );
234
+ @btn-secondary-color-bg_danger_active: var(
235
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
236
+ );
237
+ @btn-secondary-color-border_danger: @color-transparent;
238
+ @btn-secondary-color-border_danger_disabled: @color-transparent;
239
+ @btn-secondary-color-border_danger_hover: @color-transparent;
240
+ @btn-secondary-color-border_danger_active: @color-transparent;
241
+
242
+ @btn-secondary-color-text_success: @color-success-6;
243
+ @btn-secondary-color-text_success_disabled: var(
244
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
245
+ );
246
+ @btn-secondary-color-text_success_hover: @color-success-6;
247
+ @btn-secondary-color-text_success_active: @color-success-6;
248
+ @btn-secondary-color-bg_success: var(
249
+ ~'@{arco-cssvars-prefix}-color-success-light-1'
250
+ );
251
+ @btn-secondary-color-bg_success_disabled: var(
252
+ ~'@{arco-cssvars-prefix}-color-success-light-1'
253
+ );
254
+ @btn-secondary-color-bg_success_hover: var(
255
+ ~'@{arco-cssvars-prefix}-color-success-light-2'
256
+ );
257
+ @btn-secondary-color-bg_success_active: var(
258
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
259
+ );
260
+ @btn-secondary-color-border_success: @color-transparent;
261
+ @btn-secondary-color-border_success_disabled: @color-transparent;
262
+ @btn-secondary-color-border_success_hover: @color-transparent;
263
+ @btn-secondary-color-border_success_active: @color-transparent;
264
+ // border
265
+ @btn-secondary-border-style: @border-solid;
266
+
267
+ /***** Dashed *****/
268
+ @btn-dashed-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
269
+ @btn-dashed-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
270
+ @btn-dashed-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
271
+ @btn-dashed-color-text_active: var(~'@{arco-cssvars-prefix}-color-text-2');
272
+ @btn-dashed-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-2');
273
+ @btn-dashed-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
274
+ @btn-dashed-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-3');
275
+ @btn-dashed-color-bg_active: var(~'@{arco-cssvars-prefix}-color-fill-4');
276
+ @btn-dashed-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
277
+ @btn-dashed-color-border_disabled: var(
278
+ ~'@{arco-cssvars-prefix}-color-neutral-3'
279
+ );
280
+ @btn-dashed-color-border_hover: var(~'@{arco-cssvars-prefix}-color-neutral-4');
281
+ @btn-dashed-color-border_active: var(~'@{arco-cssvars-prefix}-color-neutral-5');
282
+ // status
283
+ @btn-dashed-color-text_warning: @color-warning-6;
284
+ @btn-dashed-color-text_warning_disabled: var(
285
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
286
+ );
287
+ @btn-dashed-color-text_warning_hover: @color-warning-6;
288
+ @btn-dashed-color-text_warning_active: @color-warning-6;
289
+ @btn-dashed-color-bg_warning: var(
290
+ ~'@{arco-cssvars-prefix}-color-warning-light-1'
291
+ );
292
+ @btn-dashed-color-bg_warning_disabled: var(
293
+ ~'@{arco-cssvars-prefix}-color-warning-light-1'
294
+ );
295
+ @btn-dashed-color-bg_warning_hover: var(
296
+ ~'@{arco-cssvars-prefix}-color-warning-light-2'
297
+ );
298
+ @btn-dashed-color-bg_warning_active: var(
299
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
300
+ );
301
+ @btn-dashed-color-border_warning: var(
302
+ ~'@{arco-cssvars-prefix}-color-warning-light-2'
303
+ );
304
+ @btn-dashed-color-border_warning_disabled: var(
305
+ ~'@{arco-cssvars-prefix}-color-warning-light-2'
306
+ );
307
+ @btn-dashed-color-border_warning_hover: var(
308
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
309
+ );
310
+ @btn-dashed-color-border_warning_active: var(
311
+ ~'@{arco-cssvars-prefix}-color-warning-light-4'
312
+ );
313
+
314
+ @btn-dashed-color-text_danger: @color-danger-6;
315
+ @btn-dashed-color-text_danger_disabled: var(
316
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
317
+ );
318
+ @btn-dashed-color-text_danger_hover: @color-danger-6;
319
+ @btn-dashed-color-text_danger_active: @color-danger-6;
320
+ @btn-dashed-color-bg_danger: var(
321
+ ~'@{arco-cssvars-prefix}-color-danger-light-1'
322
+ );
323
+ @btn-dashed-color-bg_danger_disabled: var(
324
+ ~'@{arco-cssvars-prefix}-color-danger-light-1'
325
+ );
326
+ @btn-dashed-color-bg_danger_hover: var(
327
+ ~'@{arco-cssvars-prefix}-color-danger-light-2'
328
+ );
329
+ @btn-dashed-color-bg_danger_active: var(
330
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
331
+ );
332
+ @btn-dashed-color-border_danger: var(
333
+ ~'@{arco-cssvars-prefix}-color-danger-light-2'
334
+ );
335
+ @btn-dashed-color-border_danger_disabled: var(
336
+ ~'@{arco-cssvars-prefix}-color-danger-light-2'
337
+ );
338
+ @btn-dashed-color-border_danger_hover: var(
339
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
340
+ );
341
+ @btn-dashed-color-border_danger_active: var(
342
+ ~'@{arco-cssvars-prefix}-color-danger-light-4'
343
+ );
344
+
345
+ @btn-dashed-color-text_success: @color-success-6;
346
+ @btn-dashed-color-text_success_disabled: var(
347
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
348
+ );
349
+ @btn-dashed-color-text_success_hover: @color-success-6;
350
+ @btn-dashed-color-text_success_active: @color-success-6;
351
+ @btn-dashed-color-bg_success: var(
352
+ ~'@{arco-cssvars-prefix}-color-success-light-1'
353
+ );
354
+ @btn-dashed-color-bg_success_disabled: var(
355
+ ~'@{arco-cssvars-prefix}-color-success-light-1'
356
+ );
357
+ @btn-dashed-color-bg_success_hover: var(
358
+ ~'@{arco-cssvars-prefix}-color-success-light-2'
359
+ );
360
+ @btn-dashed-color-bg_success_active: var(
361
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
362
+ );
363
+ @btn-dashed-color-border_success: var(
364
+ ~'@{arco-cssvars-prefix}-color-success-light-2'
365
+ );
366
+ @btn-dashed-color-border_success_disabled: var(
367
+ ~'@{arco-cssvars-prefix}-color-success-light-2'
368
+ );
369
+ @btn-dashed-color-border_success_hover: var(
370
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
371
+ );
372
+ @btn-dashed-color-border_success_active: var(
373
+ ~'@{arco-cssvars-prefix}-color-success-light-4'
374
+ );
375
+ // border
376
+ @btn-dashed-border-style: @border-dashed;
377
+
378
+ /***** Text *****/
379
+ @btn-text-color-text: @color-primary-6;
380
+ @btn-text-color-text_disabled: var(
381
+ ~'@{arco-cssvars-prefix}-color-primary-light-3'
382
+ );
383
+ @btn-text-color-text_hover: @color-primary-6;
384
+ @btn-text-color-text_active: @color-primary-6;
385
+ @btn-text-color-bg: @color-transparent;
386
+ @btn-text-color-bg_disabled: @color-transparent;
387
+ @btn-text-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
388
+ @btn-text-color-bg_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
389
+ @btn-text-color-border: @color-transparent;
390
+ @btn-text-color-border_disabled: @color-transparent;
391
+ @btn-text-color-border_hover: @color-transparent;
392
+ @btn-text-color-border_active: @color-transparent;
393
+ // status
394
+ @btn-text-color-text_warning: @color-warning-6;
395
+ @btn-text-color-text_warning_disabled: var(
396
+ ~'@{arco-cssvars-prefix}-color-warning-light-3'
397
+ );
398
+ @btn-text-color-text_warning_hover: @color-warning-6;
399
+ @btn-text-color-text_warning_active: @color-warning-6;
400
+ @btn-text-color-bg_warning: @color-transparent;
401
+ @btn-text-color-bg_warning_disabled: @color-transparent;
402
+ @btn-text-color-bg_warning_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
403
+ @btn-text-color-bg_warning_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
404
+ @btn-text-color-border_warning: @color-transparent;
405
+ @btn-text-color-border_warning_disabled: @color-transparent;
406
+ @btn-text-color-border_warning_hover: @color-transparent;
407
+ @btn-text-color-border_warning_active: @color-transparent;
408
+
409
+ @btn-text-color-text_danger: @color-danger-6;
410
+ @btn-text-color-text_danger_disabled: var(
411
+ ~'@{arco-cssvars-prefix}-color-danger-light-3'
412
+ );
413
+ @btn-text-color-text_danger_hover: @color-danger-6;
414
+ @btn-text-color-text_danger_active: @color-danger-6;
415
+ @btn-text-color-bg_danger: @color-transparent;
416
+ @btn-text-color-bg_danger_disabled: @color-transparent;
417
+ @btn-text-color-bg_danger_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
418
+ @btn-text-color-bg_danger_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
419
+ @btn-text-color-border_danger: @color-transparent;
420
+ @btn-text-color-border_danger_disabled: @color-transparent;
421
+ @btn-text-color-border_danger_hover: @color-transparent;
422
+ @btn-text-color-border_danger_active: @color-transparent;
423
+
424
+ @btn-text-color-text_success: @color-success-6;
425
+ @btn-text-color-text_success_disabled: var(
426
+ ~'@{arco-cssvars-prefix}-color-success-light-3'
427
+ );
428
+ @btn-text-color-text_success_hover: @color-success-6;
429
+ @btn-text-color-text_success_active: @color-success-6;
430
+ @btn-text-color-bg_success: @color-transparent;
431
+ @btn-text-color-bg_success_disabled: @color-transparent;
432
+ @btn-text-color-bg_success_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
433
+ @btn-text-color-bg_success_active: var(~'@{arco-cssvars-prefix}-color-fill-3');
434
+ @btn-text-color-border_success: @color-transparent;
435
+ @btn-text-color-border_success_disabled: @color-transparent;
436
+ @btn-text-color-border_success_hover: @color-transparent;
437
+ @btn-text-color-border_success_active: @color-transparent;
438
+ // border
439
+ @btn-text-border-style: @border-solid;
440
+
441
+ // vue overwrite token
442
+ @btn-size-medium-radius: @btn-size-default-radius;
443
+ @btn-size-medium-border-width: @btn-size-default-border-width;
444
+ @btn-size-medium-icon-spacing: @btn-size-default-icon-spacing;
445
+ @btn-size-medium-icon-vertical-align: @btn-size-default-icon-vertical-align;
446
+ @btn-size-medium-padding-horizontal: @btn-size-default-padding-horizontal;
447
+ @btn-size-medium-font-size: @btn-size-default-font-size;
448
+ @btn-size-medium-height: @btn-size-default-height;
449
+
450
+ /***** focus-visible *****/
451
+ @btn-box-shadow-radius: 0.25em;
452
+ @btn-primary-color-box-shadow: @color-primary-3;
453
+ @btn-outline-color-box-shadow: @color-primary-3;
454
+ @btn-secondary-color-box-shadow: @color-secondary-active;
455
+ @btn-dashed-color-box-shadow: @color-secondary-active;
456
+ @btn-text-color-box-shadow: @color-secondary-active;
457
+ @btn-color-box-shadow_warning: @color-warning-3;
458
+ @btn-color-box-shadow_danger: @color-danger-3;
459
+ @btn-color-box-shadow_success: @color-success-3;