@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/button/style/index.css CHANGED
@@ -81,7 +81,7 @@
81
81
  border-radius: inherit;
82
82
  opacity: 0.4;
83
83
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
84
- content: '';
84
+ content: "";
85
85
  pointer-events: none;
86
86
  }
87
87
  .sd-btn-loading-fixed-width {
@@ -91,47 +91,49 @@
91
91
  margin-right: -0.3em;
92
92
  letter-spacing: 0.3em;
93
93
  }
94
+
94
95
  .sd-btn-outline,
95
- .sd-btn-outline[type='button'],
96
- .sd-btn-outline[type='submit'] {
96
+ .sd-btn-outline[type=button],
97
+ .sd-btn-outline[type=submit] {
97
98
  color: rgb(var(--primary-6));
98
99
  background-color: transparent;
99
100
  border: 1px solid rgb(var(--primary-6));
100
101
  }
101
102
  .sd-btn-outline:hover,
102
- .sd-btn-outline[type='button']:hover,
103
- .sd-btn-outline[type='submit']:hover {
103
+ .sd-btn-outline[type=button]:hover,
104
+ .sd-btn-outline[type=submit]:hover {
104
105
  color: rgb(var(--primary-5));
105
106
  background-color: transparent;
106
107
  border-color: rgb(var(--primary-5));
107
108
  }
108
109
  .sd-btn-outline:focus-visible,
109
- .sd-btn-outline[type='button']:focus-visible,
110
- .sd-btn-outline[type='submit']:focus-visible {
110
+ .sd-btn-outline[type=button]:focus-visible,
111
+ .sd-btn-outline[type=submit]:focus-visible {
111
112
  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
112
113
  }
113
114
  .sd-btn-outline:active,
114
- .sd-btn-outline[type='button']:active,
115
- .sd-btn-outline[type='submit']:active {
115
+ .sd-btn-outline[type=button]:active,
116
+ .sd-btn-outline[type=submit]:active {
116
117
  color: rgb(var(--primary-7));
117
118
  background-color: transparent;
118
119
  border-color: rgb(var(--primary-7));
119
120
  }
120
121
  .sd-btn-outline.sd-btn-loading,
121
- .sd-btn-outline[type='button'].sd-btn-loading,
122
- .sd-btn-outline[type='submit'].sd-btn-loading {
122
+ .sd-btn-outline[type=button].sd-btn-loading,
123
+ .sd-btn-outline[type=submit].sd-btn-loading {
123
124
  color: rgb(var(--primary-6));
124
125
  background-color: transparent;
125
126
  border: 1px solid rgb(var(--primary-6));
126
127
  }
127
128
  .sd-btn-outline.sd-btn-disabled,
128
- .sd-btn-outline[type='button'].sd-btn-disabled,
129
- .sd-btn-outline[type='submit'].sd-btn-disabled {
129
+ .sd-btn-outline[type=button].sd-btn-disabled,
130
+ .sd-btn-outline[type=submit].sd-btn-disabled {
130
131
  color: var(--color-primary-light-3);
131
132
  background-color: transparent;
132
133
  border: 1px solid var(--color-primary-light-3);
133
134
  cursor: not-allowed;
134
135
  }
136
+
135
137
  .sd-btn-outline.sd-btn-status-warning {
136
138
  color: rgb(var(--warning-6));
137
139
  background-color: transparent;
@@ -160,6 +162,7 @@
160
162
  background-color: transparent;
161
163
  border: 1px solid var(--color-warning-light-3);
162
164
  }
165
+
163
166
  .sd-btn-outline.sd-btn-status-danger {
164
167
  color: rgb(var(--danger-6));
165
168
  background-color: transparent;
@@ -188,6 +191,7 @@
188
191
  background-color: transparent;
189
192
  border: 1px solid var(--color-danger-light-3);
190
193
  }
194
+
191
195
  .sd-btn-outline.sd-btn-status-success {
192
196
  color: rgb(var(--success-6));
193
197
  background-color: transparent;
@@ -216,47 +220,49 @@
216
220
  background-color: transparent;
217
221
  border: 1px solid var(--color-success-light-3);
218
222
  }
223
+
219
224
  .sd-btn-primary,
220
- .sd-btn-primary[type='button'],
221
- .sd-btn-primary[type='submit'] {
225
+ .sd-btn-primary[type=button],
226
+ .sd-btn-primary[type=submit] {
222
227
  color: #fff;
223
228
  background-color: rgb(var(--primary-6));
224
229
  border: 1px solid transparent;
225
230
  }
226
231
  .sd-btn-primary:hover,
227
- .sd-btn-primary[type='button']:hover,
228
- .sd-btn-primary[type='submit']:hover {
232
+ .sd-btn-primary[type=button]:hover,
233
+ .sd-btn-primary[type=submit]:hover {
229
234
  color: #fff;
230
235
  background-color: rgb(var(--primary-5));
231
236
  border-color: transparent;
232
237
  }
233
238
  .sd-btn-primary:focus-visible,
234
- .sd-btn-primary[type='button']:focus-visible,
235
- .sd-btn-primary[type='submit']:focus-visible {
239
+ .sd-btn-primary[type=button]:focus-visible,
240
+ .sd-btn-primary[type=submit]:focus-visible {
236
241
  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
237
242
  }
238
243
  .sd-btn-primary:active,
239
- .sd-btn-primary[type='button']:active,
240
- .sd-btn-primary[type='submit']:active {
244
+ .sd-btn-primary[type=button]:active,
245
+ .sd-btn-primary[type=submit]:active {
241
246
  color: #fff;
242
247
  background-color: rgb(var(--primary-7));
243
248
  border-color: transparent;
244
249
  }
245
250
  .sd-btn-primary.sd-btn-loading,
246
- .sd-btn-primary[type='button'].sd-btn-loading,
247
- .sd-btn-primary[type='submit'].sd-btn-loading {
251
+ .sd-btn-primary[type=button].sd-btn-loading,
252
+ .sd-btn-primary[type=submit].sd-btn-loading {
248
253
  color: #fff;
249
254
  background-color: rgb(var(--primary-6));
250
255
  border: 1px solid transparent;
251
256
  }
252
257
  .sd-btn-primary.sd-btn-disabled,
253
- .sd-btn-primary[type='button'].sd-btn-disabled,
254
- .sd-btn-primary[type='submit'].sd-btn-disabled {
258
+ .sd-btn-primary[type=button].sd-btn-disabled,
259
+ .sd-btn-primary[type=submit].sd-btn-disabled {
255
260
  color: #fff;
256
261
  background-color: var(--color-primary-light-3);
257
262
  border: 1px solid transparent;
258
263
  cursor: not-allowed;
259
264
  }
265
+
260
266
  .sd-btn-primary.sd-btn-status-warning {
261
267
  color: #fff;
262
268
  background-color: rgb(var(--warning-6));
@@ -285,6 +291,7 @@
285
291
  background-color: var(--color-warning-light-3);
286
292
  border: 1px solid transparent;
287
293
  }
294
+
288
295
  .sd-btn-primary.sd-btn-status-danger {
289
296
  color: #fff;
290
297
  background-color: rgb(var(--danger-6));
@@ -313,6 +320,7 @@
313
320
  background-color: var(--color-danger-light-3);
314
321
  border: 1px solid transparent;
315
322
  }
323
+
316
324
  .sd-btn-primary.sd-btn-status-success {
317
325
  color: #fff;
318
326
  background-color: rgb(var(--success-6));
@@ -341,47 +349,49 @@
341
349
  background-color: var(--color-success-light-3);
342
350
  border: 1px solid transparent;
343
351
  }
352
+
344
353
  .sd-btn-secondary,
345
- .sd-btn-secondary[type='button'],
346
- .sd-btn-secondary[type='submit'] {
354
+ .sd-btn-secondary[type=button],
355
+ .sd-btn-secondary[type=submit] {
347
356
  color: var(--color-text-2);
348
357
  background-color: var(--color-secondary);
349
358
  border: 1px solid transparent;
350
359
  }
351
360
  .sd-btn-secondary:hover,
352
- .sd-btn-secondary[type='button']:hover,
353
- .sd-btn-secondary[type='submit']:hover {
361
+ .sd-btn-secondary[type=button]:hover,
362
+ .sd-btn-secondary[type=submit]:hover {
354
363
  color: var(--color-text-2);
355
364
  background-color: var(--color-secondary-hover);
356
365
  border-color: transparent;
357
366
  }
358
367
  .sd-btn-secondary:focus-visible,
359
- .sd-btn-secondary[type='button']:focus-visible,
360
- .sd-btn-secondary[type='submit']:focus-visible {
368
+ .sd-btn-secondary[type=button]:focus-visible,
369
+ .sd-btn-secondary[type=submit]:focus-visible {
361
370
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
362
371
  }
363
372
  .sd-btn-secondary:active,
364
- .sd-btn-secondary[type='button']:active,
365
- .sd-btn-secondary[type='submit']:active {
373
+ .sd-btn-secondary[type=button]:active,
374
+ .sd-btn-secondary[type=submit]:active {
366
375
  color: var(--color-text-2);
367
376
  background-color: var(--color-secondary-active);
368
377
  border-color: transparent;
369
378
  }
370
379
  .sd-btn-secondary.sd-btn-loading,
371
- .sd-btn-secondary[type='button'].sd-btn-loading,
372
- .sd-btn-secondary[type='submit'].sd-btn-loading {
380
+ .sd-btn-secondary[type=button].sd-btn-loading,
381
+ .sd-btn-secondary[type=submit].sd-btn-loading {
373
382
  color: var(--color-text-2);
374
383
  background-color: var(--color-secondary);
375
384
  border: 1px solid transparent;
376
385
  }
377
386
  .sd-btn-secondary.sd-btn-disabled,
378
- .sd-btn-secondary[type='button'].sd-btn-disabled,
379
- .sd-btn-secondary[type='submit'].sd-btn-disabled {
387
+ .sd-btn-secondary[type=button].sd-btn-disabled,
388
+ .sd-btn-secondary[type=submit].sd-btn-disabled {
380
389
  color: var(--color-text-4);
381
390
  background-color: var(--color-secondary-disabled);
382
391
  border: 1px solid transparent;
383
392
  cursor: not-allowed;
384
393
  }
394
+
385
395
  .sd-btn-secondary.sd-btn-status-warning {
386
396
  color: rgb(var(--warning-6));
387
397
  background-color: var(--color-warning-light-1);
@@ -410,6 +420,7 @@
410
420
  background-color: var(--color-warning-light-1);
411
421
  border: 1px solid transparent;
412
422
  }
423
+
413
424
  .sd-btn-secondary.sd-btn-status-danger {
414
425
  color: rgb(var(--danger-6));
415
426
  background-color: var(--color-danger-light-1);
@@ -438,6 +449,7 @@
438
449
  background-color: var(--color-danger-light-1);
439
450
  border: 1px solid transparent;
440
451
  }
452
+
441
453
  .sd-btn-secondary.sd-btn-status-success {
442
454
  color: rgb(var(--success-6));
443
455
  background-color: var(--color-success-light-1);
@@ -466,47 +478,49 @@
466
478
  background-color: var(--color-success-light-1);
467
479
  border: 1px solid transparent;
468
480
  }
481
+
469
482
  .sd-btn-dashed,
470
- .sd-btn-dashed[type='button'],
471
- .sd-btn-dashed[type='submit'] {
483
+ .sd-btn-dashed[type=button],
484
+ .sd-btn-dashed[type=submit] {
472
485
  color: var(--color-text-2);
473
486
  background-color: var(--color-fill-2);
474
487
  border: 1px dashed var(--color-neutral-3);
475
488
  }
476
489
  .sd-btn-dashed:hover,
477
- .sd-btn-dashed[type='button']:hover,
478
- .sd-btn-dashed[type='submit']:hover {
490
+ .sd-btn-dashed[type=button]:hover,
491
+ .sd-btn-dashed[type=submit]:hover {
479
492
  color: var(--color-text-2);
480
493
  background-color: var(--color-fill-3);
481
494
  border-color: var(--color-neutral-4);
482
495
  }
483
496
  .sd-btn-dashed:focus-visible,
484
- .sd-btn-dashed[type='button']:focus-visible,
485
- .sd-btn-dashed[type='submit']:focus-visible {
497
+ .sd-btn-dashed[type=button]:focus-visible,
498
+ .sd-btn-dashed[type=submit]:focus-visible {
486
499
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
487
500
  }
488
501
  .sd-btn-dashed:active,
489
- .sd-btn-dashed[type='button']:active,
490
- .sd-btn-dashed[type='submit']:active {
502
+ .sd-btn-dashed[type=button]:active,
503
+ .sd-btn-dashed[type=submit]:active {
491
504
  color: var(--color-text-2);
492
505
  background-color: var(--color-fill-4);
493
506
  border-color: var(--color-neutral-5);
494
507
  }
495
508
  .sd-btn-dashed.sd-btn-loading,
496
- .sd-btn-dashed[type='button'].sd-btn-loading,
497
- .sd-btn-dashed[type='submit'].sd-btn-loading {
509
+ .sd-btn-dashed[type=button].sd-btn-loading,
510
+ .sd-btn-dashed[type=submit].sd-btn-loading {
498
511
  color: var(--color-text-2);
499
512
  background-color: var(--color-fill-2);
500
513
  border: 1px dashed var(--color-neutral-3);
501
514
  }
502
515
  .sd-btn-dashed.sd-btn-disabled,
503
- .sd-btn-dashed[type='button'].sd-btn-disabled,
504
- .sd-btn-dashed[type='submit'].sd-btn-disabled {
516
+ .sd-btn-dashed[type=button].sd-btn-disabled,
517
+ .sd-btn-dashed[type=submit].sd-btn-disabled {
505
518
  color: var(--color-text-4);
506
519
  background-color: var(--color-fill-2);
507
520
  border: 1px dashed var(--color-neutral-3);
508
521
  cursor: not-allowed;
509
522
  }
523
+
510
524
  .sd-btn-dashed.sd-btn-status-warning {
511
525
  color: rgb(var(--warning-6));
512
526
  background-color: var(--color-warning-light-1);
@@ -535,6 +549,7 @@
535
549
  background-color: var(--color-warning-light-1);
536
550
  border: 1px dashed var(--color-warning-light-2);
537
551
  }
552
+
538
553
  .sd-btn-dashed.sd-btn-status-danger {
539
554
  color: rgb(var(--danger-6));
540
555
  background-color: var(--color-danger-light-1);
@@ -563,6 +578,7 @@
563
578
  background-color: var(--color-danger-light-1);
564
579
  border: 1px dashed var(--color-danger-light-2);
565
580
  }
581
+
566
582
  .sd-btn-dashed.sd-btn-status-success {
567
583
  color: rgb(var(--success-6));
568
584
  background-color: var(--color-success-light-1);
@@ -591,47 +607,49 @@
591
607
  background-color: var(--color-success-light-1);
592
608
  border: 1px dashed var(--color-success-light-2);
593
609
  }
610
+
594
611
  .sd-btn-text,
595
- .sd-btn-text[type='button'],
596
- .sd-btn-text[type='submit'] {
612
+ .sd-btn-text[type=button],
613
+ .sd-btn-text[type=submit] {
597
614
  color: rgb(var(--primary-6));
598
615
  background-color: transparent;
599
616
  border: 1px solid transparent;
600
617
  }
601
618
  .sd-btn-text:hover,
602
- .sd-btn-text[type='button']:hover,
603
- .sd-btn-text[type='submit']:hover {
619
+ .sd-btn-text[type=button]:hover,
620
+ .sd-btn-text[type=submit]:hover {
604
621
  color: rgb(var(--primary-6));
605
622
  background-color: var(--color-fill-2);
606
623
  border-color: transparent;
607
624
  }
608
625
  .sd-btn-text:focus-visible,
609
- .sd-btn-text[type='button']:focus-visible,
610
- .sd-btn-text[type='submit']:focus-visible {
626
+ .sd-btn-text[type=button]:focus-visible,
627
+ .sd-btn-text[type=submit]:focus-visible {
611
628
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
612
629
  }
613
630
  .sd-btn-text:active,
614
- .sd-btn-text[type='button']:active,
615
- .sd-btn-text[type='submit']:active {
631
+ .sd-btn-text[type=button]:active,
632
+ .sd-btn-text[type=submit]:active {
616
633
  color: rgb(var(--primary-6));
617
634
  background-color: var(--color-fill-3);
618
635
  border-color: transparent;
619
636
  }
620
637
  .sd-btn-text.sd-btn-loading,
621
- .sd-btn-text[type='button'].sd-btn-loading,
622
- .sd-btn-text[type='submit'].sd-btn-loading {
638
+ .sd-btn-text[type=button].sd-btn-loading,
639
+ .sd-btn-text[type=submit].sd-btn-loading {
623
640
  color: rgb(var(--primary-6));
624
641
  background-color: transparent;
625
642
  border: 1px solid transparent;
626
643
  }
627
644
  .sd-btn-text.sd-btn-disabled,
628
- .sd-btn-text[type='button'].sd-btn-disabled,
629
- .sd-btn-text[type='submit'].sd-btn-disabled {
645
+ .sd-btn-text[type=button].sd-btn-disabled,
646
+ .sd-btn-text[type=submit].sd-btn-disabled {
630
647
  color: var(--color-primary-light-3);
631
648
  background-color: transparent;
632
649
  border: 1px solid transparent;
633
650
  cursor: not-allowed;
634
651
  }
652
+
635
653
  .sd-btn-text.sd-btn-status-warning {
636
654
  color: rgb(var(--warning-6));
637
655
  background-color: transparent;
@@ -660,6 +678,7 @@
660
678
  background-color: transparent;
661
679
  border: 1px solid transparent;
662
680
  }
681
+
663
682
  .sd-btn-text.sd-btn-status-danger {
664
683
  color: rgb(var(--danger-6));
665
684
  background-color: transparent;
@@ -688,6 +707,7 @@
688
707
  background-color: transparent;
689
708
  border: 1px solid transparent;
690
709
  }
710
+
691
711
  .sd-btn-text.sd-btn-status-success {
692
712
  color: rgb(var(--success-6));
693
713
  background-color: transparent;
@@ -716,6 +736,7 @@
716
736
  background-color: transparent;
717
737
  border: 1px solid transparent;
718
738
  }
739
+
719
740
  .sd-btn-size-mini {
720
741
  height: 24px;
721
742
  padding: 0 11px;
@@ -728,15 +749,18 @@
728
749
  .sd-btn-size-mini svg {
729
750
  vertical-align: -1px;
730
751
  }
752
+
731
753
  .sd-btn-size-mini.sd-btn-loading-fixed-width.sd-btn-loading {
732
754
  padding-right: 3px;
733
755
  padding-left: 3px;
734
756
  }
757
+
735
758
  .sd-btn-size-mini.sd-btn-only-icon {
736
759
  width: 24px;
737
760
  height: 24px;
738
761
  padding: 0;
739
762
  }
763
+
740
764
  .sd-btn-size-mini.sd-btn-shape-circle {
741
765
  width: 24px;
742
766
  height: 24px;
@@ -744,9 +768,11 @@
744
768
  text-align: center;
745
769
  border-radius: var(--border-radius-circle);
746
770
  }
771
+
747
772
  .sd-btn-size-mini.sd-btn-shape-round {
748
- border-radius: calc(24px * 0.5);
773
+ border-radius: 12px;
749
774
  }
775
+
750
776
  .sd-btn-size-small {
751
777
  height: 28px;
752
778
  padding: 0 15px;
@@ -759,15 +785,18 @@
759
785
  .sd-btn-size-small svg {
760
786
  vertical-align: -2px;
761
787
  }
788
+
762
789
  .sd-btn-size-small.sd-btn-loading-fixed-width.sd-btn-loading {
763
790
  padding-right: 5px;
764
791
  padding-left: 5px;
765
792
  }
793
+
766
794
  .sd-btn-size-small.sd-btn-only-icon {
767
795
  width: 28px;
768
796
  height: 28px;
769
797
  padding: 0;
770
798
  }
799
+
771
800
  .sd-btn-size-small.sd-btn-shape-circle {
772
801
  width: 28px;
773
802
  height: 28px;
@@ -775,9 +804,11 @@
775
804
  text-align: center;
776
805
  border-radius: var(--border-radius-circle);
777
806
  }
807
+
778
808
  .sd-btn-size-small.sd-btn-shape-round {
779
- border-radius: calc(28px * 0.5);
809
+ border-radius: 14px;
780
810
  }
811
+
781
812
  .sd-btn-size-medium {
782
813
  height: 32px;
783
814
  padding: 0 15px;
@@ -790,15 +821,18 @@
790
821
  .sd-btn-size-medium svg {
791
822
  vertical-align: -2px;
792
823
  }
824
+
793
825
  .sd-btn-size-medium.sd-btn-loading-fixed-width.sd-btn-loading {
794
826
  padding-right: 4px;
795
827
  padding-left: 4px;
796
828
  }
829
+
797
830
  .sd-btn-size-medium.sd-btn-only-icon {
798
831
  width: 32px;
799
832
  height: 32px;
800
833
  padding: 0;
801
834
  }
835
+
802
836
  .sd-btn-size-medium.sd-btn-shape-circle {
803
837
  width: 32px;
804
838
  height: 32px;
@@ -806,9 +840,11 @@
806
840
  text-align: center;
807
841
  border-radius: var(--border-radius-circle);
808
842
  }
843
+
809
844
  .sd-btn-size-medium.sd-btn-shape-round {
810
- border-radius: calc(32px * 0.5);
845
+ border-radius: 16px;
811
846
  }
847
+
812
848
  .sd-btn-size-large {
813
849
  height: 36px;
814
850
  padding: 0 19px;
@@ -821,15 +857,18 @@
821
857
  .sd-btn-size-large svg {
822
858
  vertical-align: -2px;
823
859
  }
860
+
824
861
  .sd-btn-size-large.sd-btn-loading-fixed-width.sd-btn-loading {
825
862
  padding-right: 8px;
826
863
  padding-left: 8px;
827
864
  }
865
+
828
866
  .sd-btn-size-large.sd-btn-only-icon {
829
867
  width: 36px;
830
868
  height: 36px;
831
869
  padding: 0;
832
870
  }
871
+
833
872
  .sd-btn-size-large.sd-btn-shape-circle {
834
873
  width: 36px;
835
874
  height: 36px;
@@ -837,9 +876,11 @@
837
876
  text-align: center;
838
877
  border-radius: var(--border-radius-circle);
839
878
  }
879
+
840
880
  .sd-btn-size-large.sd-btn-shape-round {
841
- border-radius: calc(36px * 0.5);
881
+ border-radius: 18px;
842
882
  }
883
+
843
884
  .sd-btn-group {
844
885
  display: inline-flex;
845
886
  align-items: center;
@@ -863,9 +904,8 @@
863
904
  .sd-btn-group .sd-btn-status-success:not(:last-child) {
864
905
  border-right: 1px solid rgb(var(--success-5));
865
906
  }
866
- .sd-btn-group .sd-btn-outline:hover,
907
+ .sd-btn-group .sd-btn-outline:hover, .sd-btn-group .sd-btn-outline:active,
867
908
  .sd-btn-group .sd-btn-dashed:hover,
868
- .sd-btn-group .sd-btn-outline:active,
869
909
  .sd-btn-group .sd-btn-dashed:active {
870
910
  z-index: 2;
871
911
  }
@@ -880,6 +920,7 @@
880
920
  .sd-btn-group .sd-btn:not(:first-child):not(:last-child) {
881
921
  border-radius: 0;
882
922
  }
883
- body[sd-theme='dark'] .sd-btn-primary.sd-btn-disabled {
923
+
924
+ :where(body, [sd-theme])[sd-theme=dark] .sd-btn-primary.sd-btn-disabled {
884
925
  color: rgba(255, 255, 255, 0.3);
885
- }
926
+ }
package/es/button/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/button/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";