@sdata/web-vue 1.10.0 → 1.11.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 (117) hide show
  1. package/dist/sd.css +148 -952
  2. package/dist/sd.min.css +1 -1
  3. package/es/_components/input-label/style/input-label.scss +11 -51
  4. package/es/_components/select-view/select-view.d.ts +1 -1
  5. package/es/_components/select-view/style/index.css +0 -84
  6. package/es/_components/virtual-list/interface.d.ts +10 -1
  7. package/es/{table/hooks/use-table-virtual-size.d.ts → _components/virtual-list/use-virtual-size.d.ts} +4 -2
  8. package/es/{table/hooks/use-table-virtual-size.js → _components/virtual-list/use-virtual-size.js} +17 -20
  9. package/es/_components/virtual-list/virtual-list.js +64 -2
  10. package/es/_components/virtual-list/virtual-list.vue.d.ts +208 -0
  11. package/es/_components/virtual-list/virtual-list.vue_vue_type_script_lang.js +277 -5
  12. package/es/_utils/clipboard.js +2 -1
  13. package/es/auto-complete/auto-complete.d.ts +1 -1
  14. package/es/auto-complete/index.d.ts +24 -15
  15. package/es/auto-complete/style/index.css +0 -16
  16. package/es/auto-complete/style/index.scss +11 -26
  17. package/es/badge/style/index.scss +11 -41
  18. package/es/button/style/index.css +35 -445
  19. package/es/button/style/index.scss +57 -332
  20. package/es/card/style/index.scss +18 -52
  21. package/es/carousel/index.d.ts +1 -0
  22. package/es/cascader/cascader-panel.vue.d.ts +1 -1
  23. package/es/cascader/cascader.vue.d.ts +3 -3
  24. package/es/cascader/index.d.ts +10 -10
  25. package/es/cascader/interface.d.ts +5 -0
  26. package/es/color-picker/style/index.scss +17 -99
  27. package/es/config-provider/config-provider.vue.d.ts +1 -1
  28. package/es/config-provider/index.d.ts +4 -3
  29. package/es/date-picker/index.d.ts +21 -14
  30. package/es/date-picker/panels/date/index.vue.d.ts +1 -1
  31. package/es/date-picker/panels/week/index.vue.d.ts +7 -7
  32. package/es/date-picker/picker.vue.d.ts +1 -1
  33. package/es/date-picker/range-picker.vue.d.ts +1 -1
  34. package/es/descriptions/descriptions.d.ts +1 -1
  35. package/es/descriptions/index.d.ts +4 -4
  36. package/es/descriptions/style/index.scss +18 -63
  37. package/es/form/style/index.css +12 -176
  38. package/es/form/style/status.scss +36 -73
  39. package/es/index.css +148 -952
  40. package/es/index.d.ts +21 -20
  41. package/es/input/style/input.scss +14 -66
  42. package/es/input-number/index.d.ts +5 -0
  43. package/es/input-tag/style/index.css +0 -84
  44. package/es/input-tag/style/input-tag.scss +16 -170
  45. package/es/list/style/index.scss +12 -42
  46. package/es/menu/index.d.ts +8 -0
  47. package/es/menu/style/index.css +0 -178
  48. package/es/menu/style/index.scss +36 -139
  49. package/es/pagination/index.d.ts +3 -3
  50. package/es/pagination/interface.d.ts +2 -1
  51. package/es/pagination/page-options.js +1 -1
  52. package/es/pagination/page-options.vue.d.ts +72 -71
  53. package/es/pagination/page-options.vue_vue_type_script_lang.js +6 -0
  54. package/es/pagination/pagination.d.ts +3 -3
  55. package/es/pagination/style/index.css +0 -12
  56. package/es/pagination/style/index.scss +19 -76
  57. package/es/radio/index.d.ts +3 -0
  58. package/es/result/style/index.css +0 -16
  59. package/es/result/style/index.scss +12 -34
  60. package/es/select/index.d.ts +9 -9
  61. package/es/select/interface.d.ts +2 -1
  62. package/es/select/select.d.ts +3 -3
  63. package/es/slider/index.d.ts +6 -3
  64. package/es/slider/slider.vue.d.ts +1 -1
  65. package/es/steps/index.d.ts +2 -0
  66. package/es/switch/index.d.ts +3 -0
  67. package/es/table/context.d.ts +1 -1
  68. package/es/table/hooks/use-column-resize.d.ts +2 -3
  69. package/es/table/hooks/use-column-resize.js +48 -21
  70. package/es/table/hooks/use-drag.d.ts +4 -2
  71. package/es/table/hooks/use-drag.js +16 -2
  72. package/es/table/index.d.ts +22 -34
  73. package/es/table/interface.d.ts +21 -2
  74. package/es/table/style/index.css +97 -21
  75. package/es/table/style/index.scss +137 -125
  76. package/es/table/table-operation-td.d.ts +2 -2
  77. package/es/table/table-operation-td.js +4 -5
  78. package/es/table/table-operation-th.js +4 -4
  79. package/es/table/table-tbody.js +1 -1
  80. package/es/table/table-td.js +5 -6
  81. package/es/table/table-th.js +25 -24
  82. package/es/table/table-thead.js +1 -1
  83. package/es/table/table-tr.js +1 -1
  84. package/es/table/table.d.ts +12 -16
  85. package/es/table/table.js +399 -190
  86. package/es/tabs/index.d.ts +1 -0
  87. package/es/tabs/style/index.scss +53 -135
  88. package/es/tag/index.d.ts +3 -3
  89. package/es/tag/style/index.css +0 -84
  90. package/es/tag/style/index.scss +19 -146
  91. package/es/tag/tag.vue.d.ts +1 -1
  92. package/es/theme-provider/index.d.ts +9 -9
  93. package/es/time-picker/index.d.ts +1 -0
  94. package/es/timeline/index.d.ts +1 -0
  95. package/es/transfer/index.d.ts +1 -0
  96. package/es/transfer/interface.d.ts +1 -1
  97. package/es/tree/hooks/use-tree-data.d.ts +17 -29
  98. package/es/tree/index.d.ts +6 -1
  99. package/es/tree/interface.d.ts +2 -0
  100. package/es/tree/tree.js +1 -1
  101. package/es/tree/tree.vue.d.ts +3561 -13
  102. package/es/tree/tree.vue_vue_type_script_lang.js +21 -9
  103. package/es/tree-select/hooks/use-selected-state.js +3 -1
  104. package/es/tree-select/index.d.ts +3 -0
  105. package/es/tree-select/tree-select.vue.d.ts +1367 -3
  106. package/json/vetur-attributes.json +1 -6
  107. package/json/vetur-tags.json +0 -1
  108. package/json/web-types.json +7 -11
  109. package/package.json +1 -1
  110. package/es/style/theme/legacy-less-var.scss +0 -15
  111. package/es/table/table-col-group.js +0 -21
  112. package/es/table/table-col-group.vue_vue_type_script_lang.js +0 -32
  113. package/es/table/table-legacy-virtual-list.js +0 -47
  114. package/es/table/table-legacy-virtual-list.vue.d.ts +0 -156
  115. package/es/table/table-legacy-virtual-list.vue_vue_type_script_lang.js +0 -148
  116. package/es/table/table-virtual-list-item.d.ts +0 -22
  117. package/es/table/table-virtual-list-item.js +0 -37
