rsuite 5.64.2 → 5.65.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 (85) hide show
  1. package/AutoComplete/styles/index.css +14 -6
  2. package/CHANGELOG.md +19 -0
  3. package/Cascader/styles/index.css +14 -6
  4. package/CheckPicker/styles/index.css +14 -6
  5. package/CheckTree/styles/index.css +14 -6
  6. package/CheckTreePicker/styles/index.css +14 -6
  7. package/DatePicker/styles/index.css +14 -6
  8. package/DateRangePicker/styles/index.css +14 -6
  9. package/Divider/styles/index.css +3 -1
  10. package/Divider/styles/index.less +3 -1
  11. package/HStack/package.json +7 -0
  12. package/InputPicker/styles/index.css +14 -6
  13. package/MultiCascadeTree/styles/index.css +14 -6
  14. package/MultiCascader/styles/index.css +14 -6
  15. package/Pagination/styles/index.css +17 -7
  16. package/SelectPicker/styles/index.css +14 -6
  17. package/Table/styles/index.css +14 -7
  18. package/Table/styles/index.less +11 -7
  19. package/TagInput/styles/index.css +14 -6
  20. package/TagPicker/styles/index.css +14 -6
  21. package/Uploader/styles/index.css +3 -0
  22. package/Uploader/styles/index.less +4 -0
  23. package/VStack/package.json +7 -0
  24. package/cjs/DatePicker/DatePicker.js +3 -2
  25. package/cjs/DateRangePicker/DateRangePicker.js +3 -2
  26. package/cjs/Message/Message.js +10 -6
  27. package/cjs/Notification/Notification.d.ts +9 -5
  28. package/cjs/Notification/Notification.js +10 -6
  29. package/cjs/Stack/HStack.d.ts +10 -0
  30. package/cjs/Stack/HStack.js +29 -0
  31. package/cjs/Stack/VStack.d.ts +7 -0
  32. package/cjs/Stack/VStack.js +32 -0
  33. package/cjs/Stack/index.d.ts +4 -0
  34. package/cjs/Stack/index.js +5 -1
  35. package/cjs/index.d.ts +2 -2
  36. package/cjs/index.js +4 -2
  37. package/cjs/internals/types/index.d.ts +1 -0
  38. package/cjs/toaster/ToastContainer.d.ts +11 -2
  39. package/cjs/toaster/ToastContainer.js +28 -18
  40. package/cjs/toaster/ToastContext.d.ts +2 -0
  41. package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
  42. package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
  43. package/dist/rsuite-no-reset-rtl.css +34 -14
  44. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  45. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  46. package/dist/rsuite-no-reset.css +34 -14
  47. package/dist/rsuite-no-reset.min.css +1 -1
  48. package/dist/rsuite-no-reset.min.css.map +1 -1
  49. package/dist/rsuite-rtl.css +34 -14
  50. package/dist/rsuite-rtl.min.css +1 -1
  51. package/dist/rsuite-rtl.min.css.map +1 -1
  52. package/dist/rsuite.css +34 -14
  53. package/dist/rsuite.js +40 -7
  54. package/dist/rsuite.js.map +1 -1
  55. package/dist/rsuite.min.css +1 -1
  56. package/dist/rsuite.min.css.map +1 -1
  57. package/dist/rsuite.min.js +1 -1
  58. package/dist/rsuite.min.js.map +1 -1
  59. package/esm/DatePicker/DatePicker.js +3 -2
  60. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  61. package/esm/Message/Message.js +12 -8
  62. package/esm/Notification/Notification.d.ts +9 -5
  63. package/esm/Notification/Notification.js +12 -8
  64. package/esm/Stack/HStack.d.ts +10 -0
  65. package/esm/Stack/HStack.js +24 -0
  66. package/esm/Stack/VStack.d.ts +7 -0
  67. package/esm/Stack/VStack.js +27 -0
  68. package/esm/Stack/index.d.ts +4 -0
  69. package/esm/Stack/index.js +2 -0
  70. package/esm/index.d.ts +2 -2
  71. package/esm/index.js +1 -1
  72. package/esm/internals/types/index.d.ts +1 -0
  73. package/esm/toaster/ToastContainer.d.ts +11 -2
  74. package/esm/toaster/ToastContainer.js +28 -18
  75. package/esm/toaster/ToastContext.d.ts +2 -0
  76. package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
  77. package/esm/toaster/hooks/useDelayedClosure.js +42 -0
  78. package/internals/Picker/styles/index.less +9 -4
  79. package/package.json +1 -2
  80. package/styles/color-modes/dark.less +1 -0
  81. package/styles/color-modes/high-contrast.less +1 -0
  82. package/styles/color-modes/light.less +3 -0
  83. package/styles/color-modes.less +4 -3
  84. package/styles/mixins/color-modes.less +4 -2
  85. package/styles/variables.less +3 -0
