@julingbase/jly-arco-design 0.0.2 → 0.0.4

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