package/es/button/style/index.css CHANGED
@@ -99,25 +99,11 @@
99
99
  background-color: transparent;
100
100
  border: 1px solid rgb(var(--primary-6));
101
101
  }
102
- .sd-btn-outline:hover,
103
- .sd-btn-outline[type=button]:hover,
104
- .sd-btn-outline[type=submit]:hover {
105
- color: rgb(var(--primary-5));
106
- background-color: transparent;
107
- border-color: rgb(var(--primary-5));
108
- }
109
102
  .sd-btn-outline:focus-visible,
110
103
  .sd-btn-outline[type=button]:focus-visible,
111
104
  .sd-btn-outline[type=submit]:focus-visible {
112
105
  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
113
106
  }
114
- .sd-btn-outline:active,
115
- .sd-btn-outline[type=button]:active,
116
- .sd-btn-outline[type=submit]:active {
117
- color: rgb(var(--primary-7));
118
- background-color: transparent;
119
- border-color: rgb(var(--primary-7));
120
- }
121
107
  .sd-btn-outline.sd-btn-loading,
122
108
  .sd-btn-outline[type=button].sd-btn-loading,
123
109
  .sd-btn-outline[type=submit].sd-btn-loading {
@@ -128,97 +114,29 @@
128
114
  .sd-btn-outline.sd-btn-disabled,
129
115
  .sd-btn-outline[type=button].sd-btn-disabled,
130
116
  .sd-btn-outline[type=submit].sd-btn-disabled {
131
- color: var(--color-primary-light-3);
132
- background-color: transparent;
133
- border: 1px solid var(--color-primary-light-3);
117
+ border: 1px solid;
134
118
  cursor: not-allowed;
135
119
  }
136
120
 
137
- .sd-btn-outline.sd-btn-status-warning {
138
- color: rgb(var(--warning-6));
139
- background-color: transparent;
140
- border-color: rgb(var(--warning-6));
141
- }
142
- .sd-btn-outline.sd-btn-status-warning:hover {
143
- color: rgb(var(--warning-5));
144
- background-color: transparent;
145
- border-color: rgb(var(--warning-5));
146
- }
147
121
  .sd-btn-outline.sd-btn-status-warning:focus-visible {
148
- box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
149
- }
150
- .sd-btn-outline.sd-btn-status-warning:active {
151
- color: rgb(var(--warning-7));
152
- background-color: transparent;
153
- border-color: rgb(var(--warning-7));
154
- }
155
- .sd-btn-outline.sd-btn-status-warning.sd-btn-loading {
156
- color: rgb(var(--warning-6));
157
- background-color: transparent;
158
- border-color: rgb(var(--warning-6));
122
+ box-shadow: 0 0 0 0.25em;
159
123
  }
160
124
  .sd-btn-outline.sd-btn-status-warning.sd-btn-disabled {
161
- color: var(--color-warning-light-3);
162
- background-color: transparent;
163
- border: 1px solid var(--color-warning-light-3);
125
+ border: 1px solid;
164
126
  }
165
127
 
166
- .sd-btn-outline.sd-btn-status-danger {
167
- color: rgb(var(--danger-6));
168
- background-color: transparent;
169
- border-color: rgb(var(--danger-6));
170
- }
171
- .sd-btn-outline.sd-btn-status-danger:hover {
172
- color: rgb(var(--danger-5));
173
- background-color: transparent;
174
- border-color: rgb(var(--danger-5));
175
- }
176
128
  .sd-btn-outline.sd-btn-status-danger:focus-visible {
177
- box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
178
- }
179
- .sd-btn-outline.sd-btn-status-danger:active {
180
- color: rgb(var(--danger-7));
181
- background-color: transparent;
182
- border-color: rgb(var(--danger-7));
183
- }
184
- .sd-btn-outline.sd-btn-status-danger.sd-btn-loading {
185
- color: rgb(var(--danger-6));
186
- background-color: transparent;
187
- border-color: rgb(var(--danger-6));
129
+ box-shadow: 0 0 0 0.25em;
188
130
  }
189
131
  .sd-btn-outline.sd-btn-status-danger.sd-btn-disabled {
190
- color: var(--color-danger-light-3);
191
- background-color: transparent;
192
- border: 1px solid var(--color-danger-light-3);
132
+ border: 1px solid;
193
133
  }
194
134
 
195
- .sd-btn-outline.sd-btn-status-success {
196
- color: rgb(var(--success-6));
197
- background-color: transparent;
198
- border-color: rgb(var(--success-6));
199
- }
200
- .sd-btn-outline.sd-btn-status-success:hover {
201
- color: rgb(var(--success-5));
202
- background-color: transparent;
203
- border-color: rgb(var(--success-5));
204
- }
205
135
  .sd-btn-outline.sd-btn-status-success:focus-visible {
206
- box-shadow: 0 0 0 0.25em rgb(var(--success-3));
207
- }
208
- .sd-btn-outline.sd-btn-status-success:active {
209
- color: rgb(var(--success-7));
210
- background-color: transparent;
211
- border-color: rgb(var(--success-7));
212
- }
213
- .sd-btn-outline.sd-btn-status-success.sd-btn-loading {
214
- color: rgb(var(--success-6));
215
- background-color: transparent;
216
- border-color: rgb(var(--success-6));
136
+ box-shadow: 0 0 0 0.25em;
217
137
  }
218
138
  .sd-btn-outline.sd-btn-status-success.sd-btn-disabled {
219
- color: var(--color-success-light-3);
220
- background-color: transparent;
221
- border: 1px solid var(--color-success-light-3);
139
+ border: 1px solid;
222
140
  }
223
141
 
224
142
  .sd-btn-primary,
@@ -228,25 +146,11 @@
228
146
  background-color: rgb(var(--primary-6));
229
147
  border: 1px solid transparent;
230
148
  }