package/dist/rsuite-no-reset-rtl.css CHANGED
@@ -340,6 +340,7 @@
340
340
  --rs-list-placeholder-border: var(--rs-primary-500);
341
341
  --rs-timeline-indicator-bg: var(--rs-gray-300);
342
342
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
343
+ --rs-table-border-color: var(--rs-border-secondary);
343
344
  --rs-table-shadow: rgba(9, 9, 9, 0.08);
344
345
  --rs-table-sort: var(--rs-primary-500);
345
346
  --rs-table-resize: var(--rs-primary-500);
@@ -355,6 +356,8 @@
355
356
  --rs-picker-value: var(--rs-primary-700);
356
357
  --rs-picker-count-bg: var(--rs-primary-500);
357
358
  --rs-picker-count-text: #fff;
359
+ --rs-picker-state-error: var(--rs-state-error);
360
+ --rs-picker-state-error-outline: var(--rs-state-error-outline);
358
361
  --rs-calendar-today-bg: var(--rs-primary-500);
359
362
  --rs-calendar-today-text: #fff;
360
363
  --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
@@ -713,6 +716,7 @@
713
716
  --rs-list-placeholder-border: var(--rs-primary-500);
714
717
  --rs-timeline-indicator-bg: var(--rs-gray-500);
715
718
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
719
+ --rs-table-border-color: var(--rs-border-secondary);
716
720
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
717
721
  --rs-table-sort: var(--rs-primary-500);
718
722
  --rs-table-resize: var(--rs-primary-500);
@@ -1089,6 +1093,7 @@
1089
1093
  --rs-list-placeholder-border: var(--rs-primary-500);
1090
1094
  --rs-timeline-indicator-bg: var(--rs-gray-500);
1091
1095
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
1096
+ --rs-table-border-color: var(--rs-border-secondary);
1092
1097
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
1093
1098
  --rs-table-sort: var(--rs-primary-500);
1094
1099
  --rs-table-resize: var(--rs-primary-500);
@@ -4742,13 +4747,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4742
4747
  }
4743
4748
  .rs-divider-vertical {
4744
4749
  display: inline-block;
4745
- height: 1em;
4750
+ min-height: 1em;
4751
+ height: 100%;
4746
4752
  width: 1px;
4747
4753
  vertical-align: middle;
4748
4754
  margin: 0 12px;
4749
4755
  }
4750
4756
  .rs-divider-horizontal {
4751
4757
  height: 1px;
4758
+ width: 100%;
4752
4759
  margin: 24px 0;
4753
4760
  }
4754
4761
  .rs-divider-horizontal.rs-divider-with-text {
@@ -13709,7 +13716,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13709
13716
  width: 100%;
13710
13717
  z-index: 4;
13711
13718
  border-top: 1px solid #f2f2f5;
13712
- border-top: 1px solid var(--rs-border-secondary);
13719
+ border-top: 1px solid var(--rs-table-border-color);
13713
13720
  padding: 10px;
13714
13721
  background-color: #fff;
13715
13722
  background-color: var(--rs-bg-card);
@@ -13855,7 +13862,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13855
13862
  background-color: #fff;
13856
13863
  background-color: var(--rs-bg-card);
13857
13864
  border-bottom: 1px solid #f2f2f5;
13858
- border-bottom: 1px solid var(--rs-border-secondary);
13865
+ border-bottom: 1px solid var(--rs-table-border-color);
13859
13866
  }
