@sdata/web-vue 1.6.0 → 1.7.1

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 (657) hide show
  1. package/README.md +5 -6
  2. package/dist/sd.css +13868 -13693
  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/_hooks/use-component-ref.d.ts +1 -1
  23. package/es/_hooks/use-teleport-container.d.ts +2 -2
  24. package/es/_hooks/use-teleport-container.js +7 -4
  25. package/es/affix/style/index.css +1 -1
  26. package/es/affix/style/index.d.ts +2 -2
  27. package/es/affix/style/index.js +2 -2
  28. package/es/affix/style/index.scss +9 -0
  29. package/es/alert/style/index.css +1 -1
  30. package/es/alert/style/index.d.ts +2 -2
  31. package/es/alert/style/index.js +2 -2
  32. package/es/alert/style/index.scss +199 -0
  33. package/es/alert/style/token.scss +82 -0
  34. package/es/anchor/style/index.css +2 -2
  35. package/es/anchor/style/index.d.ts +2 -2
  36. package/es/anchor/style/index.js +2 -2
  37. package/es/anchor/style/index.scss +103 -0
  38. package/es/anchor/style/token.scss +36 -0
  39. package/es/auto-complete/style/index.css +3 -1
  40. package/es/auto-complete/style/index.d.ts +2 -2
  41. package/es/auto-complete/style/index.js +2 -2
  42. package/es/auto-complete/style/index.scss +78 -0
  43. package/es/auto-complete/style/token.scss +64 -0
  44. package/es/avatar/style/index.css +2 -2
  45. package/es/avatar/style/index.d.ts +2 -2
  46. package/es/avatar/style/index.js +2 -2
  47. package/es/avatar/style/index.scss +161 -0
  48. package/es/avatar/style/token.scss +57 -0
  49. package/es/back-top/style/index.css +1 -1
  50. package/es/back-top/style/index.d.ts +2 -2
  51. package/es/back-top/style/index.js +2 -2
  52. package/es/back-top/style/index.scss +34 -0
  53. package/es/back-top/style/token.scss +25 -0
  54. package/es/badge/style/index.css +9 -14
  55. package/es/badge/style/index.d.ts +2 -2
  56. package/es/badge/style/index.js +2 -2
  57. package/es/badge/style/index.scss +230 -0
  58. package/es/badge/style/token.scss +64 -0
  59. package/es/breadcrumb/style/index.css +1 -1
  60. package/es/breadcrumb/style/index.d.ts +2 -2
  61. package/es/breadcrumb/style/index.js +2 -2
  62. package/es/breadcrumb/style/index.scss +78 -0
  63. package/es/breadcrumb/style/token.scss +43 -0
  64. package/es/button/style/index.css +110 -69
  65. package/es/button/style/index.d.ts +2 -2
  66. package/es/button/style/index.js +2 -2
  67. package/es/button/style/index.scss +600 -0
  68. package/es/button/style/token.scss +469 -0
  69. package/es/calendar/style/index.css +8 -10
  70. package/es/calendar/style/index.d.ts +2 -2
  71. package/es/calendar/style/index.js +2 -2
  72. package/es/calendar/style/{index.less → index.scss} +77 -74
  73. package/es/calendar/style/token.scss +65 -0
  74. package/es/card/style/index.css +9 -8
  75. package/es/card/style/index.d.ts +2 -2
  76. package/es/card/style/index.js +2 -2
  77. package/es/card/style/index.scss +270 -0
  78. package/es/card/style/token.scss +75 -0
  79. package/es/carousel/style/index.css +19 -24
  80. package/es/carousel/style/index.d.ts +2 -2
  81. package/es/carousel/style/index.js +2 -2
  82. package/es/carousel/style/index.scss +412 -0
  83. package/es/carousel/style/{slide.less → slide.scss} +19 -16
  84. package/es/carousel/style/token.scss +44 -0
  85. package/es/cascader/style/index.css +38 -56
  86. package/es/cascader/style/index.d.ts +2 -2
  87. package/es/cascader/style/index.js +2 -2
  88. package/es/cascader/style/index.scss +242 -0
  89. package/es/cascader/style/token.scss +51 -0
  90. package/es/checkbox/style/index.css +13 -15
  91. package/es/checkbox/style/index.d.ts +2 -2
  92. package/es/checkbox/style/index.js +2 -2
  93. package/es/checkbox/style/index.scss +186 -0
  94. package/es/checkbox/style/token.scss +70 -0
  95. package/es/collapse/style/index.css +6 -2
  96. package/es/collapse/style/index.d.ts +2 -2
  97. package/es/collapse/style/index.js +2 -2
  98. package/es/collapse/style/index.scss +183 -0
  99. package/es/collapse/style/token.scss +67 -0
  100. package/es/color-picker/style/index.css +7 -4
  101. package/es/color-picker/style/index.d.ts +2 -2
  102. package/es/color-picker/style/index.js +2 -2
  103. package/es/color-picker/style/index.scss +411 -0
  104. package/es/color-picker/style/token.scss +102 -0
  105. package/es/comment/style/index.css +2 -3
  106. package/es/comment/style/index.d.ts +2 -2
  107. package/es/comment/style/index.js +2 -2
  108. package/es/comment/style/index.scss +69 -0
  109. package/es/comment/style/token.scss +35 -0
  110. package/es/config-provider/config-provider.js +14 -2
  111. package/es/config-provider/config-provider.vue.d.ts +62 -2
  112. package/es/config-provider/config-provider.vue_vue_type_script_lang.js +17 -4
  113. package/es/config-provider/context.d.ts +4 -1
  114. package/es/config-provider/context.js +2 -1
  115. package/es/config-provider/index.d.ts +116 -4
  116. package/es/config-provider/style/css.js +1 -0
  117. package/es/{style/mixins → config-provider/style}/index.css +12 -0
  118. package/es/config-provider/style/index.d.ts +1 -1
  119. package/es/config-provider/style/index.js +1 -0
  120. package/es/config-provider/style/index.scss +17 -0
  121. package/es/config-provider/theme-provider.js +5 -0
  122. package/es/config-provider/theme-provider.vue.d.ts +26 -0
  123. package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js +148 -0
  124. package/es/config-provider/theme.d.ts +27 -0
  125. package/es/config-provider/theme.js +90 -0
  126. package/es/date-picker/style/date.scss +133 -0
  127. package/es/date-picker/style/index.css +206 -46
  128. package/es/date-picker/style/index.d.ts +3 -3
  129. package/es/date-picker/style/index.js +3 -3
  130. package/es/date-picker/style/index.scss +318 -0
  131. package/es/date-picker/style/month.scss +34 -0
  132. package/es/date-picker/style/quarter.scss +12 -0
  133. package/es/date-picker/style/range.scss +12 -0
  134. package/es/date-picker/style/shortcuts.scss +29 -0
  135. package/es/date-picker/style/token.scss +86 -0
  136. package/es/date-picker/style/week.scss +72 -0
  137. package/es/date-picker/style/year.scss +12 -0
  138. package/es/descriptions/style/index.css +13 -27
  139. package/es/descriptions/style/index.d.ts +2 -2
  140. package/es/descriptions/style/index.js +2 -2
  141. package/es/descriptions/style/index.scss +217 -0
  142. package/es/descriptions/style/token.scss +83 -0
  143. package/es/divider/style/index.css +1 -1
  144. package/es/divider/style/index.d.ts +2 -2
  145. package/es/divider/style/index.js +2 -2
  146. package/es/divider/style/index.scss +58 -0
  147. package/es/divider/style/token.scss +31 -0
  148. package/es/drawer/drawer.vue.d.ts +1 -1
  149. package/es/drawer/index.d.ts +3 -3
  150. package/es/drawer/style/index.css +35 -1
  151. package/es/drawer/style/index.d.ts +2 -2
  152. package/es/drawer/style/index.js +2 -2
  153. package/es/drawer/style/{index.less → index.scss} +40 -37
  154. package/es/drawer/style/token.scss +31 -0
  155. package/es/dropdown/style/index.css +2 -3
  156. package/es/dropdown/style/index.d.ts +2 -2
  157. package/es/dropdown/style/index.js +2 -2
  158. package/es/dropdown/style/index.scss +109 -0
  159. package/es/dropdown/style/token.scss +45 -0
  160. package/es/ellipsis/style/index.css +1 -1
  161. package/es/ellipsis/style/index.d.ts +2 -2
  162. package/es/ellipsis/style/index.js +2 -2
  163. package/es/ellipsis/style/{index.less → index.scss} +5 -4
  164. package/es/ellipsis/style/token.scss +5 -0
  165. package/es/empty/style/index.css +1 -1
  166. package/es/empty/style/index.d.ts +2 -2
  167. package/es/empty/style/index.js +2 -2
  168. package/es/empty/style/index.scss +28 -0
  169. package/es/empty/style/token.scss +21 -0
  170. package/es/form/style/index.css +36 -21
  171. package/es/form/style/index.d.ts +2 -2
  172. package/es/form/style/index.js +2 -2
  173. package/es/form/style/index.scss +257 -0
  174. package/es/form/style/status.scss +210 -0
  175. package/es/form/style/token.scss +139 -0
  176. package/es/grid/style/col.scss +112 -0
  177. package/es/grid/style/grid.scss +8 -0
  178. package/es/grid/style/index.css +291 -526
  179. package/es/grid/style/index.d.ts +2 -2
  180. package/es/grid/style/index.js +2 -2
  181. package/es/grid/style/index.scss +3 -0
  182. package/es/grid/style/{row.less → row.scss} +4 -3
  183. package/es/image/style/image.scss +161 -0
  184. package/es/image/style/index.css +15 -14
  185. package/es/image/style/index.d.ts +2 -2
  186. package/es/image/style/index.js +2 -2
  187. package/es/image/style/index.scss +5 -0
  188. package/es/image/style/preview.scss +231 -0
  189. package/es/image/style/token.scss +139 -0
  190. package/es/image/style/trigger.scss +17 -0
  191. package/es/index.css +13868 -13693
  192. package/es/index.d.ts +2 -0
  193. package/es/index.js +2 -1
  194. package/es/index.scss +78 -0
  195. package/es/input/style/group.scss +66 -0
  196. package/es/input/style/index.css +140 -37
  197. package/es/input/style/index.d.ts +2 -2
  198. package/es/input/style/index.js +2 -2
  199. package/es/input/style/index.scss +114 -0
  200. package/es/input/style/input.scss +258 -0
  201. package/es/input/style/password.scss +15 -0
  202. package/es/input/style/search.scss +22 -0
  203. package/es/input/style/size.scss +166 -0
  204. package/es/input/style/textarea.scss +42 -0
  205. package/es/input/style/token.scss +139 -0
  206. package/es/input-number/style/index.css +9 -14
  207. package/es/input-number/style/index.d.ts +2 -2
  208. package/es/input-number/style/index.js +2 -2
  209. package/es/input-number/style/index.scss +167 -0
  210. package/es/input-number/style/token.scss +53 -0
  211. package/es/input-tag/style/index.css +132 -177
  212. package/es/input-tag/style/index.d.ts +2 -2
  213. package/es/input-tag/style/index.js +2 -2
  214. package/es/input-tag/style/index.scss +42 -0
  215. package/es/input-tag/style/input-tag.scss +306 -0
  216. package/es/input-tag/style/token.scss +97 -0
  217. package/es/layout/index.d.ts +1 -1
  218. package/es/layout/sider.vue.d.ts +1 -1
  219. package/es/layout/style/index.css +2 -1
  220. package/es/layout/style/index.d.ts +2 -2
  221. package/es/layout/style/index.js +2 -2
  222. package/es/layout/style/{index.less → index.scss} +19 -17
  223. package/es/layout/style/token.scss +21 -0
  224. package/es/link/style/index.css +2 -3
  225. package/es/link/style/index.d.ts +2 -2
  226. package/es/link/style/index.js +2 -2
  227. package/es/link/style/index.scss +123 -0
  228. package/es/link/style/token.scss +77 -0
  229. package/es/list/style/index.css +3 -4
  230. package/es/list/style/index.d.ts +2 -2
  231. package/es/list/style/index.js +2 -2
  232. package/es/list/style/index.scss +228 -0
  233. package/es/list/style/token.scss +61 -0
  234. package/es/mention/style/index.css +1 -1
  235. package/es/mention/style/index.d.ts +2 -2
  236. package/es/mention/style/index.js +2 -2
  237. package/es/mention/style/{index.less → index.scss} +5 -3
  238. package/es/mention/style/token.scss +14 -0
  239. package/es/menu/base-menu.vue.d.ts +1 -1
  240. package/es/menu/menu.d.ts +1 -1
  241. package/es/menu/style/index.css +48 -48
  242. package/es/menu/style/index.d.ts +2 -2
  243. package/es/menu/style/index.js +2 -2
  244. package/es/menu/style/index.scss +726 -0
  245. package/es/menu/style/token.scss +145 -0
  246. package/es/menu/sub-menu-pop.vue.d.ts +1 -1
  247. package/es/message/style/index.css +10 -1
  248. package/es/message/style/index.d.ts +2 -2
  249. package/es/message/style/index.js +2 -2
  250. package/es/message/style/index.scss +196 -0
  251. package/es/message/style/token.scss +89 -0
  252. package/es/modal/index.d.ts +3 -3
  253. package/es/modal/modal.vue.d.ts +1 -1
  254. package/es/modal/style/index.css +19 -2
  255. package/es/modal/style/index.d.ts +2 -2
  256. package/es/modal/style/index.js +2 -2
  257. package/es/modal/style/index.scss +276 -0
  258. package/es/modal/style/token.scss +57 -0
  259. package/es/notification/style/index.css +14 -1
  260. package/es/notification/style/index.d.ts +2 -2
  261. package/es/notification/style/index.js +2 -2
  262. package/es/notification/style/index.scss +249 -0
  263. package/es/notification/style/token.scss +133 -0
  264. package/es/overflow-list/style/index.css +1 -1
  265. package/es/overflow-list/style/index.d.ts +2 -2
  266. package/es/overflow-list/style/index.js +2 -2
  267. package/es/overflow-list/style/{index.less → index.scss} +4 -3
  268. package/es/page-header/style/index.css +1 -1
  269. package/es/page-header/style/index.d.ts +2 -2
  270. package/es/page-header/style/index.js +2 -2
  271. package/es/page-header/style/index.scss +128 -0
  272. package/es/page-header/style/token.scss +63 -0
  273. package/es/pagination/style/index.css +22 -34
  274. package/es/pagination/style/index.d.ts +2 -2
  275. package/es/pagination/style/index.js +2 -2
  276. package/es/pagination/style/index.scss +371 -0
  277. package/es/pagination/style/token.scss +97 -0
  278. package/es/popconfirm/style/index.css +1 -1
  279. package/es/popconfirm/style/index.d.ts +2 -2
  280. package/es/popconfirm/style/index.js +2 -2
  281. package/es/popconfirm/style/index.scss +73 -0
  282. package/es/popconfirm/style/token.scss +26 -0
  283. package/es/popover/style/index.css +1 -1
  284. package/es/popover/style/index.d.ts +2 -2
  285. package/es/popover/style/index.js +2 -2
  286. package/es/popover/style/index.scss +41 -0
  287. package/es/popover/style/token.scss +33 -0
  288. package/es/progress/style/index.css +8 -10
  289. package/es/progress/style/index.d.ts +2 -2
  290. package/es/progress/style/index.js +2 -2
  291. package/es/progress/style/index.scss +380 -0
  292. package/es/progress/style/token.scss +119 -0
  293. package/es/radio/style/index.css +21 -18
  294. package/es/radio/style/index.d.ts +2 -2
  295. package/es/radio/style/index.js +2 -2
  296. package/es/radio/style/index.scss +271 -0
  297. package/es/radio/style/token.scss +108 -0
  298. package/es/rate/style/index.css +5 -7
  299. package/es/rate/style/index.d.ts +2 -2
  300. package/es/rate/style/index.js +2 -2
  301. package/es/rate/style/{index.less → index.scss} +18 -15
  302. package/es/rate/style/token.scss +24 -0
  303. package/es/resize-box/style/index.css +3 -5
  304. package/es/resize-box/style/index.d.ts +2 -2
  305. package/es/resize-box/style/index.js +2 -2
  306. package/es/resize-box/style/{index.less → index.scss} +11 -9
  307. package/es/resize-box/style/token.scss +14 -0
  308. package/es/result/style/index.css +3 -7
  309. package/es/result/style/index.d.ts +2 -2
  310. package/es/result/style/index.js +2 -2
  311. package/es/result/style/index.scss +130 -0
  312. package/es/result/style/token.scss +65 -0
  313. package/es/scrollbar/style/index.css +6 -5
  314. package/es/scrollbar/style/index.d.ts +2 -2
  315. package/es/scrollbar/style/index.js +2 -2
  316. package/es/scrollbar/style/index.scss +133 -0
  317. package/es/scrollbar/style/token.scss +25 -0
  318. package/es/sd-vue.js +2 -0
  319. package/es/select/select-dropdown.vue.d.ts +1 -1
  320. package/es/select/style/index.css +2 -3
  321. package/es/select/style/index.d.ts +2 -2
  322. package/es/select/style/index.js +2 -2
  323. package/es/select/style/index.scss +135 -0
  324. package/es/select/style/token.scss +67 -0
  325. package/es/skeleton/style/index.css +2 -1
  326. package/es/skeleton/style/index.d.ts +2 -2
  327. package/es/skeleton/style/index.js +2 -2
  328. package/es/skeleton/style/index.scss +68 -0
  329. package/es/skeleton/style/token.scss +27 -0
  330. package/es/slider/style/index.css +5 -6
  331. package/es/slider/style/index.d.ts +2 -2
  332. package/es/slider/style/index.js +2 -2
  333. package/es/slider/style/index.scss +282 -0
  334. package/es/slider/style/token.scss +60 -0
  335. package/es/space/style/index.css +1 -1
  336. package/es/space/style/index.d.ts +2 -2
  337. package/es/space/style/index.js +2 -2
  338. package/es/space/style/{index.less → index.scss} +6 -5
  339. package/es/spin/style/dot-loading.scss +64 -0
  340. package/es/spin/style/index.css +66 -67
  341. package/es/spin/style/index.d.ts +2 -2
  342. package/es/spin/style/index.js +2 -2
  343. package/es/spin/style/index.scss +55 -0
  344. package/es/spin/style/token.scss +32 -0
  345. package/es/split/style/index.css +2 -1
  346. package/es/split/style/index.d.ts +2 -2
  347. package/es/split/style/index.js +2 -2
  348. package/es/split/style/index.scss +56 -0
  349. package/es/split/style/token.scss +21 -0
  350. package/es/statistic/style/index.css +1 -1
  351. package/es/statistic/style/index.d.ts +2 -2
  352. package/es/statistic/style/index.js +2 -2
  353. package/es/statistic/style/index.scss +49 -0
  354. package/es/statistic/style/token.scss +33 -0
  355. package/es/steps/style/arrow.scss +207 -0
  356. package/es/steps/style/circle.scss +268 -0
  357. package/es/steps/style/dot.scss +206 -0
  358. package/es/steps/style/index.css +16 -9
  359. package/es/steps/style/index.d.ts +2 -2
  360. package/es/steps/style/index.js +2 -2
  361. package/es/steps/style/index.scss +77 -0
  362. package/es/steps/style/navigation.scss +61 -0
  363. package/es/steps/style/token.scss +207 -0
  364. package/es/style/animation/{fade.less → fade.scss} +5 -5
  365. package/es/style/animation/index.scss +3 -0
  366. package/es/style/animation/{slide.less → slide.scss} +13 -13
  367. package/es/style/animation/{zoom.less → zoom.scss} +25 -25
  368. package/es/style/base.scss +18 -0
  369. package/es/style/color/colors.scss +405 -0
  370. package/es/style/color/css-variables.scss +405 -0
  371. package/es/style/icon.scss +89 -0
  372. package/es/style/index.scss +11 -0
  373. package/es/style/mixins/icon-hover.scss +14 -0
  374. package/es/style/mixins/index.scss +15 -0
  375. package/es/style/normalize.scss +227 -0
  376. package/es/style/theme/_functions.scss +15 -0
  377. package/es/style/theme/_legacy-token-aliases.scss +23 -0
  378. package/es/style/theme/_mixins.scss +9 -0
  379. package/es/style/theme/_tokens.scss +18 -0
  380. package/es/style/theme/component.scss +21 -0
  381. package/es/style/theme/css-variables.scss +146 -0
  382. package/es/style/theme/global.scss +390 -0
  383. package/es/style/theme/index.scss +66 -0
  384. package/es/style/theme/legacy-less-var.scss +15 -0
  385. package/es/style/theme.scss +1 -0
  386. package/es/switch/style/index.css +12 -4
  387. package/es/switch/style/index.d.ts +2 -2
  388. package/es/switch/style/index.js +2 -2
  389. package/es/switch/style/index.scss +327 -0
  390. package/es/switch/style/token.scss +68 -0
  391. package/es/table/style/{filters-popup.less → filters-popup.scss} +13 -9
  392. package/es/table/style/index.css +46 -56
  393. package/es/table/style/index.d.ts +2 -2
  394. package/es/table/style/index.js +2 -2
  395. package/es/table/style/index.scss +973 -0
  396. package/es/table/style/token.scss +142 -0
  397. package/es/tabs/style/index.css +125 -76
  398. package/es/tabs/style/index.d.ts +2 -2
  399. package/es/tabs/style/index.js +2 -2
  400. package/es/tabs/style/index.scss +843 -0
  401. package/es/tabs/style/rtl.scss +107 -0
  402. package/es/tabs/style/token.scss +241 -0
  403. package/es/tabs/style/vertical.scss +160 -0
  404. package/es/tag/style/index.css +117 -170
  405. package/es/tag/style/index.d.ts +2 -2
  406. package/es/tag/style/index.js +2 -2
  407. package/es/tag/style/index.scss +324 -0
  408. package/es/tag/style/token.scss +181 -0
  409. package/es/textarea/style/index.css +25 -19
  410. package/es/textarea/style/index.d.ts +2 -2
  411. package/es/textarea/style/index.js +2 -2
  412. package/es/textarea/style/index.scss +66 -0
  413. package/es/theme-provider/index.d.ts +53 -0
  414. package/es/theme-provider/index.js +10 -0
  415. package/es/time-picker/style/index.css +2 -2
  416. package/es/time-picker/style/index.d.ts +3 -3
  417. package/es/time-picker/style/index.js +3 -3
  418. package/es/time-picker/style/index.scss +96 -0
  419. package/es/time-picker/style/token.scss +33 -0
  420. package/es/timeline/style/horizontal.scss +92 -0
  421. package/es/timeline/style/index.css +39 -1
  422. package/es/timeline/style/index.d.ts +2 -2
  423. package/es/timeline/style/index.js +2 -2
  424. package/es/timeline/style/index.scss +275 -0
  425. package/es/timeline/style/token.scss +45 -0
  426. package/es/tooltip/style/index.css +1 -1
  427. package/es/tooltip/style/index.d.ts +2 -2
  428. package/es/tooltip/style/index.js +2 -2
  429. package/es/tooltip/style/index.scss +25 -0
  430. package/es/tooltip/style/token.scss +25 -0
  431. package/es/transfer/style/index.css +3 -2
  432. package/es/transfer/style/index.d.ts +2 -2
  433. package/es/transfer/style/index.js +2 -2
  434. package/es/transfer/style/index.scss +298 -0
  435. package/es/transfer/style/token.scss +91 -0
  436. package/es/tree/style/index.css +18 -18
  437. package/es/tree/style/index.d.ts +2 -2
  438. package/es/tree/style/index.js +2 -2
  439. package/es/tree/style/index.scss +433 -0
  440. package/es/tree/style/token.scss +99 -0
  441. package/es/tree-select/style/index.css +1 -1
  442. package/es/tree-select/style/index.d.ts +3 -3
  443. package/es/tree-select/style/index.js +3 -3
  444. package/es/tree-select/style/index.scss +53 -0
  445. package/es/tree-select/style/token.scss +16 -0
  446. package/es/trigger/style/index.css +6 -14
  447. package/es/trigger/style/index.d.ts +2 -2
  448. package/es/trigger/style/index.js +2 -2
  449. package/es/trigger/style/{index.less → index.scss} +13 -11
  450. package/es/trigger/style/token.scss +13 -0
  451. package/es/trigger/trigger.js +8 -4
  452. package/es/typography/style/index.css +19 -21
  453. package/es/typography/style/index.d.ts +2 -2
  454. package/es/typography/style/index.js +2 -2
  455. package/es/typography/style/index.scss +208 -0
  456. package/es/typography/style/token.scss +73 -0
  457. package/es/upload/style/index.css +28 -19
  458. package/es/upload/style/index.d.ts +2 -2
  459. package/es/upload/style/index.js +2 -2
  460. package/es/upload/style/index.scss +503 -0
  461. package/es/upload/style/token.scss +212 -0
  462. package/es/verification-code/style/index.css +2 -1
  463. package/es/verification-code/style/index.d.ts +2 -2
  464. package/es/verification-code/style/index.js +2 -2
  465. package/es/verification-code/style/index.scss +34 -0
  466. package/es/verification-code/style/token.scss +1 -0
  467. package/es/watermark/style/index.d.ts +1 -1
  468. package/es/watermark/style/index.js +1 -1
  469. package/json/vetur-attributes.json +6 -0
  470. package/json/vetur-tags.json +6 -1
  471. package/json/web-types.json +23 -1
  472. package/package.json +7 -8
  473. package/dist/sd.less +0 -2
  474. package/es/_components/auto-tooltip/style/index.less +0 -10
  475. package/es/_components/input-label/style/index.less +0 -7
  476. package/es/_components/input-label/style/input-label.less +0 -70
  477. package/es/_components/input-label/style/token.less +0 -0
  478. package/es/_components/picker/style/index.css +0 -186
  479. package/es/_components/picker/style/index.less +0 -190
  480. package/es/_components/picker/style/token.less +0 -51
  481. package/es/_components/select-view/style/index.less +0 -58
  482. package/es/_components/select-view/style/token.less +0 -5
  483. package/es/affix/style/index.less +0 -8
  484. package/es/alert/style/index.less +0 -197
  485. package/es/alert/style/token.less +0 -66
  486. package/es/anchor/style/index.less +0 -101
  487. package/es/anchor/style/token.less +0 -30
  488. package/es/auto-complete/style/index.less +0 -44
  489. package/es/auto-complete/style/token.less +0 -42
  490. package/es/avatar/style/index.less +0 -153
  491. package/es/avatar/style/token.less +0 -47
  492. package/es/back-top/style/index.less +0 -32
  493. package/es/back-top/style/token.less +0 -19
  494. package/es/badge/style/index.less +0 -178
  495. package/es/badge/style/token.less +0 -55
  496. package/es/breadcrumb/style/index.less +0 -76
  497. package/es/breadcrumb/style/token.less +0 -37
  498. package/es/button/style/index.less +0 -303
  499. package/es/button/style/token.less +0 -335
  500. package/es/calendar/style/token.less +0 -39
  501. package/es/card/style/index.less +0 -216
  502. package/es/card/style/token.less +0 -69
  503. package/es/carousel/style/index.less +0 -399
  504. package/es/carousel/style/token.less +0 -33
  505. package/es/cascader/style/index.less +0 -234
  506. package/es/cascader/style/token.less +0 -39
  507. package/es/checkbox/style/index.less +0 -178
  508. package/es/checkbox/style/token.less +0 -57
  509. package/es/collapse/style/index.less +0 -177
  510. package/es/collapse/style/token.less +0 -57
  511. package/es/color-picker/style/index.less +0 -310
  512. package/es/color-picker/style/token.less +0 -93
  513. package/es/comment/style/index.less +0 -66
  514. package/es/comment/style/token.less +0 -29
  515. package/es/date-picker/style/date.less +0 -128
  516. package/es/date-picker/style/index.less +0 -313
  517. package/es/date-picker/style/month.less +0 -30
  518. package/es/date-picker/style/quarter.less +0 -8
  519. package/es/date-picker/style/range.less +0 -9
  520. package/es/date-picker/style/shortcuts.less +0 -25
  521. package/es/date-picker/style/token.less +0 -56
  522. package/es/date-picker/style/week.less +0 -70
  523. package/es/date-picker/style/year.less +0 -8
  524. package/es/descriptions/style/index.less +0 -158
  525. package/es/descriptions/style/token.less +0 -75
  526. package/es/divider/style/index.less +0 -56
  527. package/es/divider/style/token.less +0 -25
  528. package/es/drawer/style/token.less +0 -25
  529. package/es/dropdown/style/index.less +0 -106
  530. package/es/dropdown/style/token.less +0 -40
  531. package/es/ellipsis/style/token.less +0 -5
  532. package/es/empty/style/index.less +0 -26
  533. package/es/empty/style/token.less +0 -15
  534. package/es/form/style/index.less +0 -256
  535. package/es/form/style/status.less +0 -157
  536. package/es/form/style/token.less +0 -121
  537. package/es/grid/style/col.less +0 -95
  538. package/es/grid/style/grid.less +0 -5
  539. package/es/grid/style/index.less +0 -3
  540. package/es/image/style/image.less +0 -157
  541. package/es/image/style/index.less +0 -5
  542. package/es/image/style/preview.less +0 -224
  543. package/es/image/style/token.less +0 -119
  544. package/es/image/style/trigger.less +0 -13
  545. package/es/index.less +0 -77
  546. package/es/input/style/group.less +0 -62
  547. package/es/input/style/index.less +0 -119
  548. package/es/input/style/input.less +0 -184
  549. package/es/input/style/password.less +0 -11
  550. package/es/input/style/search.less +0 -18
  551. package/es/input/style/size.less +0 -149
  552. package/es/input/style/textarea.less +0 -37
  553. package/es/input/style/token.less +0 -125
  554. package/es/input-number/style/index.less +0 -162
  555. package/es/input-number/style/token.less +0 -31
  556. package/es/input-tag/style/index.less +0 -40
  557. package/es/input-tag/style/input-tag.less +0 -129
  558. package/es/input-tag/style/token.less +0 -83
  559. package/es/layout/style/token.less +0 -13
  560. package/es/link/style/index.less +0 -120
  561. package/es/link/style/token.less +0 -59
  562. package/es/list/style/index.less +0 -181
  563. package/es/list/style/token.less +0 -55
  564. package/es/mention/style/token.less +0 -9
  565. package/es/menu/style/index.less +0 -618
  566. package/es/menu/style/token.less +0 -117
  567. package/es/message/style/index.less +0 -190
  568. package/es/message/style/token.less +0 -83
  569. package/es/modal/style/index.less +0 -269
  570. package/es/modal/style/token.less +0 -51
  571. package/es/notification/style/index.less +0 -245
  572. package/es/notification/style/token.less +0 -97
  573. package/es/page-header/style/index.less +0 -123
  574. package/es/page-header/style/token.less +0 -53
  575. package/es/pagination/style/index.less +0 -298
  576. package/es/pagination/style/token.less +0 -73
  577. package/es/popconfirm/style/index.less +0 -70
  578. package/es/popconfirm/style/token.less +0 -20
  579. package/es/popover/style/index.less +0 -38
  580. package/es/popover/style/token.less +0 -27
  581. package/es/progress/style/index.less +0 -379
  582. package/es/progress/style/token.less +0 -105
  583. package/es/radio/style/index.less +0 -266
  584. package/es/radio/style/token.less +0 -93
  585. package/es/rate/style/token.less +0 -18
  586. package/es/resize-box/style/token.less +0 -6
  587. package/es/result/style/index.less +0 -93
  588. package/es/result/style/token.less +0 -51
  589. package/es/scrollbar/style/index.less +0 -131
  590. package/es/scrollbar/style/token.less +0 -17
  591. package/es/select/style/index.less +0 -132
  592. package/es/select/style/token.less +0 -43
  593. package/es/skeleton/style/index.less +0 -65
  594. package/es/skeleton/style/token.less +0 -21
  595. package/es/slider/style/index.less +0 -277
  596. package/es/slider/style/token.less +0 -50
  597. package/es/spin/style/dot-loading.less +0 -63
  598. package/es/spin/style/index.less +0 -52
  599. package/es/spin/style/token.less +0 -27
  600. package/es/split/style/index.less +0 -53
  601. package/es/split/style/token.less +0 -10
  602. package/es/statistic/style/index.less +0 -47
  603. package/es/statistic/style/token.less +0 -27
  604. package/es/steps/style/arrow.less +0 -201
  605. package/es/steps/style/circle.less +0 -263
  606. package/es/steps/style/dot.less +0 -202
  607. package/es/steps/style/index.less +0 -74
  608. package/es/steps/style/navigation.less +0 -56
  609. package/es/steps/style/token.less +0 -143
  610. package/es/style/animation/index.css +0 -328
  611. package/es/style/animation/index.less +0 -3
  612. package/es/style/color/colors.less +0 -427
  613. package/es/style/color/css-variables.less +0 -389
  614. package/es/style/color/get-rgb-str.d.ts +0 -1
  615. package/es/style/color/get-rgb-str.js +0 -17
  616. package/es/style/icon.less +0 -86
  617. package/es/style/index.css +0 -1236
  618. package/es/style/index.less +0 -10
  619. package/es/style/mixins/icon-hover.less +0 -14
  620. package/es/style/mixins/index.less +0 -13
  621. package/es/style/normalize.less +0 -353
  622. package/es/style/theme/component.less +0 -21
  623. package/es/style/theme/css-variables.less +0 -126
  624. package/es/style/theme/global.less +0 -382
  625. package/es/style/theme/index.css +0 -17
  626. package/es/style/theme/index.less +0 -43
  627. package/es/switch/style/index.less +0 -322
  628. package/es/switch/style/token.less +0 -48
  629. package/es/table/style/index.less +0 -875
  630. package/es/table/style/token.less +0 -115
  631. package/es/tabs/style/index.less +0 -700
  632. package/es/tabs/style/rtl.less +0 -103
  633. package/es/tabs/style/token.less +0 -223
  634. package/es/tabs/style/vertical.less +0 -156
  635. package/es/tag/style/index.less +0 -170
  636. package/es/tag/style/token.less +0 -153
  637. package/es/textarea/style/index.less +0 -64
  638. package/es/time-picker/style/index.less +0 -93
  639. package/es/time-picker/style/token.less +0 -25
  640. package/es/timeline/style/horizontal.less +0 -87
  641. package/es/timeline/style/index.less +0 -271
  642. package/es/timeline/style/token.less +0 -39
  643. package/es/tooltip/style/index.less +0 -24
  644. package/es/tooltip/style/token.less +0 -19
  645. package/es/transfer/style/index.less +0 -294
  646. package/es/transfer/style/token.less +0 -79
  647. package/es/tree/style/index.less +0 -379
  648. package/es/tree/style/token.less +0 -89
  649. package/es/tree-select/style/index.less +0 -49
  650. package/es/tree-select/style/token.less +0 -9
  651. package/es/trigger/style/token.less +0 -7
  652. package/es/typography/style/index.less +0 -204
  653. package/es/typography/style/token.less +0 -55
  654. package/es/upload/style/index.less +0 -500
  655. package/es/upload/style/token.less +0 -181
  656. package/es/verification-code/style/index.less +0 -32
  657. 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";