231
- .sd-btn-primary:hover,
232
- .sd-btn-primary[type=button]:hover,
233
- .sd-btn-primary[type=submit]:hover {
234
- color: #fff;
235
- background-color: rgb(var(--primary-5));
236
- border-color: transparent;
237
- }
238
149
  .sd-btn-primary:focus-visible,
239
150
  .sd-btn-primary[type=button]:focus-visible,
240
151
  .sd-btn-primary[type=submit]:focus-visible {
241
152
  box-shadow: 0 0 0 0.25em rgb(var(--primary-3));
242
153
  }
243
- .sd-btn-primary:active,
244
- .sd-btn-primary[type=button]:active,
245
- .sd-btn-primary[type=submit]:active {
246
- color: #fff;
247
- background-color: rgb(var(--primary-7));
248
- border-color: transparent;
249
- }
250
154
  .sd-btn-primary.sd-btn-loading,
251
155
  .sd-btn-primary[type=button].sd-btn-loading,
252
156
  .sd-btn-primary[type=submit].sd-btn-loading {
@@ -257,97 +161,29 @@
257
161
  .sd-btn-primary.sd-btn-disabled,
258
162
  .sd-btn-primary[type=button].sd-btn-disabled,
259
163
  .sd-btn-primary[type=submit].sd-btn-disabled {
260
- color: #fff;
261
- background-color: var(--color-primary-light-3);
262
- border: 1px solid transparent;
164
+ border: 1px solid;
263
165
  cursor: not-allowed;
264
166
  }
265
167
 
266
- .sd-btn-primary.sd-btn-status-warning {
267
- color: #fff;
268
- background-color: rgb(var(--warning-6));
269
- border-color: transparent;
270
- }
271
- .sd-btn-primary.sd-btn-status-warning:hover {
272
- color: #fff;
273
- background-color: rgb(var(--warning-5));
274
- border-color: transparent;
275
- }
276
168
  .sd-btn-primary.sd-btn-status-warning:focus-visible {
277
- box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
278
- }
279
- .sd-btn-primary.sd-btn-status-warning:active {
280
- color: #fff;
281
- background-color: rgb(var(--warning-7));
282
- border-color: transparent;
283
- }
284
- .sd-btn-primary.sd-btn-status-warning.sd-btn-loading {
285
- color: #fff;
286
- background-color: rgb(var(--warning-6));
287
- border-color: transparent;
169
+ box-shadow: 0 0 0 0.25em;
288
170
  }
289
171
  .sd-btn-primary.sd-btn-status-warning.sd-btn-disabled {
290
- color: #fff;
291
- background-color: var(--color-warning-light-3);
292
- border: 1px solid transparent;
172
+ border: 1px solid;
293
173
  }
294
174
 
295
- .sd-btn-primary.sd-btn-status-danger {
296
- color: #fff;
297
- background-color: rgb(var(--danger-6));
298
- border-color: transparent;
299
- }
300
- .sd-btn-primary.sd-btn-status-danger:hover {
301
- color: #fff;
302
- background-color: rgb(var(--danger-5));
303
- border-color: transparent;
304
- }
305
175
  .sd-btn-primary.sd-btn-status-danger:focus-visible {
306
- box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
307
- }
308
- .sd-btn-primary.sd-btn-status-danger:active {
309
- color: #fff;
310
- background-color: rgb(var(--danger-7));
311
- border-color: transparent;
312
- }
313
- .sd-btn-primary.sd-btn-status-danger.sd-btn-loading {
314
- color: #fff;
315
- background-color: rgb(var(--danger-6));
316
- border-color: transparent;
176
+ box-shadow: 0 0 0 0.25em;
317
177
  }
318
178
  .sd-btn-primary.sd-btn-status-danger.sd-btn-disabled {
319
- color: #fff;
320
- background-color: var(--color-danger-light-3);
321
- border: 1px solid transparent;
179
+ border: 1px solid;
322
180
  }
323
181
 
324
- .sd-btn-primary.sd-btn-status-success {
325
- color: #fff;
326
- background-color: rgb(var(--success-6));
327
- border-color: transparent;
328
- }
329
- .sd-btn-primary.sd-btn-status-success:hover {
330
- color: #fff;
331
- background-color: rgb(var(--success-5));
332
- border-color: transparent;
333
- }
334
182
  .sd-btn-primary.sd-btn-status-success:focus-visible {
335
- box-shadow: 0 0 0 0.25em rgb(var(--success-3));
336
- }
337
- .sd-btn-primary.sd-btn-status-success:active {
338
- color: #fff;
339
- background-color: rgb(var(--success-7));
340
- border-color: transparent;
341
- }
342
- .sd-btn-primary.sd-btn-status-success.sd-btn-loading {
343
- color: #fff;
344
- background-color: rgb(var(--success-6));
345
- border-color: transparent;
183
+ box-shadow: 0 0 0 0.25em;
346
184
  }
347
185
  .sd-btn-primary.sd-btn-status-success.sd-btn-disabled {
348
- color: #fff;
349
- background-color: var(--color-success-light-3);
350
- border: 1px solid transparent;
186
+ border: 1px solid;
351
187
  }
352
188
 
353
189
  .sd-btn-secondary,
@@ -357,25 +193,11 @@
357
193
  background-color: var(--color-secondary);
358
194
  border: 1px solid transparent;
359
195
  }
