@sdata/web-vue 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (644) hide show
  1. package/README.md +5 -6
  2. package/dist/sd.css +13859 -13697
  3. package/dist/sd.min.css +1 -1
  4. package/dist/sd.scss +2 -0
  5. package/es/_components/auto-tooltip/style/index.css +1 -1
  6. package/es/_components/auto-tooltip/style/index.d.ts +1 -1
  7. package/es/_components/auto-tooltip/style/index.js +1 -1
  8. package/es/_components/auto-tooltip/style/index.scss +11 -0
  9. package/es/_components/input-label/style/index.css +18 -21
  10. package/es/_components/input-label/style/index.d.ts +1 -1
  11. package/es/_components/input-label/style/index.js +1 -1
  12. package/es/_components/input-label/style/index.scss +9 -0
  13. package/es/_components/input-label/style/input-label.scss +127 -0
  14. package/es/_components/input-label/style/token.scss +1 -0
  15. package/es/_components/picker/style/index.scss +197 -0
  16. package/es/_components/picker/style/token.scss +70 -0
  17. package/es/_components/select-view/style/index.css +160 -217
  18. package/es/_components/select-view/style/index.d.ts +1 -1
  19. package/es/_components/select-view/style/index.js +1 -1
  20. package/es/_components/select-view/style/index.scss +60 -0
  21. package/es/_components/select-view/style/token.scss +10 -0
  22. package/es/affix/style/index.css +1 -1
  23. package/es/affix/style/index.d.ts +2 -2
  24. package/es/affix/style/index.js +2 -2
  25. package/es/affix/style/index.scss +9 -0
  26. package/es/alert/style/index.css +1 -1
  27. package/es/alert/style/index.d.ts +2 -2
  28. package/es/alert/style/index.js +2 -2
  29. package/es/alert/style/index.scss +199 -0
  30. package/es/alert/style/token.scss +82 -0
  31. package/es/anchor/style/index.css +2 -2
  32. package/es/anchor/style/index.d.ts +2 -2
  33. package/es/anchor/style/index.js +2 -2
  34. package/es/anchor/style/index.scss +103 -0
  35. package/es/anchor/style/token.scss +36 -0
  36. package/es/auto-complete/style/index.css +3 -1
  37. package/es/auto-complete/style/index.d.ts +2 -2
  38. package/es/auto-complete/style/index.js +2 -2
  39. package/es/auto-complete/style/index.scss +78 -0
  40. package/es/auto-complete/style/token.scss +64 -0
  41. package/es/avatar/style/index.css +2 -2
  42. package/es/avatar/style/index.d.ts +2 -2
  43. package/es/avatar/style/index.js +2 -2
  44. package/es/avatar/style/index.scss +161 -0
  45. package/es/avatar/style/token.scss +57 -0
  46. package/es/back-top/style/index.css +1 -1
  47. package/es/back-top/style/index.d.ts +2 -2
  48. package/es/back-top/style/index.js +2 -2
  49. package/es/back-top/style/index.scss +34 -0
  50. package/es/back-top/style/token.scss +25 -0
  51. package/es/badge/style/index.css +9 -14
  52. package/es/badge/style/index.d.ts +2 -2
  53. package/es/badge/style/index.js +2 -2
  54. package/es/badge/style/index.scss +230 -0
  55. package/es/badge/style/token.scss +64 -0
  56. package/es/breadcrumb/style/index.css +1 -1
  57. package/es/breadcrumb/style/index.d.ts +2 -2
  58. package/es/breadcrumb/style/index.js +2 -2
  59. package/es/breadcrumb/style/index.scss +78 -0
  60. package/es/breadcrumb/style/token.scss +43 -0
  61. package/es/button/style/index.css +110 -69
  62. package/es/button/style/index.d.ts +2 -2
  63. package/es/button/style/index.js +2 -2
  64. package/es/button/style/index.scss +600 -0
  65. package/es/button/style/token.scss +469 -0
  66. package/es/calendar/style/index.css +8 -10
  67. package/es/calendar/style/index.d.ts +2 -2
  68. package/es/calendar/style/index.js +2 -2
  69. package/es/calendar/style/{index.less → index.scss} +77 -74
  70. package/es/calendar/style/token.scss +65 -0
  71. package/es/card/style/index.css +9 -8
  72. package/es/card/style/index.d.ts +2 -2
  73. package/es/card/style/index.js +2 -2
  74. package/es/card/style/index.scss +270 -0
  75. package/es/card/style/token.scss +75 -0
  76. package/es/carousel/style/index.css +19 -24
  77. package/es/carousel/style/index.d.ts +2 -2
  78. package/es/carousel/style/index.js +2 -2
  79. package/es/carousel/style/index.scss +412 -0
  80. package/es/carousel/style/{slide.less → slide.scss} +19 -16
  81. package/es/carousel/style/token.scss +44 -0
  82. package/es/cascader/style/index.css +38 -56
  83. package/es/cascader/style/index.d.ts +2 -2
  84. package/es/cascader/style/index.js +2 -2
  85. package/es/cascader/style/index.scss +242 -0
  86. package/es/cascader/style/token.scss +51 -0
  87. package/es/checkbox/style/index.css +13 -15
  88. package/es/checkbox/style/index.d.ts +2 -2
  89. package/es/checkbox/style/index.js +2 -2
  90. package/es/checkbox/style/index.scss +186 -0
  91. package/es/checkbox/style/token.scss +70 -0
  92. package/es/collapse/style/index.css +6 -2
  93. package/es/collapse/style/index.d.ts +2 -2
  94. package/es/collapse/style/index.js +2 -2
  95. package/es/collapse/style/index.scss +183 -0
  96. package/es/collapse/style/token.scss +67 -0
  97. package/es/color-picker/style/index.css +7 -4
  98. package/es/color-picker/style/index.d.ts +2 -2
  99. package/es/color-picker/style/index.js +2 -2
  100. package/es/color-picker/style/index.scss +411 -0
  101. package/es/color-picker/style/token.scss +102 -0
  102. package/es/comment/style/index.css +2 -3
  103. package/es/comment/style/index.d.ts +2 -2
  104. package/es/comment/style/index.js +2 -2
  105. package/es/comment/style/index.scss +69 -0
  106. package/es/comment/style/token.scss +35 -0
  107. package/es/config-provider/config-provider.js +14 -2
  108. package/es/config-provider/config-provider.vue.d.ts +62 -2
  109. package/es/config-provider/config-provider.vue_vue_type_script_lang.js +17 -4
  110. package/es/config-provider/context.d.ts +2 -0
  111. package/es/config-provider/index.d.ts +116 -4
  112. package/es/config-provider/theme-provider.js +7 -0
  113. package/es/config-provider/theme-provider.vue.d.ts +26 -0
  114. package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js +108 -0
  115. package/es/config-provider/theme.d.ts +27 -0
  116. package/es/config-provider/theme.js +90 -0
  117. package/es/date-picker/style/date.scss +133 -0
  118. package/es/date-picker/style/index.css +206 -46
  119. package/es/date-picker/style/index.d.ts +3 -3
  120. package/es/date-picker/style/index.js +3 -3
  121. package/es/date-picker/style/index.scss +318 -0
  122. package/es/date-picker/style/month.scss +34 -0
  123. package/es/date-picker/style/quarter.scss +12 -0
  124. package/es/date-picker/style/range.scss +12 -0
  125. package/es/date-picker/style/shortcuts.scss +29 -0
  126. package/es/date-picker/style/token.scss +86 -0
  127. package/es/date-picker/style/week.scss +72 -0
  128. package/es/date-picker/style/year.scss +12 -0
  129. package/es/descriptions/style/index.css +13 -27
  130. package/es/descriptions/style/index.d.ts +2 -2
  131. package/es/descriptions/style/index.js +2 -2
  132. package/es/descriptions/style/index.scss +217 -0
  133. package/es/descriptions/style/token.scss +83 -0
  134. package/es/divider/style/index.css +1 -1
  135. package/es/divider/style/index.d.ts +2 -2
  136. package/es/divider/style/index.js +2 -2
  137. package/es/divider/style/index.scss +58 -0
  138. package/es/divider/style/token.scss +31 -0
  139. package/es/drawer/style/index.css +35 -1
  140. package/es/drawer/style/index.d.ts +2 -2
  141. package/es/drawer/style/index.js +2 -2
  142. package/es/drawer/style/{index.less → index.scss} +40 -37
  143. package/es/drawer/style/token.scss +31 -0
  144. package/es/dropdown/style/index.css +2 -3
  145. package/es/dropdown/style/index.d.ts +2 -2
  146. package/es/dropdown/style/index.js +2 -2
  147. package/es/dropdown/style/index.scss +109 -0
  148. package/es/dropdown/style/token.scss +45 -0
  149. package/es/ellipsis/style/index.css +1 -1
  150. package/es/ellipsis/style/index.d.ts +2 -2
  151. package/es/ellipsis/style/index.js +2 -2
  152. package/es/ellipsis/style/{index.less → index.scss} +5 -4
  153. package/es/ellipsis/style/token.scss +5 -0
  154. package/es/empty/style/index.css +1 -1
  155. package/es/empty/style/index.d.ts +2 -2
  156. package/es/empty/style/index.js +2 -2
  157. package/es/empty/style/index.scss +28 -0
  158. package/es/empty/style/token.scss +21 -0
  159. package/es/form/style/index.css +36 -21
  160. package/es/form/style/index.d.ts +2 -2
  161. package/es/form/style/index.js +2 -2
  162. package/es/form/style/index.scss +257 -0
  163. package/es/form/style/status.scss +210 -0
  164. package/es/form/style/token.scss +139 -0
  165. package/es/grid/style/col.scss +112 -0
  166. package/es/grid/style/grid.scss +8 -0
  167. package/es/grid/style/index.css +291 -526
  168. package/es/grid/style/index.d.ts +2 -2
  169. package/es/grid/style/index.js +2 -2
  170. package/es/grid/style/index.scss +3 -0
  171. package/es/grid/style/{row.less → row.scss} +4 -3
  172. package/es/image/style/image.scss +161 -0
  173. package/es/image/style/index.css +15 -14
  174. package/es/image/style/index.d.ts +2 -2
  175. package/es/image/style/index.js +2 -2
  176. package/es/image/style/index.scss +5 -0
  177. package/es/image/style/preview.scss +231 -0
  178. package/es/image/style/token.scss +139 -0
  179. package/es/image/style/trigger.scss +17 -0
  180. package/es/index.css +13859 -13697
  181. package/es/index.d.ts +2 -0
  182. package/es/index.js +2 -1
  183. package/es/index.scss +77 -0
  184. package/es/input/style/group.scss +66 -0
  185. package/es/input/style/index.css +140 -37
  186. package/es/input/style/index.d.ts +2 -2
  187. package/es/input/style/index.js +2 -2
  188. package/es/input/style/index.scss +114 -0
  189. package/es/input/style/input.scss +258 -0
  190. package/es/input/style/password.scss +15 -0
  191. package/es/input/style/search.scss +22 -0
  192. package/es/input/style/size.scss +166 -0
  193. package/es/input/style/textarea.scss +42 -0
  194. package/es/input/style/token.scss +139 -0
  195. package/es/input-number/style/index.css +9 -14
  196. package/es/input-number/style/index.d.ts +2 -2
  197. package/es/input-number/style/index.js +2 -2
  198. package/es/input-number/style/index.scss +167 -0
  199. package/es/input-number/style/token.scss +53 -0
  200. package/es/input-tag/style/index.css +132 -177
  201. package/es/input-tag/style/index.d.ts +2 -2
  202. package/es/input-tag/style/index.js +2 -2
  203. package/es/input-tag/style/index.scss +42 -0
  204. package/es/input-tag/style/input-tag.scss +306 -0
  205. package/es/input-tag/style/token.scss +97 -0
  206. package/es/layout/index.d.ts +1 -1
  207. package/es/layout/sider.vue.d.ts +1 -1
  208. package/es/layout/style/index.css +2 -1
  209. package/es/layout/style/index.d.ts +2 -2
  210. package/es/layout/style/index.js +2 -2
  211. package/es/layout/style/{index.less → index.scss} +19 -17
  212. package/es/layout/style/token.scss +21 -0
  213. package/es/link/style/index.css +2 -3
  214. package/es/link/style/index.d.ts +2 -2
  215. package/es/link/style/index.js +2 -2
  216. package/es/link/style/index.scss +123 -0
  217. package/es/link/style/token.scss +77 -0
  218. package/es/list/style/index.css +3 -4
  219. package/es/list/style/index.d.ts +2 -2
  220. package/es/list/style/index.js +2 -2
  221. package/es/list/style/index.scss +228 -0
  222. package/es/list/style/token.scss +61 -0
  223. package/es/mention/style/index.css +1 -1
  224. package/es/mention/style/index.d.ts +2 -2
  225. package/es/mention/style/index.js +2 -2
  226. package/es/mention/style/{index.less → index.scss} +5 -3
  227. package/es/mention/style/token.scss +14 -0
  228. package/es/menu/base-menu.vue.d.ts +1 -1
  229. package/es/menu/menu.d.ts +1 -1
  230. package/es/menu/style/index.css +48 -48
  231. package/es/menu/style/index.d.ts +2 -2
  232. package/es/menu/style/index.js +2 -2
  233. package/es/menu/style/index.scss +726 -0
  234. package/es/menu/style/token.scss +145 -0
  235. package/es/menu/sub-menu-pop.vue.d.ts +1 -1
  236. package/es/message/style/index.css +10 -1
  237. package/es/message/style/index.d.ts +2 -2
  238. package/es/message/style/index.js +2 -2
  239. package/es/message/style/index.scss +196 -0
  240. package/es/message/style/token.scss +89 -0
  241. package/es/modal/style/index.css +19 -2
  242. package/es/modal/style/index.d.ts +2 -2
  243. package/es/modal/style/index.js +2 -2
  244. package/es/modal/style/index.scss +276 -0
  245. package/es/modal/style/token.scss +57 -0
  246. package/es/notification/style/index.css +14 -1
  247. package/es/notification/style/index.d.ts +2 -2
  248. package/es/notification/style/index.js +2 -2
  249. package/es/notification/style/index.scss +249 -0
  250. package/es/notification/style/token.scss +133 -0
  251. package/es/overflow-list/style/index.css +1 -1
  252. package/es/overflow-list/style/index.d.ts +2 -2
  253. package/es/overflow-list/style/index.js +2 -2
  254. package/es/overflow-list/style/{index.less → index.scss} +4 -3
  255. package/es/page-header/style/index.css +1 -1
  256. package/es/page-header/style/index.d.ts +2 -2
  257. package/es/page-header/style/index.js +2 -2
  258. package/es/page-header/style/index.scss +128 -0
  259. package/es/page-header/style/token.scss +63 -0
  260. package/es/pagination/style/index.css +22 -34
  261. package/es/pagination/style/index.d.ts +2 -2
  262. package/es/pagination/style/index.js +2 -2
  263. package/es/pagination/style/index.scss +371 -0
  264. package/es/pagination/style/token.scss +97 -0
  265. package/es/popconfirm/style/index.css +1 -1
  266. package/es/popconfirm/style/index.d.ts +2 -2
  267. package/es/popconfirm/style/index.js +2 -2
  268. package/es/popconfirm/style/index.scss +73 -0
  269. package/es/popconfirm/style/token.scss +26 -0
  270. package/es/popover/style/index.css +1 -1
  271. package/es/popover/style/index.d.ts +2 -2
  272. package/es/popover/style/index.js +2 -2
  273. package/es/popover/style/index.scss +41 -0
  274. package/es/popover/style/token.scss +33 -0
  275. package/es/progress/style/index.css +8 -10
  276. package/es/progress/style/index.d.ts +2 -2
  277. package/es/progress/style/index.js +2 -2
  278. package/es/progress/style/index.scss +380 -0
  279. package/es/progress/style/token.scss +119 -0
  280. package/es/radio/style/index.css +21 -18
  281. package/es/radio/style/index.d.ts +2 -2
  282. package/es/radio/style/index.js +2 -2
  283. package/es/radio/style/index.scss +271 -0
  284. package/es/radio/style/token.scss +108 -0
  285. package/es/rate/style/index.css +5 -7
  286. package/es/rate/style/index.d.ts +2 -2
  287. package/es/rate/style/index.js +2 -2
  288. package/es/rate/style/{index.less → index.scss} +18 -15
  289. package/es/rate/style/token.scss +24 -0
  290. package/es/resize-box/style/index.css +3 -5
  291. package/es/resize-box/style/index.d.ts +2 -2
  292. package/es/resize-box/style/index.js +2 -2
  293. package/es/resize-box/style/{index.less → index.scss} +11 -9
  294. package/es/resize-box/style/token.scss +14 -0
  295. package/es/result/style/index.css +3 -7
  296. package/es/result/style/index.d.ts +2 -2
  297. package/es/result/style/index.js +2 -2
  298. package/es/result/style/index.scss +130 -0
  299. package/es/result/style/token.scss +65 -0
  300. package/es/scrollbar/style/index.css +6 -5
  301. package/es/scrollbar/style/index.d.ts +2 -2
  302. package/es/scrollbar/style/index.js +2 -2
  303. package/es/scrollbar/style/index.scss +133 -0
  304. package/es/scrollbar/style/token.scss +25 -0
  305. package/es/sd-vue.js +2 -0
  306. package/es/select/style/index.css +2 -3
  307. package/es/select/style/index.d.ts +2 -2
  308. package/es/select/style/index.js +2 -2
  309. package/es/select/style/index.scss +135 -0
  310. package/es/select/style/token.scss +67 -0
  311. package/es/skeleton/style/index.css +2 -1
  312. package/es/skeleton/style/index.d.ts +2 -2
  313. package/es/skeleton/style/index.js +2 -2
  314. package/es/skeleton/style/index.scss +68 -0
  315. package/es/skeleton/style/token.scss +27 -0
  316. package/es/slider/style/index.css +5 -6
  317. package/es/slider/style/index.d.ts +2 -2
  318. package/es/slider/style/index.js +2 -2
  319. package/es/slider/style/index.scss +282 -0
  320. package/es/slider/style/token.scss +60 -0
  321. package/es/space/style/index.css +1 -1
  322. package/es/space/style/index.d.ts +2 -2
  323. package/es/space/style/index.js +2 -2
  324. package/es/space/style/{index.less → index.scss} +6 -5
  325. package/es/spin/style/dot-loading.scss +64 -0
  326. package/es/spin/style/index.css +66 -67
  327. package/es/spin/style/index.d.ts +2 -2
  328. package/es/spin/style/index.js +2 -2
  329. package/es/spin/style/index.scss +55 -0
  330. package/es/spin/style/token.scss +32 -0
  331. package/es/split/style/index.css +2 -1
  332. package/es/split/style/index.d.ts +2 -2
  333. package/es/split/style/index.js +2 -2
  334. package/es/split/style/index.scss +56 -0
  335. package/es/split/style/token.scss +21 -0
  336. package/es/statistic/style/index.css +1 -1
  337. package/es/statistic/style/index.d.ts +2 -2
  338. package/es/statistic/style/index.js +2 -2
  339. package/es/statistic/style/index.scss +49 -0
  340. package/es/statistic/style/token.scss +33 -0
  341. package/es/steps/style/arrow.scss +207 -0
  342. package/es/steps/style/circle.scss +268 -0
  343. package/es/steps/style/dot.scss +206 -0
  344. package/es/steps/style/index.css +16 -9
  345. package/es/steps/style/index.d.ts +2 -2
  346. package/es/steps/style/index.js +2 -2
  347. package/es/steps/style/index.scss +77 -0
  348. package/es/steps/style/navigation.scss +61 -0
  349. package/es/steps/style/token.scss +207 -0
  350. package/es/style/animation/{fade.less → fade.scss} +5 -5
  351. package/es/style/animation/index.scss +3 -0
  352. package/es/style/animation/{slide.less → slide.scss} +13 -13
  353. package/es/style/animation/{zoom.less → zoom.scss} +25 -25
  354. package/es/style/base.scss +18 -0
  355. package/es/style/color/colors.scss +405 -0
  356. package/es/style/color/css-variables.scss +405 -0
  357. package/es/style/icon.scss +89 -0
  358. package/es/style/index.scss +11 -0
  359. package/es/style/mixins/icon-hover.scss +14 -0
  360. package/es/style/mixins/index.scss +15 -0
  361. package/es/style/normalize.scss +227 -0
  362. package/es/style/theme/_functions.scss +15 -0
  363. package/es/style/theme/_legacy-token-aliases.scss +23 -0
  364. package/es/style/theme/_mixins.scss +9 -0
  365. package/es/style/theme/_tokens.scss +18 -0
  366. package/es/style/theme/component.scss +21 -0
  367. package/es/style/theme/css-variables.scss +146 -0
  368. package/es/style/theme/global.scss +390 -0
  369. package/es/style/theme/index.scss +66 -0
  370. package/es/style/theme/legacy-less-var.scss +15 -0
  371. package/es/style/theme.scss +1 -0
  372. package/es/switch/style/index.css +12 -4
  373. package/es/switch/style/index.d.ts +2 -2
  374. package/es/switch/style/index.js +2 -2
  375. package/es/switch/style/index.scss +327 -0
  376. package/es/switch/style/token.scss +68 -0
  377. package/es/table/style/{filters-popup.less → filters-popup.scss} +13 -9
  378. package/es/table/style/index.css +46 -56
  379. package/es/table/style/index.d.ts +2 -2
  380. package/es/table/style/index.js +2 -2
  381. package/es/table/style/index.scss +973 -0
  382. package/es/table/style/token.scss +142 -0
  383. package/es/tabs/style/index.css +125 -76
  384. package/es/tabs/style/index.d.ts +2 -2
  385. package/es/tabs/style/index.js +2 -2
  386. package/es/tabs/style/index.scss +843 -0
  387. package/es/tabs/style/rtl.scss +107 -0
  388. package/es/tabs/style/token.scss +241 -0
  389. package/es/tabs/style/vertical.scss +160 -0
  390. package/es/tag/style/index.css +117 -170
  391. package/es/tag/style/index.d.ts +2 -2
  392. package/es/tag/style/index.js +2 -2
  393. package/es/tag/style/index.scss +324 -0
  394. package/es/tag/style/token.scss +181 -0
  395. package/es/textarea/style/index.css +25 -19
  396. package/es/textarea/style/index.d.ts +2 -2
  397. package/es/textarea/style/index.js +2 -2
  398. package/es/textarea/style/index.scss +66 -0
  399. package/es/theme-provider/index.d.ts +53 -0
  400. package/es/theme-provider/index.js +10 -0
  401. package/es/time-picker/style/index.css +2 -2
  402. package/es/time-picker/style/index.d.ts +3 -3
  403. package/es/time-picker/style/index.js +3 -3
  404. package/es/time-picker/style/index.scss +96 -0
  405. package/es/time-picker/style/token.scss +33 -0
  406. package/es/timeline/style/horizontal.scss +92 -0
  407. package/es/timeline/style/index.css +39 -1
  408. package/es/timeline/style/index.d.ts +2 -2
  409. package/es/timeline/style/index.js +2 -2
  410. package/es/timeline/style/index.scss +275 -0
  411. package/es/timeline/style/token.scss +45 -0
  412. package/es/tooltip/style/index.css +1 -1
  413. package/es/tooltip/style/index.d.ts +2 -2
  414. package/es/tooltip/style/index.js +2 -2
  415. package/es/tooltip/style/index.scss +25 -0
  416. package/es/tooltip/style/token.scss +25 -0
  417. package/es/transfer/style/index.css +3 -2
  418. package/es/transfer/style/index.d.ts +2 -2
  419. package/es/transfer/style/index.js +2 -2
  420. package/es/transfer/style/index.scss +298 -0
  421. package/es/transfer/style/token.scss +91 -0
  422. package/es/tree/style/index.css +18 -18
  423. package/es/tree/style/index.d.ts +2 -2
  424. package/es/tree/style/index.js +2 -2
  425. package/es/tree/style/index.scss +433 -0
  426. package/es/tree/style/token.scss +99 -0
  427. package/es/tree-select/style/index.css +1 -1
  428. package/es/tree-select/style/index.d.ts +3 -3
  429. package/es/tree-select/style/index.js +3 -3
  430. package/es/tree-select/style/index.scss +53 -0
  431. package/es/tree-select/style/token.scss +16 -0
  432. package/es/trigger/style/index.css +6 -14
  433. package/es/trigger/style/index.d.ts +2 -2
  434. package/es/trigger/style/index.js +2 -2
  435. package/es/trigger/style/{index.less → index.scss} +13 -11
  436. package/es/trigger/style/token.scss +13 -0
  437. package/es/typography/style/index.css +19 -21
  438. package/es/typography/style/index.d.ts +2 -2
  439. package/es/typography/style/index.js +2 -2
  440. package/es/typography/style/index.scss +208 -0
  441. package/es/typography/style/token.scss +73 -0
  442. package/es/upload/style/index.css +28 -19
  443. package/es/upload/style/index.d.ts +2 -2
  444. package/es/upload/style/index.js +2 -2
  445. package/es/upload/style/index.scss +503 -0
  446. package/es/upload/style/token.scss +212 -0
  447. package/es/verification-code/style/index.css +2 -1
  448. package/es/verification-code/style/index.d.ts +2 -2
  449. package/es/verification-code/style/index.js +2 -2
  450. package/es/verification-code/style/index.scss +34 -0
  451. package/es/verification-code/style/token.scss +1 -0
  452. package/es/watermark/style/index.d.ts +1 -1
  453. package/es/watermark/style/index.js +1 -1
  454. package/es/web-vue.css +5 -0
  455. package/json/vetur-attributes.json +6 -0
  456. package/json/vetur-tags.json +6 -1
  457. package/json/web-types.json +23 -1
  458. package/package.json +7 -8
  459. package/dist/sd.less +0 -2
  460. package/es/_components/auto-tooltip/style/index.less +0 -10
  461. package/es/_components/input-label/style/index.less +0 -7
  462. package/es/_components/input-label/style/input-label.less +0 -70
  463. package/es/_components/input-label/style/token.less +0 -0
  464. package/es/_components/picker/style/index.css +0 -186
  465. package/es/_components/picker/style/index.less +0 -190
  466. package/es/_components/picker/style/token.less +0 -51
  467. package/es/_components/select-view/style/index.less +0 -58
  468. package/es/_components/select-view/style/token.less +0 -5
  469. package/es/affix/style/index.less +0 -8
  470. package/es/alert/style/index.less +0 -197
  471. package/es/alert/style/token.less +0 -66
  472. package/es/anchor/style/index.less +0 -101
  473. package/es/anchor/style/token.less +0 -30
  474. package/es/auto-complete/style/index.less +0 -44
  475. package/es/auto-complete/style/token.less +0 -42
  476. package/es/avatar/style/index.less +0 -153
  477. package/es/avatar/style/token.less +0 -47
  478. package/es/back-top/style/index.less +0 -32
  479. package/es/back-top/style/token.less +0 -19
  480. package/es/badge/style/index.less +0 -178
  481. package/es/badge/style/token.less +0 -55
  482. package/es/breadcrumb/style/index.less +0 -76
  483. package/es/breadcrumb/style/token.less +0 -37
  484. package/es/button/style/index.less +0 -303
  485. package/es/button/style/token.less +0 -335
  486. package/es/calendar/style/token.less +0 -39
  487. package/es/card/style/index.less +0 -216
  488. package/es/card/style/token.less +0 -69
  489. package/es/carousel/style/index.less +0 -399
  490. package/es/carousel/style/token.less +0 -33
  491. package/es/cascader/style/index.less +0 -234
  492. package/es/cascader/style/token.less +0 -39
  493. package/es/checkbox/style/index.less +0 -178
  494. package/es/checkbox/style/token.less +0 -57
  495. package/es/collapse/style/index.less +0 -177
  496. package/es/collapse/style/token.less +0 -57
  497. package/es/color-picker/style/index.less +0 -310
  498. package/es/color-picker/style/token.less +0 -93
  499. package/es/comment/style/index.less +0 -66
  500. package/es/comment/style/token.less +0 -29
  501. package/es/date-picker/style/date.less +0 -128
  502. package/es/date-picker/style/index.less +0 -313
  503. package/es/date-picker/style/month.less +0 -30
  504. package/es/date-picker/style/quarter.less +0 -8
  505. package/es/date-picker/style/range.less +0 -9
  506. package/es/date-picker/style/shortcuts.less +0 -25
  507. package/es/date-picker/style/token.less +0 -56
  508. package/es/date-picker/style/week.less +0 -70
  509. package/es/date-picker/style/year.less +0 -8
  510. package/es/descriptions/style/index.less +0 -158
  511. package/es/descriptions/style/token.less +0 -75
  512. package/es/divider/style/index.less +0 -56
  513. package/es/divider/style/token.less +0 -25
  514. package/es/drawer/style/token.less +0 -25
  515. package/es/dropdown/style/index.less +0 -106
  516. package/es/dropdown/style/token.less +0 -40
  517. package/es/ellipsis/style/token.less +0 -5
  518. package/es/empty/style/index.less +0 -26
  519. package/es/empty/style/token.less +0 -15
  520. package/es/form/style/index.less +0 -256
  521. package/es/form/style/status.less +0 -157
  522. package/es/form/style/token.less +0 -121
  523. package/es/grid/style/col.less +0 -95
  524. package/es/grid/style/grid.less +0 -5
  525. package/es/grid/style/index.less +0 -3
  526. package/es/image/style/image.less +0 -157
  527. package/es/image/style/index.less +0 -5
  528. package/es/image/style/preview.less +0 -224
  529. package/es/image/style/token.less +0 -119
  530. package/es/image/style/trigger.less +0 -13
  531. package/es/index.less +0 -77
  532. package/es/input/style/group.less +0 -62
  533. package/es/input/style/index.less +0 -119
  534. package/es/input/style/input.less +0 -184
  535. package/es/input/style/password.less +0 -11
  536. package/es/input/style/search.less +0 -18
  537. package/es/input/style/size.less +0 -149
  538. package/es/input/style/textarea.less +0 -37
  539. package/es/input/style/token.less +0 -125
  540. package/es/input-number/style/index.less +0 -162
  541. package/es/input-number/style/token.less +0 -31
  542. package/es/input-tag/style/index.less +0 -40
  543. package/es/input-tag/style/input-tag.less +0 -129
  544. package/es/input-tag/style/token.less +0 -83
  545. package/es/layout/style/token.less +0 -13
  546. package/es/link/style/index.less +0 -120
  547. package/es/link/style/token.less +0 -59
  548. package/es/list/style/index.less +0 -181
  549. package/es/list/style/token.less +0 -55
  550. package/es/mention/style/token.less +0 -9
  551. package/es/menu/style/index.less +0 -618
  552. package/es/menu/style/token.less +0 -117
  553. package/es/message/style/index.less +0 -190
  554. package/es/message/style/token.less +0 -83
  555. package/es/modal/style/index.less +0 -269
  556. package/es/modal/style/token.less +0 -51
  557. package/es/notification/style/index.less +0 -245
  558. package/es/notification/style/token.less +0 -97
  559. package/es/page-header/style/index.less +0 -123
  560. package/es/page-header/style/token.less +0 -53
  561. package/es/pagination/style/index.less +0 -298
  562. package/es/pagination/style/token.less +0 -73
  563. package/es/popconfirm/style/index.less +0 -70
  564. package/es/popconfirm/style/token.less +0 -20
  565. package/es/popover/style/index.less +0 -38
  566. package/es/popover/style/token.less +0 -27
  567. package/es/progress/style/index.less +0 -379
  568. package/es/progress/style/token.less +0 -105
  569. package/es/radio/style/index.less +0 -266
  570. package/es/radio/style/token.less +0 -93
  571. package/es/rate/style/token.less +0 -18
  572. package/es/resize-box/style/token.less +0 -6
  573. package/es/result/style/index.less +0 -93
  574. package/es/result/style/token.less +0 -51
  575. package/es/scrollbar/style/index.less +0 -131
  576. package/es/scrollbar/style/token.less +0 -17
  577. package/es/select/style/index.less +0 -132
  578. package/es/select/style/token.less +0 -43
  579. package/es/skeleton/style/index.less +0 -65
  580. package/es/skeleton/style/token.less +0 -21
  581. package/es/slider/style/index.less +0 -277
  582. package/es/slider/style/token.less +0 -50
  583. package/es/spin/style/dot-loading.less +0 -63
  584. package/es/spin/style/index.less +0 -52
  585. package/es/spin/style/token.less +0 -27
  586. package/es/split/style/index.less +0 -53
  587. package/es/split/style/token.less +0 -10
  588. package/es/statistic/style/index.less +0 -47
  589. package/es/statistic/style/token.less +0 -27
  590. package/es/steps/style/arrow.less +0 -201
  591. package/es/steps/style/circle.less +0 -263
  592. package/es/steps/style/dot.less +0 -202
  593. package/es/steps/style/index.less +0 -74
  594. package/es/steps/style/navigation.less +0 -56
  595. package/es/steps/style/token.less +0 -143
  596. package/es/style/animation/index.css +0 -328
  597. package/es/style/animation/index.less +0 -3
  598. package/es/style/color/colors.less +0 -427
  599. package/es/style/color/css-variables.less +0 -389
  600. package/es/style/color/get-rgb-str.d.ts +0 -1
  601. package/es/style/color/get-rgb-str.js +0 -17
  602. package/es/style/icon.less +0 -86
  603. package/es/style/index.css +0 -1236
  604. package/es/style/index.less +0 -10
  605. package/es/style/mixins/icon-hover.less +0 -14
  606. package/es/style/mixins/index.css +0 -17
  607. package/es/style/mixins/index.less +0 -13
  608. package/es/style/normalize.less +0 -353
  609. package/es/style/theme/component.less +0 -21
  610. package/es/style/theme/css-variables.less +0 -126
  611. package/es/style/theme/global.less +0 -382
  612. package/es/style/theme/index.css +0 -17
  613. package/es/style/theme/index.less +0 -43
  614. package/es/switch/style/index.less +0 -322
  615. package/es/switch/style/token.less +0 -48
  616. package/es/table/style/index.less +0 -875
  617. package/es/table/style/token.less +0 -115
  618. package/es/tabs/style/index.less +0 -700
  619. package/es/tabs/style/rtl.less +0 -103
  620. package/es/tabs/style/token.less +0 -223
  621. package/es/tabs/style/vertical.less +0 -156
  622. package/es/tag/style/index.less +0 -170
  623. package/es/tag/style/token.less +0 -153
  624. package/es/textarea/style/index.less +0 -64
  625. package/es/time-picker/style/index.less +0 -93
  626. package/es/time-picker/style/token.less +0 -25
  627. package/es/timeline/style/horizontal.less +0 -87
  628. package/es/timeline/style/index.less +0 -271
  629. package/es/timeline/style/token.less +0 -39
  630. package/es/tooltip/style/index.less +0 -24
  631. package/es/tooltip/style/token.less +0 -19
  632. package/es/transfer/style/index.less +0 -294
  633. package/es/transfer/style/token.less +0 -79
  634. package/es/tree/style/index.less +0 -379
  635. package/es/tree/style/token.less +0 -89
  636. package/es/tree-select/style/index.less +0 -49
  637. package/es/tree-select/style/token.less +0 -9
  638. package/es/trigger/style/token.less +0 -7
  639. package/es/typography/style/index.less +0 -204
  640. package/es/typography/style/token.less +0 -55
  641. package/es/upload/style/index.less +0 -500
  642. package/es/upload/style/token.less +0 -181
  643. package/es/verification-code/style/index.less +0 -32
  644. package/es/verification-code/style/token.less +0 -1