13860
13867
  .rs-table-cell.first {
13861
13868
  border-right-width: 0;
@@ -13894,7 +13901,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13894
13901
  }
13895
13902
  .rs-table-cell-rowspan {
13896
13903
  border-bottom: 1px solid #f2f2f5 !important;
13897
- border-bottom: 1px solid var(--rs-border-secondary) !important;
13904
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
13898
13905
  }
13899
13906
  .rs-table-cell-full-text:hover {
13900
13907
  z-index: 1 !important;
@@ -14002,11 +14009,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14002
14009
  }
14003
14010
  .rs-table-bordered {
14004
14011
  border: 1px solid #f2f2f5;
14005
- border: 1px solid var(--rs-border-secondary);
14012
+ border: 1px solid var(--rs-table-border-color);
14006
14013
  }
14007
14014
  .rs-table-cell-bordered .rs-table-cell {
14008
14015
  border-left: 1px solid #f2f2f5;
14009
- border-left: 1px solid var(--rs-border-secondary);
14016
+ border-left: 1px solid var(--rs-table-border-color);
14010
14017
  }
14011
14018
  .rs-table-column-group {
14012
14019
  position: absolute;
@@ -14017,7 +14024,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14017
14024
  }
14018
14025
  .rs-table-column-group-header {
14019
14026
  border-bottom: 1px solid #f2f2f5;
14020
- border-bottom: 1px solid var(--rs-border-secondary);
14027
+ border-bottom: 1px solid var(--rs-table-border-color);
14021
14028
  position: absolute;
14022
14029
  width: 100%;
14023
14030
  }
@@ -14028,7 +14035,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14028
14035
  .rs-table-column-group-cell {
14029
14036
  position: absolute;
14030
14037
  border-left: 1px solid #f2f2f5;
14031
- border-left: 1px solid var(--rs-border-secondary);
14038
+ border-left: 1px solid var(--rs-table-border-color);
14039
+ }
14040
+ .rs-table-row:not(.rs-table-row-rowspan) {
14041
+ border-bottom: 1px solid #f2f2f5;
14042
+ border-bottom: 1px solid var(--rs-table-border-color);
14032
14043
  }
14033
14044
  .rs-table-cell-expand-wrapper {
14034
14045
  margin-left: 10px;
@@ -15422,6 +15433,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15422
15433
  opacity: 0.3;
15423
15434
  cursor: not-allowed;
15424
15435
  }
15436
+ .rs-uploader-file-item-disabled:hover {
15437
+ background-color: transparent !important;
15438
+ }
15425
15439
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15426
15440
  cursor: not-allowed;
15427
15441
  }
@@ -16670,13 +16684,19 @@ kbd.rs-text {
16670
16684
  -ms-flex-align: center;
16671
16685
  align-items: center;
16672
16686
  }
16673
- .rs-picker-error > .rs-input-group {
16674
- border-color: #f44336 !important;
16675
- border-color: var(--rs-state-error) !important;
16687
+ .rs-picker-error > .rs-picker-input-group {
16688
+ border-color: #f44336;
16689
+ border-color: var(--rs-picker-state-error);
16690
+ }
16691
+ .rs-picker-error > .rs-picker-input-group:hover {
16692
+ border-color: #f44336;
16693
+ border-color: var(--rs-picker-state-error);
16676
16694
  }
16677
- .rs-picker-error > .rs-input-group:focus-within {
16678
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16679
- outline: var(--rs-state-error-outline) !important;
16695
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16696
+ border-color: #f44336;
16697
+ border-color: var(--rs-picker-state-error);
16698
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16699
+ outline: var(--rs-picker-state-error-outline);
16680
16700
  }
16681
16701
  .rs-picker-toggle {
16682
16702
  display: -webkit-inline-box;