360
- .sd-btn-secondary:hover,
361
- .sd-btn-secondary[type=button]:hover,
362
- .sd-btn-secondary[type=submit]:hover {
363
- color: var(--color-text-2);
364
- background-color: var(--color-secondary-hover);
365
- border-color: transparent;
366
- }
367
196
  .sd-btn-secondary:focus-visible,
368
197
  .sd-btn-secondary[type=button]:focus-visible,
369
198
  .sd-btn-secondary[type=submit]:focus-visible {
370
199
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
371
200
  }
372
- .sd-btn-secondary:active,
373
- .sd-btn-secondary[type=button]:active,
374
- .sd-btn-secondary[type=submit]:active {
375
- color: var(--color-text-2);
376
- background-color: var(--color-secondary-active);
377
- border-color: transparent;
378
- }
379
201
  .sd-btn-secondary.sd-btn-loading,
380
202
  .sd-btn-secondary[type=button].sd-btn-loading,
381
203
  .sd-btn-secondary[type=submit].sd-btn-loading {
@@ -386,97 +208,29 @@
386
208
  .sd-btn-secondary.sd-btn-disabled,
387
209
  .sd-btn-secondary[type=button].sd-btn-disabled,
388
210
  .sd-btn-secondary[type=submit].sd-btn-disabled {
389
- color: var(--color-text-4);
390
- background-color: var(--color-secondary-disabled);
391
- border: 1px solid transparent;
211
+ border: 1px solid;
392
212
  cursor: not-allowed;
393
213
  }
394
214
 
395
- .sd-btn-secondary.sd-btn-status-warning {
396
- color: rgb(var(--warning-6));
397
- background-color: var(--color-warning-light-1);
398
- border-color: transparent;
399
- }
400
- .sd-btn-secondary.sd-btn-status-warning:hover {
401
- color: rgb(var(--warning-6));
402
- background-color: var(--color-warning-light-2);
403
- border-color: transparent;
404
- }
405
215
  .sd-btn-secondary.sd-btn-status-warning:focus-visible {
406
- box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
407
- }
408
- .sd-btn-secondary.sd-btn-status-warning:active {
409
- color: rgb(var(--warning-6));
410
- background-color: var(--color-warning-light-3);
411
- border-color: transparent;
412
- }
413
- .sd-btn-secondary.sd-btn-status-warning.sd-btn-loading {
414
- color: rgb(var(--warning-6));
415
- background-color: var(--color-warning-light-1);
416
- border-color: transparent;
216
+ box-shadow: 0 0 0 0.25em;
417
217
  }
418
218
  .sd-btn-secondary.sd-btn-status-warning.sd-btn-disabled {
419
- color: var(--color-warning-light-3);
420
- background-color: var(--color-warning-light-1);
421
- border: 1px solid transparent;
219
+ border: 1px solid;
422
220
  }
423
221
 
424
- .sd-btn-secondary.sd-btn-status-danger {
425
- color: rgb(var(--danger-6));
426
- background-color: var(--color-danger-light-1);
427
- border-color: transparent;
428
- }
429
- .sd-btn-secondary.sd-btn-status-danger:hover {
430
- color: rgb(var(--danger-6));
431
- background-color: var(--color-danger-light-2);
432
- border-color: transparent;
433
- }
434
222
  .sd-btn-secondary.sd-btn-status-danger:focus-visible {
435
- box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
436
- }
437
- .sd-btn-secondary.sd-btn-status-danger:active {
438
- color: rgb(var(--danger-6));
439
- background-color: var(--color-danger-light-3);
440
- border-color: transparent;
441
- }
442
- .sd-btn-secondary.sd-btn-status-danger.sd-btn-loading {
443
- color: rgb(var(--danger-6));
444
- background-color: var(--color-danger-light-1);
445
- border-color: transparent;
223
+ box-shadow: 0 0 0 0.25em;
446
224
  }
447
225
  .sd-btn-secondary.sd-btn-status-danger.sd-btn-disabled {
448
- color: var(--color-danger-light-3);
449
- background-color: var(--color-danger-light-1);
450
- border: 1px solid transparent;
226
+ border: 1px solid;
451
227
  }
452
228
 
453
- .sd-btn-secondary.sd-btn-status-success {
454
- color: rgb(var(--success-6));
455
- background-color: var(--color-success-light-1);
456
- border-color: transparent;
457
- }
458
- .sd-btn-secondary.sd-btn-status-success:hover {
459
- color: rgb(var(--success-6));
460
- background-color: var(--color-success-light-2);
461
- border-color: transparent;
462
- }
463
229
  .sd-btn-secondary.sd-btn-status-success:focus-visible {
464
- box-shadow: 0 0 0 0.25em rgb(var(--success-3));
465
- }
466
- .sd-btn-secondary.sd-btn-status-success:active {
467
- color: rgb(var(--success-6));
468
- background-color: var(--color-success-light-3);
469
- border-color: transparent;
470
- }
471
- .sd-btn-secondary.sd-btn-status-success.sd-btn-loading {
472
- color: rgb(var(--success-6));
473
- background-color: var(--color-success-light-1);
474
- border-color: transparent;
230
+ box-shadow: 0 0 0 0.25em;
475
231
  }
476
232
  .sd-btn-secondary.sd-btn-status-success.sd-btn-disabled {
477
- color: var(--color-success-light-3);
478
- background-color: var(--color-success-light-1);
479
- border: 1px solid transparent;
233
+ border: 1px solid;
480
234
  }
481
235
 
482
236
  .sd-btn-dashed,
@@ -486,25 +240,11 @@
486
240
  background-color: var(--color-fill-2);
487
241
  border: 1px dashed var(--color-neutral-3);
488
242
  }
