@douyinfe/semi-ui 2.44.0-beta.0 → 2.45.0-beta.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 (55) hide show
  1. package/dist/css/semi.css +21 -11
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +129 -71
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/calendar/monthCalendar.js +5 -1
  8. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  9. package/lib/cjs/datePicker/datePicker.js +1 -1
  10. package/lib/cjs/dropdown/index.d.ts +1 -1
  11. package/lib/cjs/dropdown/index.js +1 -1
  12. package/lib/cjs/form/arrayField.d.ts +1 -1
  13. package/lib/cjs/form/arrayField.js +2 -2
  14. package/lib/cjs/form/baseForm.d.ts +1 -1
  15. package/lib/cjs/form/field.d.ts +1 -1
  16. package/lib/cjs/input/textarea.d.ts +5 -1
  17. package/lib/cjs/input/textarea.js +4 -2
  18. package/lib/cjs/notification/index.d.ts +9 -7
  19. package/lib/cjs/notification/index.js +27 -8
  20. package/lib/cjs/popover/index.d.ts +5 -2
  21. package/lib/cjs/popover/index.js +3 -2
  22. package/lib/cjs/select/index.d.ts +2 -2
  23. package/lib/cjs/select/index.js +2 -2
  24. package/lib/cjs/steps/basicStep.js +1 -0
  25. package/lib/cjs/steps/fillStep.js +2 -1
  26. package/lib/cjs/toast/index.js +0 -3
  27. package/lib/cjs/tooltip/index.d.ts +5 -2
  28. package/lib/cjs/tooltip/index.js +1 -1
  29. package/lib/cjs/tree/index.js +5 -3
  30. package/lib/cjs/treeSelect/index.js +7 -5
  31. package/lib/es/calendar/monthCalendar.js +5 -1
  32. package/lib/es/datePicker/datePicker.d.ts +1 -1
  33. package/lib/es/datePicker/datePicker.js +1 -1
  34. package/lib/es/dropdown/index.d.ts +1 -1
  35. package/lib/es/dropdown/index.js +1 -1
  36. package/lib/es/form/arrayField.d.ts +1 -1
  37. package/lib/es/form/arrayField.js +2 -2
  38. package/lib/es/form/baseForm.d.ts +1 -1
  39. package/lib/es/form/field.d.ts +1 -1
  40. package/lib/es/input/textarea.d.ts +5 -1
  41. package/lib/es/input/textarea.js +4 -2
  42. package/lib/es/notification/index.d.ts +9 -7
  43. package/lib/es/notification/index.js +27 -8
  44. package/lib/es/popover/index.d.ts +5 -2
  45. package/lib/es/popover/index.js +3 -2
  46. package/lib/es/select/index.d.ts +2 -2
  47. package/lib/es/select/index.js +2 -2
  48. package/lib/es/steps/basicStep.js +1 -0
  49. package/lib/es/steps/fillStep.js +2 -1
  50. package/lib/es/toast/index.js +0 -3
  51. package/lib/es/tooltip/index.d.ts +5 -2
  52. package/lib/es/tooltip/index.js +1 -1
  53. package/lib/es/tree/index.js +5 -3
  54. package/lib/es/treeSelect/index.js +7 -5
  55. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -627,12 +627,17 @@ body {
627
627
  border-radius: 3px;
628
628
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
629
629
  transform: scale(var(--semi-transform_scale-none));
630
+ background: transparent;
630
631
  }
631
632
  .semi-anchor-link-title:hover {
632
633
  color: var(--semi-color-tertiary-hover);
633
634
  }
634
635
  .semi-anchor-link-title-active {
635
636
  color: var(--semi-color-text-0);
637
+ background: transparent;
638
+ }
639
+ .semi-anchor-link-title-active:hover {
640
+ color: var(--semi-color-tertiary-hover);
636
641
  }