package/es/tabs/style/index.css CHANGED
@@ -19,6 +19,7 @@
19
19
  width: 16px;
20
20
  height: 16px;
21
21
  }
22
+
22
23
  .sd-tabs .sd-tabs-icon-hover {
23
24
  color: var(--color-text-2);
24
25
  font-size: 12px;
@@ -62,6 +63,7 @@
62
63
  color: var(--color-text-4);
63
64
  cursor: not-allowed;
64
65
  }
66
+
65
67
  .sd-tabs {
66
68
  position: relative;
67
69
  overflow: hidden;
@@ -79,7 +81,7 @@
79
81
  clear: both;
80
82
  height: 1px;
81
83
  background-color: var(--color-neutral-3);
82
- content: '';
84
+ content: "";
83
85
  }
84
86
  .sd-tabs-nav-tab {
85
87
  display: flex;
@@ -120,18 +122,15 @@
120
122
  color: var(--color-text-2);
121
123
  font-weight: 400;
122
124
  }
123
- .sd-tabs-tab-disabled,
124
- .sd-tabs-tab-disabled:hover {
125
+ .sd-tabs-tab-disabled, .sd-tabs-tab-disabled:hover {
125
126
  color: var(--color-text-4);
126
127
  cursor: not-allowed;
127
128
  }
128
- .sd-tabs-tab-active,
129
- .sd-tabs-tab-active:hover {
129
+ .sd-tabs-tab-active, .sd-tabs-tab-active:hover {
130
130
  color: rgb(var(--primary-6));
131
131
  font-weight: 500;
132
132
  }
133
- .sd-tabs-tab-active.sd-tabs-tab-disabled,
134
- .sd-tabs-tab-active:hover.sd-tabs-tab-disabled {
133
+ .sd-tabs-tab-active.sd-tabs-tab-disabled, .sd-tabs-tab-active:hover.sd-tabs-tab-disabled {
135
134
  color: var(--color-primary-light-3);
136
135
  }
137
136
  .sd-tabs-nav-ink {
@@ -149,6 +148,7 @@
149
148
  .sd-tabs-nav-ink-disabled {
150
149
  background-color: var(--color-primary-light-3);
151
150
  }
151
+
152
152
  .sd-tabs-nav-type-line .sd-tabs-nav-extra {
153
153
  line-height: 40px;
154
154
  }
@@ -170,17 +170,15 @@
170
170
  border-radius: var(--border-radius-small);
171
171
  opacity: 1;
172
172
  transition: background-color 0.2s cubic-bezier(0, 0, 1, 1), opacity 0.2s cubic-bezier(0, 0, 1, 1);
173
- content: '';
173
+ content: "";
174
174
  }
175
175
  .sd-tabs-nav-type-line .sd-tabs-tab:hover .sd-tabs-tab-title::before {
176
176
  background-color: var(--color-fill-2);
177
177
  }
178
- .sd-tabs-nav-type-line .sd-tabs-tab-active .sd-tabs-tab-title::before,
179
- .sd-tabs-nav-type-line .sd-tabs-tab-active:hover .sd-tabs-tab-title::before {
178
+ .sd-tabs-nav-type-line .sd-tabs-tab-active .sd-tabs-tab-title::before, .sd-tabs-nav-type-line .sd-tabs-tab-active:hover .sd-tabs-tab-title::before {
180
179
  background-color: transparent;
181
180
  }
182
- .sd-tabs-nav-type-line .sd-tabs-tab-disabled .sd-tabs-tab-title::before,
183
- .sd-tabs-nav-type-line .sd-tabs-tab-disabled:hover .sd-tabs-tab-title::before {
181
+ .sd-tabs-nav-type-line .sd-tabs-tab-disabled .sd-tabs-tab-title::before, .sd-tabs-nav-type-line .sd-tabs-tab-disabled:hover .sd-tabs-tab-title::before {
184
182
  opacity: 0;
185
183
  }
186
184
  .sd-tabs-nav-type-line .sd-tabs-tab:focus-visible .sd-tabs-tab-title::before {
@@ -189,39 +187,32 @@
189
187
  .sd-tabs-nav-type-line.sd-tabs-nav-horizontal > .sd-tabs-tab:first-of-type {
190
188
  margin-left: 16px;
191
189
  }
192
- .sd-tabs-nav-type-line.sd-tabs-nav-horizontal .sd-tabs-nav-tab-list-no-padding > .sd-tabs-tab:first-of-type,
193
- .sd-tabs-nav-text.sd-tabs-nav-horizontal .sd-tabs-nav-tab-list-no-padding > .sd-tabs-tab:first-of-type {
190
+ .sd-tabs-nav-type-line.sd-tabs-nav-horizontal .sd-tabs-nav-tab-list-no-padding > .sd-tabs-tab:first-of-type, .sd-tabs-nav-text.sd-tabs-nav-horizontal .sd-tabs-nav-tab-list-no-padding > .sd-tabs-tab:first-of-type {
194
191
  margin-left: 0;
195
192
  }
196
- .sd-tabs-nav-type-card .sd-tabs-tab,
197
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab {
193
+ .sd-tabs-nav-type-card .sd-tabs-tab, .sd-tabs-nav-type-card-gutter .sd-tabs-tab {
198
194
  position: relative;
199
195
  padding: 4px 16px;
200
196
  font-size: 14px;
201
197
  border: 1px solid var(--color-neutral-3);
202
198
  transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1);
203
199
  }
204
- .sd-tabs-nav-type-card .sd-tabs-tab-closable,
205
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable {
200
+ .sd-tabs-nav-type-card .sd-tabs-tab-closable, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable {
206
201
  padding-right: 12px;
207
202
  }
208
- .sd-tabs-nav-type-card .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before,
209
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before {
203
+ .sd-tabs-nav-type-card .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-closable:not(.sd-tabs-tab-active):hover .sd-icon-hover:hover::before {
210
204
  background-color: var(--color-fill-4);
211
205
  }
212
- .sd-tabs-nav-type-card .sd-tabs-tab:focus-visible::before,
213
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab:focus-visible::before {
206
+ .sd-tabs-nav-type-card .sd-tabs-tab:focus-visible::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab:focus-visible::before {
214
207
  position: absolute;
215
208
  inset: -1px 0 -1px -1px;
216
209
  border: 2px solid rgb(var(--primary-6));
217
- content: '';
210
+ content: "";
218
211
  }
219
- .sd-tabs-nav-type-card .sd-tabs-tab:last-child:focus-visible::before,
220
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab:last-child:focus-visible::before {
212
+ .sd-tabs-nav-type-card .sd-tabs-tab:last-child:focus-visible::before, .sd-tabs-nav-type-card-gutter .sd-tabs-tab:last-child:focus-visible::before {
221
213
  right: -1px;
222
214
  }
223
- .sd-tabs-nav-type-card .sd-tabs-nav-add-btn,
224
- .sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
215
+ .sd-tabs-nav-type-card .sd-tabs-nav-add-btn, .sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
225
216
  height: 32px;
226
217
  }
227
218
  .sd-tabs-nav-type-card .sd-tabs-tab {
@@ -238,12 +229,10 @@
238
229
  .sd-tabs-nav-type-card .sd-tabs-tab:hover {
239
230
  background-color: var(--color-fill-3);
240
231
  }
241
- .sd-tabs-nav-type-card .sd-tabs-tab-disabled,
242
- .sd-tabs-nav-type-card .sd-tabs-tab-disabled:hover {
232
+ .sd-tabs-nav-type-card .sd-tabs-tab-disabled, .sd-tabs-nav-type-card .sd-tabs-tab-disabled:hover {
243
233
  background-color: transparent;
244
234
  }
245
- .sd-tabs-nav-type-card .sd-tabs-tab-active,
246
- .sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
235
+ .sd-tabs-nav-type-card .sd-tabs-tab-active, .sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
247
236
  background-color: transparent;
248
237
  border-bottom-color: var(--color-bg-2);
249
238
  }
@@ -256,12 +245,10 @@
256
245
  .sd-tabs-nav-type-card-gutter .sd-tabs-tab:hover {
257
246
  background-color: var(--color-fill-3);
258
247
  }
259
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled,
260
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled:hover {
248
+ .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-disabled:hover {
261
249
  background-color: var(--color-fill-1);
262
250
  }
263
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active,
264
- .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
251
+ .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active, .sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
265
252
  background-color: transparent;
266
253
  border-bottom-color: var(--color-bg-2);
267
254
  }
@@ -287,7 +274,7 @@
287
274
  height: 12px;
288
275
  background-color: var(--color-fill-3);
289
276
  transform: translateY(-50%);
290
- content: '';
277
+ content: "";
291
278
  }
292
279
  .sd-tabs-nav-type-text .sd-tabs-tab-title {
293
280
  padding-right: 8px;
@@ -331,8 +318,7 @@
331
318
  .sd-tabs-nav-type-rounded .sd-tabs-tab-disabled:hover {
332
319
  background-color: transparent;
333
320
  }
334
- .sd-tabs-nav-type-rounded .sd-tabs-tab-active,
335
- .sd-tabs-nav-type-rounded .sd-tabs-tab-active:hover {
321
+ .sd-tabs-nav-type-rounded .sd-tabs-tab-active, .sd-tabs-nav-type-rounded .sd-tabs-tab-active:hover {
336
322
  background-color: var(--color-fill-2);
337
323
  }
338
324
  .sd-tabs-nav-type-rounded .sd-tabs-tab:focus-visible {
@@ -363,14 +349,10 @@
363
349
  .sd-tabs-nav-type-capsule .sd-tabs-tab-disabled:hover {
364
350
  background-color: unset;
365
351
  }
366
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active,
367
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover {
352
+ .sd-tabs-nav-type-capsule .sd-tabs-tab-active, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover {
368
353
  background-color: var(--color-bg-2);
369
354
  }
370
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active::before,
371
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover::before,
372
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active + .sd-tabs-tab::before,
373
- .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover + .sd-tabs-tab::before {
355
+ .sd-tabs-nav-type-capsule .sd-tabs-tab-active::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active + .sd-tabs-tab::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover::before, .sd-tabs-nav-type-capsule .sd-tabs-tab-active:hover + .sd-tabs-tab::before {
374
356
  opacity: 0;
375
357
  }
376
358
  .sd-tabs-nav-type-capsule .sd-tabs-tab:focus-visible {
@@ -389,8 +371,9 @@
389
371
  background-color: var(--color-fill-3);
390
372
  transform: translateY(-50%);
391
373
  transition: all 0.2s cubic-bezier(0, 0, 1, 1);
392
- content: '';
374
+ content: "";
393
375
  }
376
+
394
377
  .sd-tabs-nav {
395
378
  position: relative;
396
379
  display: flex;
@@ -419,8 +402,7 @@
419
402
  .sd-tabs-content .sd-tabs-content-item.sd-tabs-content-item-active {
420
403
  height: auto;
421
404
  }
422
- .sd-tabs-type-card > .sd-tabs-content,
423
- .sd-tabs-type-card-gutter > .sd-tabs-content {
405
+ .sd-tabs-type-card > .sd-tabs-content, .sd-tabs-type-card-gutter > .sd-tabs-content {
424
406
  border: 1px solid var(--color-neutral-3);
425
407
  border-top: none;
426
408
  }
@@ -437,6 +419,7 @@
437
419
  .sd-tabs-horizontal.sd-tabs-justify .sd-tabs-pane {
438
420
  height: 100%;
439
421
  }
422
+
440
423
  .sd-tabs-nav-size-mini.sd-tabs-nav-type-line .sd-tabs-nav-extra {
441
424
  font-size: 12px;
442
425
  line-height: 32px;
@@ -450,19 +433,16 @@
450
433
  font-size: 12px;
451
434
  line-height: 32px;
452
435
  }
453
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-tab,
454
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
436
+ .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-tab, .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
455
437
  padding-top: 1px;
456
438
  padding-bottom: 1px;
457
439
  font-size: 12px;
458
440
  }
459
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-nav-extra,
460
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
441
+ .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-nav-extra, .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
461
442
  font-size: 12px;
462
443
  line-height: 24px;
463
444
  }
464
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-nav-add-btn,
465
- .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
445
+ .sd-tabs-nav-size-mini.sd-tabs-nav-type-card .sd-tabs-nav-add-btn, .sd-tabs-nav-size-mini.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
466
446
  height: 24px;
467
447
  }
468
448
  .sd-tabs-nav-size-mini.sd-tabs-nav-type-capsule .sd-tabs-tab {
@@ -482,6 +462,7 @@
482
462
  font-size: 12px;
483
463
  line-height: 24px;
484
464
  }
465
+
485
466
  .sd-tabs-nav-size-small.sd-tabs-nav-type-line .sd-tabs-nav-extra {
486
467
  font-size: 14px;
487
468
  line-height: 36px;
@@ -495,19 +476,16 @@
495
476
  font-size: 14px;
496
477
  line-height: 36px;
497
478
  }
498
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-tab,
499
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
479
+ .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-tab, .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
500
480
  padding-top: 1px;
501
481
  padding-bottom: 1px;
502
482
  font-size: 14px;
503
483
  }
504
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-nav-extra,
505
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
484
+ .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-nav-extra, .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
506
485
  font-size: 14px;
507
486
  line-height: 28px;
508
487
  }
509
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-nav-add-btn,
510
- .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
488
+ .sd-tabs-nav-size-small.sd-tabs-nav-type-card .sd-tabs-nav-add-btn, .sd-tabs-nav-size-small.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
511
489
  height: 28px;
512
490
  }
513
491
  .sd-tabs-nav-size-small.sd-tabs-nav-type-capsule .sd-tabs-tab {
@@ -527,6 +505,7 @@
527
505
  font-size: 14px;
528
506
  line-height: 28px;
529
507
  }
508
+
530
509
  .sd-tabs-nav-size-large.sd-tabs-nav-type-line .sd-tabs-nav-extra {
531
510
  font-size: 14px;
532
511
  line-height: 44px;
@@ -540,19 +519,16 @@
540
519
  font-size: 14px;
541
520
  line-height: 44px;
542
521
  }
543
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-tab,
544
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
522
+ .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-tab, .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
545
523
  padding-top: 5px;
546
524
  padding-bottom: 5px;
547
525
  font-size: 14px;
548
526
  }
549
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-nav-extra,
550
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
527
+ .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-nav-extra, .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-nav-extra {
551
528
  font-size: 14px;
552
529
  line-height: 36px;
553
530
  }
554
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-nav-add-btn,
555
- .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
531
+ .sd-tabs-nav-size-large.sd-tabs-nav-type-card .sd-tabs-nav-add-btn, .sd-tabs-nav-size-large.sd-tabs-nav-type-card-gutter .sd-tabs-nav-add-btn {
556
532
  height: 36px;
557
533
  }
558
534
  .sd-tabs-nav-size-large.sd-tabs-nav-type-capsule .sd-tabs-tab {
@@ -572,11 +548,30 @@
572
548
  font-size: 14px;
573
549
  line-height: 36px;
574
550
  }
551
+
552
+ /******** borderSize *******/
553
+ /******** borderStyle *******/
554
+ /******** radius *******/
555
+ /******** shadow distance *******/
556
+ /******** size *******/
557
+ /******** spacing *******/
558
+ /******** shadow *******/
559
+ /******** opacity *******/
560
+ /******** fontSize *******/
561
+ /******** fontWeight ********/
562
+ /******** Primary *******/
563
+ /******** success *******/
564
+ /******** warning *******/
565
+ /******** danger *******/
566
+ /******** link *******/
567
+ /******** radius *******/
568
+ /********* icon hover *********/
575
569
  /* Vertical */
576
570
  .sd-tabs-nav-vertical {
577
571
  float: left;
578
572
  height: 100%;
579
573
  }
574
+
580
575
  .sd-tabs-nav-vertical::before {
581
576
  position: absolute;
582
577
  top: 0;
@@ -587,22 +582,27 @@
587
582
  width: 1px;
588
583
  height: 100%;
589
584
  }
585
+
590
586
  .sd-tabs-nav-vertical .sd-tabs-nav-add-btn {
591
587
  height: auto;
592
588
  margin-top: 8px;
593
589
  margin-left: 0;
594
590
  padding: 0 16px;
595
591
  }
592
+
596
593
  .sd-tabs-nav-right {
597
594
  float: right;
598
595
  }
596
+
599
597
  .sd-tabs-nav-vertical {
600
598
  flex-direction: column;
601
599
  }
600
+
602
601
  .sd-tabs-nav-vertical .sd-tabs-nav-tab {
603
602
  flex-direction: column;
604
603
  height: 100%;
605
604
  }
605
+
606
606
  .sd-tabs-nav-vertical .sd-tabs-nav-ink {
607
607
  position: absolute;
608
608
  right: 0;
@@ -611,148 +611,197 @@
611
611
  width: 2px;
612
612
  transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
613
613
  }
614
+
614
615
  .sd-tabs-nav-vertical .sd-tabs-nav-tab-list {
615
616
  height: auto;
616
617
  }
618
+
617
619
  .sd-tabs-nav-vertical .sd-tabs-nav-tab-list-overflow-scroll {
618
620
  padding: 6px 0;
619
621
  }
622
+
620
623
  .sd-tabs-nav-vertical .sd-tabs-tab {
621
624
  display: block;
622
625
  margin: 0;
623
626
  margin-top: 12px;
624
627
  white-space: nowrap;
625
628
  }
629
+
626
630
  .sd-tabs-nav-vertical .sd-tabs-tab:first-of-type {
627
631
  margin-top: 0;
628
632
  }
633
+
629
634
  .sd-tabs-nav-right::before {
630
635
  right: unset;
631
636
  left: 0;
632
637
  }
638
+
633
639
  .sd-tabs-nav-right .sd-tabs-nav-ink {
634
640
  right: unset;
635
641
  left: 0;
636
642
  }
643
+
637
644
  .sd-tabs-nav-vertical {
638
645
  position: relative;
639
646
  box-sizing: border-box;
640
647
  height: 100%;
641
648
  }
649
+
642
650
  .sd-tabs-nav-vertical.sd-tabs-nav-type-line .sd-tabs-tab {
643
651
  padding: 0 20px;
644
652
  }
653
+
645
654
  .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab {
646
655
  position: relative;
647
656
  margin: 0;
648
657
  border: 1px solid var(--color-neutral-3);
649
658
  border-bottom-color: transparent;
650
659
  }
660
+
651
661
  .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab:first-child {
652
662
  border-top-left-radius: var(--border-radius-small);
653
663
  }
654
- .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active,
655
- .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
664
+
665
+ .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active, .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab-active:hover {
656
666
  border-right-color: var(--color-bg-2);
657
667
  border-bottom-color: transparent;
658
668
  }
669
+
659
670
  .sd-tabs-nav-vertical.sd-tabs-nav-type-card .sd-tabs-tab:last-child {
660
671
  border-bottom: 1px solid var(--color-neutral-3);
661
672
  border-bottom-left-radius: var(--border-radius-small);
662
673
  }
674
+
663
675
  .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab {
664
676
  position: relative;
665
677
  margin-left: 0;
666
678
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
667
679
  }
680
+
668
681
  .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab:not(:first-of-type) {
669
682
  margin-top: 4px;
670
683
  }
671
- .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active,
672
- .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
684
+
685
+ .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active, .sd-tabs-nav-vertical.sd-tabs-nav-type-card-gutter .sd-tabs-tab-active:hover {
673
686
  border-right-color: var(--color-bg-2);
674
687
  border-bottom-color: var(--color-neutral-3);
675
688
  }
689
+
676
690
  .sd-tabs-vertical .sd-tabs-content {
677
691
  width: auto;
678
692
  height: 100%;
679
693
  padding: 0;
680
694
  }
695
+
681
696
  .sd-tabs-right.sd-tabs-vertical .sd-tabs-content {
682
697
  padding-right: 16px;
683
698
  }
699
+
684
700
  .sd-tabs-left.sd-tabs-vertical .sd-tabs-content {
685
701
  padding-left: 16px;
686
702
  }
687
- .sd-tabs-vertical.sd-tabs-type-card > .sd-tabs-content,
688
- .sd-tabs-vertical.sd-tabs-type-card-gutter > .sd-tabs-content {
703
+
704
+ .sd-tabs-vertical.sd-tabs-type-card > .sd-tabs-content, .sd-tabs-vertical.sd-tabs-type-card-gutter > .sd-tabs-content {
689
705
  border: 1px solid var(--color-neutral-3);
690
706
  border-left: none;
691
707
  }
708
+
709
+ /******** borderSize *******/
710
+ /******** borderStyle *******/
711
+ /******** radius *******/
712
+ /******** shadow distance *******/
713
+ /******** size *******/
714
+ /******** spacing *******/
715
+ /******** shadow *******/
716
+ /******** opacity *******/
717
+ /******** fontSize *******/
718
+ /******** fontWeight ********/
719
+ /******** Primary *******/
720
+ /******** success *******/
721
+ /******** warning *******/
722
+ /******** danger *******/
723
+ /******** link *******/
724
+ /******** radius *******/
725
+ /********* icon hover *********/
692
726
  .sd-tabs-rtl {
693
727
  direction: rtl;
694
728
  }
729
+
695
730
  .sd-tabs-rtl.sd-tabs-left {
696
731
  flex-direction: row-reverse;
697
732
  }
733
+
698
734
  .sd-tabs-rtl.sd-tabs-right {
699
735
  flex-direction: row;
700
736
  }
737
+
701
738
  .sd-tabs-rtl .sd-tabs-close-icon {
702
739
  margin-right: 8px;
703
740
  margin-left: 0;
704
741
  }
705
- .sd-tabs-rtl .sd-tabs-left-icon,
706
- .sd-tabs-rtl .sd-tabs-right-icon {
742
+
743
+ .sd-tabs-rtl .sd-tabs-left-icon, .sd-tabs-rtl .sd-tabs-right-icon {
707
744
  margin-right: 10px;
708
745
  margin-left: 6px;
709
746
  }
747
+
710
748
  .sd-tabs-rtl .sd-tabs-nav-type-line > .sd-tabs-nav-type-horizontal .sd-tabs-header-scroll > .sd-tabs-header-title:first-of-type {
711
749
  margin-right: 0;
712
750
  }
751
+
713
752
  .sd-tabs-rtl .sd-tabs-nav-type-line > .sd-tabs-nav-type-horizontal .sd-tabs-header-no-padding > .sd-tabs-header-title:first-of-type,
714
753
  .sd-tabs-rtl .sd-tabs-nav-type-text > .sd-tabs-nav-type-horizontal .sd-tabs-header-no-padding > .sd-tabs-header-title:first-of-type {
715
754
  margin-right: 0;
716
755
  }
756
+
717
757
  .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title-editable,
718
758
  .sd-tabs-rtl .sd-tabs-nav-type-card-gutter .sd-tabs-header-title-editable {
719
759
  padding-right: 16px;
720
760
  padding-left: 12px;
721
761
  }
762
+
722
763
  .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title {
723
764
  border-right: 1px solid var(--color-neutral-3);
724
765
  border-left: none;
725
766
  }
767
+
726
768
  .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title:last-child {
727
769
  border-left: 1px solid var(--color-neutral-3);
728
770
  border-top-left-radius: var(--border-radius-small);
729
771
  border-top-right-radius: 0;
730
772
  }
773
+
731
774
  .sd-tabs-rtl .sd-tabs-nav-type-card .sd-tabs-header-title:first-child {
732
775
  border-top-left-radius: 0;
733
776
  border-top-right-radius: var(--border-radius-small);
734
777
  }
778
+
735
779
  .sd-tabs-rtl .sd-tabs-nav-type-card-gutter .sd-tabs-header-title {
736
780
  margin-right: 4px;
737
781
  }
782
+
738
783
  .sd-tabs-rtl .sd-tabs-nav-type-card-gutter .sd-tabs-header-title:first-child {
739
784
  margin-right: 0;
740
785
  }
786
+
741
787
  .sd-tabs-rtl .sd-tabs-nav-type-text .sd-tabs-header-title:not(:first-of-type)::before {
742
788
  right: -9px;
743
789
  left: initial;
744
790
  }
791
+
745
792
  .sd-tabs-rtl .sd-tabs-nav-type-capsule.sd-tabs-nav-type-horizontal .sd-tabs-header-title:not(:first-of-type) {
746
793
  margin-right: 3px;
747
794
  margin-left: 0;
748
795
  }
796
+
749
797
  .sd-tabs-rtl .sd-tabs-nav-type-capsule.sd-tabs-nav-type-horizontal .sd-tabs-header-title:not(:first-of-type)::before {
750
798
  right: -2px;
751
799
  left: initial;
752
800
  }
753
- body[sd-theme='dark'] .sd-tabs-nav-type-capsule .sd-tabs-tab-active {
801
+
802
+ :where(body, [sd-theme])[sd-theme=dark] .sd-tabs-nav-type-capsule .sd-tabs-tab-active {
754
803
  background-color: var(--color-fill-3);
755
804
  }
756
- body[sd-theme='dark'] .sd-tabs-nav-type-capsule .sd-tabs-tab:hover {
805
+ :where(body, [sd-theme])[sd-theme=dark] .sd-tabs-nav-type-capsule .sd-tabs-tab:hover {
757
806
  background-color: var(--color-fill-3);
758
- }
807
+ }
package/es/tabs/style/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import '../../style/index.less';
2
- import './index.less';
1
+ import '../../style/index.scss';
2
+ import './index.scss';
package/es/tabs/style/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import "../../style/index.less";
2
- import "./index.less";
1
+ import "../../style/index.scss";
2
+ import "./index.scss";