489
- .sd-btn-dashed:hover,
490
- .sd-btn-dashed[type=button]:hover,
491
- .sd-btn-dashed[type=submit]:hover {
492
- color: var(--color-text-2);
493
- background-color: var(--color-fill-3);
494
- border-color: var(--color-neutral-4);
495
- }
496
243
  .sd-btn-dashed:focus-visible,
497
244
  .sd-btn-dashed[type=button]:focus-visible,
498
245
  .sd-btn-dashed[type=submit]:focus-visible {
499
246
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
500
247
  }
501
- .sd-btn-dashed:active,
502
- .sd-btn-dashed[type=button]:active,
503
- .sd-btn-dashed[type=submit]:active {
504
- color: var(--color-text-2);
505
- background-color: var(--color-fill-4);
506
- border-color: var(--color-neutral-5);
507
- }
508
248
  .sd-btn-dashed.sd-btn-loading,
509
249
  .sd-btn-dashed[type=button].sd-btn-loading,
510
250
  .sd-btn-dashed[type=submit].sd-btn-loading {
@@ -515,97 +255,29 @@
515
255
  .sd-btn-dashed.sd-btn-disabled,
516
256
  .sd-btn-dashed[type=button].sd-btn-disabled,
517
257
  .sd-btn-dashed[type=submit].sd-btn-disabled {
518
- color: var(--color-text-4);
519
- background-color: var(--color-fill-2);
520
- border: 1px dashed var(--color-neutral-3);
258
+ border: 1px dashed;
521
259
  cursor: not-allowed;
522
260
  }
523
261
 
524
- .sd-btn-dashed.sd-btn-status-warning {
525
- color: rgb(var(--warning-6));
526
- background-color: var(--color-warning-light-1);
527
- border-color: var(--color-warning-light-2);
528
- }
529
- .sd-btn-dashed.sd-btn-status-warning:hover {
530
- color: rgb(var(--warning-6));
531
- background-color: var(--color-warning-light-2);
532
- border-color: var(--color-warning-light-3);
533
- }
534
262
  .sd-btn-dashed.sd-btn-status-warning:focus-visible {
535
- box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
536
- }
537
- .sd-btn-dashed.sd-btn-status-warning:active {
538
- color: rgb(var(--warning-6));
539
- background-color: var(--color-warning-light-3);
540
- border-color: var(--color-warning-light-4);
541
- }
542
- .sd-btn-dashed.sd-btn-status-warning.sd-btn-loading {
543
- color: rgb(var(--warning-6));
544
- background-color: var(--color-warning-light-1);
545
- border-color: var(--color-warning-light-2);
263
+ box-shadow: 0 0 0 0.25em;
546
264
  }
547
265
  .sd-btn-dashed.sd-btn-status-warning.sd-btn-disabled {
548
- color: var(--color-warning-light-3);
549
- background-color: var(--color-warning-light-1);
550
- border: 1px dashed var(--color-warning-light-2);
266
+ border: 1px dashed;
551
267
  }
552
268
 
553
- .sd-btn-dashed.sd-btn-status-danger {
554
- color: rgb(var(--danger-6));
555
- background-color: var(--color-danger-light-1);
556
- border-color: var(--color-danger-light-2);
557
- }
558
- .sd-btn-dashed.sd-btn-status-danger:hover {
559
- color: rgb(var(--danger-6));
560
- background-color: var(--color-danger-light-2);
561
- border-color: var(--color-danger-light-3);
562
- }
563
269
  .sd-btn-dashed.sd-btn-status-danger:focus-visible {
564
- box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
565
- }
566
- .sd-btn-dashed.sd-btn-status-danger:active {
567
- color: rgb(var(--danger-6));
568
- background-color: var(--color-danger-light-3);
569
- border-color: var(--color-danger-light-4);
570
- }
571
- .sd-btn-dashed.sd-btn-status-danger.sd-btn-loading {
572
- color: rgb(var(--danger-6));
573
- background-color: var(--color-danger-light-1);
574
- border-color: var(--color-danger-light-2);
270
+ box-shadow: 0 0 0 0.25em;
575
271
  }
576
272
  .sd-btn-dashed.sd-btn-status-danger.sd-btn-disabled {
577
- color: var(--color-danger-light-3);
578
- background-color: var(--color-danger-light-1);
579
- border: 1px dashed var(--color-danger-light-2);
273
+ border: 1px dashed;
580
274
  }
581
275
 
582
- .sd-btn-dashed.sd-btn-status-success {
583
- color: rgb(var(--success-6));
584
- background-color: var(--color-success-light-1);
585
- border-color: var(--color-success-light-2);
586
- }
587
- .sd-btn-dashed.sd-btn-status-success:hover {
588
- color: rgb(var(--success-6));
589
- background-color: var(--color-success-light-2);
590
- border-color: var(--color-success-light-3);
591
- }
592
276
  .sd-btn-dashed.sd-btn-status-success:focus-visible {
593
- box-shadow: 0 0 0 0.25em rgb(var(--success-3));
594
- }
595
- .sd-btn-dashed.sd-btn-status-success:active {
596
- color: rgb(var(--success-6));
597
- background-color: var(--color-success-light-3);
598
- border-color: var(--color-success-light-4);
599
- }
600
- .sd-btn-dashed.sd-btn-status-success.sd-btn-loading {
601
- color: rgb(var(--success-6));
602
- background-color: var(--color-success-light-1);
603
- border-color: var(--color-success-light-2);
277
+ box-shadow: 0 0 0 0.25em;
604
278
  }
605
279
  .sd-btn-dashed.sd-btn-status-success.sd-btn-disabled {
606
- color: var(--color-success-light-3);
607
- background-color: var(--color-success-light-1);
608
- border: 1px dashed var(--color-success-light-2);
280
+ border: 1px dashed;
609
281
  }
610
282
 
611
283
  .sd-btn-text,
@@ -615,25 +287,11 @@
615
287
  background-color: transparent;
616
288
  border: 1px solid transparent;
617
289
  }