637
642
  .semi-anchor-link-title:focus-visible {
638
643
  outline: 2px solid var(--semi-color-primary-light-active);
@@ -4569,6 +4574,9 @@ body {
4569
4574
  .semi-datepicker-range-input:active {
4570
4575
  border-color: transparent;
4571
4576
  }
4577
+ .semi-datepicker-range-input:focus-within {
4578
+ border-color: transparent;
4579
+ }
4572
4580
  .semi-datepicker-range-input .semi-datepicker-monthRange-input {
4573
4581
  background-color: transparent;
4574
4582
  }
@@ -11308,7 +11316,7 @@ body {
11308
11316
  overflow: hidden;
11309
11317
  }
11310
11318
  .semi-image-img {
11311
- vertical-align: middle;
11319
+ vertical-align: top;
11312
11320
  border-radius: inherit;
11313
11321
  user-select: none;
11314
11322
  }
@@ -16289,11 +16297,11 @@ img[src=""], img:not([src]) {
16289
16297
  .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
16290
16298
  color: var(--semi-color-success-hover);
16291
16299
  }
16292
- .semi-steps .semi-steps-item-finish:active {
16300
+ .semi-steps .semi-steps-item-finish-active:active {
16293
16301
  background-color: var(--semi-color-fill-1);
16294
16302
  }
16295
- .semi-steps .semi-steps-item-finish:active .semi-icon,
16296
- .semi-steps .semi-steps-item-finish:active .semi-steps-item-title {
16303
+ .semi-steps .semi-steps-item-finish-active:active .semi-icon,
16304
+ .semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
16297
16305
  color: var(--semi-color-success-active);
16298
16306
  }
16299
16307
  .semi-steps .semi-steps-item-error .semi-icon,
@@ -16307,11 +16315,11 @@ img[src=""], img:not([src]) {
16307
16315
  .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
16308
16316
  color: var(--semi-color-danger-hover);
16309
16317
  }
16310
- .semi-steps .semi-steps-item-error:active {
16318
+ .semi-steps .semi-steps-item-error-active:active {
16311
16319
  background-color: var(--semi-color-fill-1);
16312
16320
  }
16313
- .semi-steps .semi-steps-item-error:active .semi-icon,
16314
- .semi-steps .semi-steps-item-error:active .semi-steps-item-title {
16321
+ .semi-steps .semi-steps-item-error-active:active .semi-icon,
16322
+ .semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
16315
16323
  color: var(--semi-color-danger-active);
16316
16324
  }
16317
16325
  .semi-steps .semi-steps-item-warning .semi-steps-item-title,
@@ -16325,11 +16333,11 @@ img[src=""], img:not([src]) {
16325
16333
  .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
16326
16334
  color: var(--semi-color-warning-hover);
16327
16335
  }
16328
- .semi-steps .semi-steps-item-warning:active {
16336
+ .semi-steps .semi-steps-item-warning-active:active {
16329
16337
  background-color: var(--semi-color-fill-1);
16330
16338
  }
16331
- .semi-steps .semi-steps-item-warning:active .semi-steps-item-title,
16332
- .semi-steps .semi-steps-item-warning:active .semi-icon {
16339
+ .semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title,
16340
+ .semi-steps .semi-steps-item-warning-active:active .semi-icon {
16333
16341
  color: var(--semi-color-warning-active);
16334
16342
  }
16335
16343
  .semi-steps .semi-steps-item-clickable {
@@ -16478,10 +16486,12 @@ img[src=""], img:not([src]) {
16478
16486
  vertical-align: top;
16479
16487
  overflow: hidden;
16480
16488
  flex: 1;
16481
- cursor: pointer;
16482
16489
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16483
16490
  transform: scale(var(--semi-transform_scale-small));
16484
16491
  }
16492
+ .semi-steps-basic .semi-steps-item-clickable {
16493
+ cursor: pointer;
16494
+ }
16485
16495
  .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
16486
16496
  color: var(--semi-color-focus-border);
16487
16497
  }