618
- .sd-btn-text:hover,
619
- .sd-btn-text[type=button]:hover,
620
- .sd-btn-text[type=submit]:hover {
621
- color: rgb(var(--primary-6));
622
- background-color: var(--color-fill-2);
623
- border-color: transparent;
624
- }
625
290
  .sd-btn-text:focus-visible,
626
291
  .sd-btn-text[type=button]:focus-visible,
627
292
  .sd-btn-text[type=submit]:focus-visible {
628
293
  box-shadow: 0 0 0 0.25em var(--color-neutral-4);
629
294
  }
630
- .sd-btn-text:active,
631
- .sd-btn-text[type=button]:active,
632
- .sd-btn-text[type=submit]:active {
633
- color: rgb(var(--primary-6));
634
- background-color: var(--color-fill-3);
635
- border-color: transparent;
636
- }
637
295
  .sd-btn-text.sd-btn-loading,
638
296
  .sd-btn-text[type=button].sd-btn-loading,
639
297
  .sd-btn-text[type=submit].sd-btn-loading {
@@ -644,97 +302,29 @@
644
302
  .sd-btn-text.sd-btn-disabled,
645
303
  .sd-btn-text[type=button].sd-btn-disabled,
646
304
  .sd-btn-text[type=submit].sd-btn-disabled {
647
- color: var(--color-primary-light-3);
648
- background-color: transparent;
649
- border: 1px solid transparent;
305
+ border: 1px solid;
650
306
  cursor: not-allowed;
651
307
  }
652
308
 
653
- .sd-btn-text.sd-btn-status-warning {
654
- color: rgb(var(--warning-6));
655
- background-color: transparent;
656
- border-color: transparent;
657
- }
658
- .sd-btn-text.sd-btn-status-warning:hover {
659
- color: rgb(var(--warning-6));
660
- background-color: var(--color-fill-2);
661
- border-color: transparent;
662
- }
663
309
  .sd-btn-text.sd-btn-status-warning:focus-visible {
664
- box-shadow: 0 0 0 0.25em rgb(var(--warning-3));
665
- }
666
- .sd-btn-text.sd-btn-status-warning:active {
667
- color: rgb(var(--warning-6));
668
- background-color: var(--color-fill-3);
669
- border-color: transparent;
670
- }
671
- .sd-btn-text.sd-btn-status-warning.sd-btn-loading {
672
- color: rgb(var(--warning-6));
673
- background-color: transparent;
674
- border-color: transparent;
310
+ box-shadow: 0 0 0 0.25em;
675
311
  }
676
312
  .sd-btn-text.sd-btn-status-warning.sd-btn-disabled {
677
- color: var(--color-warning-light-3);
678
- background-color: transparent;
679
- border: 1px solid transparent;
313
+ border: 1px solid;
680
314
  }
681
315
 
682
- .sd-btn-text.sd-btn-status-danger {
683
- color: rgb(var(--danger-6));
684
- background-color: transparent;
685
- border-color: transparent;
686
- }
687
- .sd-btn-text.sd-btn-status-danger:hover {
688
- color: rgb(var(--danger-6));
689
- background-color: var(--color-fill-2);
690
- border-color: transparent;
691
- }
692
316
  .sd-btn-text.sd-btn-status-danger:focus-visible {
693
- box-shadow: 0 0 0 0.25em rgb(var(--danger-3));
694
- }
695
- .sd-btn-text.sd-btn-status-danger:active {
696
- color: rgb(var(--danger-6));
697
- background-color: var(--color-fill-3);
698
- border-color: transparent;
699
- }
700
- .sd-btn-text.sd-btn-status-danger.sd-btn-loading {
701
- color: rgb(var(--danger-6));
702
- background-color: transparent;
703
- border-color: transparent;
317
+ box-shadow: 0 0 0 0.25em;
704
318
  }
705
319
  .sd-btn-text.sd-btn-status-danger.sd-btn-disabled {
706
- color: var(--color-danger-light-3);
707
- background-color: transparent;
708
- border: 1px solid transparent;
320
+ border: 1px solid;
709
321
  }
710
322
 
711
- .sd-btn-text.sd-btn-status-success {
712
- color: rgb(var(--success-6));
713
- background-color: transparent;
714
- border-color: transparent;
715
- }
716
- .sd-btn-text.sd-btn-status-success:hover {
717
- color: rgb(var(--success-6));
718
- background-color: var(--color-fill-2);
719
- border-color: transparent;
720
- }
721
323
  .sd-btn-text.sd-btn-status-success:focus-visible {
722
- box-shadow: 0 0 0 0.25em rgb(var(--success-3));
723
- }
724
- .sd-btn-text.sd-btn-status-success:active {
725
- color: rgb(var(--success-6));
726
- background-color: var(--color-fill-3);
727
- border-color: transparent;
728
- }
729
- .sd-btn-text.sd-btn-status-success.sd-btn-loading {
730
- color: rgb(var(--success-6));
731
- background-color: transparent;
732
- border-color: transparent;
324
+ box-shadow: 0 0 0 0.25em;
733
325
  }
734
326
  .sd-btn-text.sd-btn-status-success.sd-btn-disabled {
735
- color: var(--color-success-light-3);
736
- background-color: transparent;
737
- border: 1px solid transparent;
327
+ border: 1px solid;
738
328
  }
739
329
 
740
330
  .sd-btn-size-mini {