rsuite 5.64.1 → 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 (89) hide show
  1. package/AutoComplete/styles/index.css +14 -6
  2. package/CHANGELOG.md +30 -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/Radio/styles/index.css +3 -0
  17. package/Radio/styles/index.less +4 -0
  18. package/SelectPicker/styles/index.css +14 -6
  19. package/Table/styles/index.css +14 -7
  20. package/Table/styles/index.less +11 -7
  21. package/TagInput/styles/index.css +14 -6
  22. package/TagPicker/styles/index.css +14 -6
  23. package/Uploader/styles/index.css +3 -0
  24. package/Uploader/styles/index.less +4 -0
  25. package/VStack/package.json +7 -0
  26. package/cjs/DatePicker/DatePicker.js +3 -2
  27. package/cjs/DateRangePicker/DateRangePicker.js +3 -2
  28. package/cjs/Message/Message.js +10 -6
  29. package/cjs/Notification/Notification.d.ts +9 -5
  30. package/cjs/Notification/Notification.js +10 -6
  31. package/cjs/Panel/PanelBody.js +4 -3
  32. package/cjs/Stack/HStack.d.ts +10 -0
  33. package/cjs/Stack/HStack.js +29 -0
  34. package/cjs/Stack/VStack.d.ts +7 -0
  35. package/cjs/Stack/VStack.js +32 -0
  36. package/cjs/Stack/index.d.ts +4 -0
  37. package/cjs/Stack/index.js +5 -1
  38. package/cjs/index.d.ts +2 -2
  39. package/cjs/index.js +4 -2
  40. package/cjs/internals/types/index.d.ts +1 -0
  41. package/cjs/toaster/ToastContainer.d.ts +11 -2
  42. package/cjs/toaster/ToastContainer.js +28 -18
  43. package/cjs/toaster/ToastContext.d.ts +2 -0
  44. package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
  45. package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
  46. package/dist/rsuite-no-reset-rtl.css +37 -14
  47. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  48. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  49. package/dist/rsuite-no-reset.css +37 -14
  50. package/dist/rsuite-no-reset.min.css +1 -1
  51. package/dist/rsuite-no-reset.min.css.map +1 -1
  52. package/dist/rsuite-rtl.css +37 -14
  53. package/dist/rsuite-rtl.min.css +1 -1
  54. package/dist/rsuite-rtl.min.css.map +1 -1
  55. package/dist/rsuite.css +37 -14
  56. package/dist/rsuite.js +43 -10
  57. package/dist/rsuite.js.map +1 -1
  58. package/dist/rsuite.min.css +1 -1
  59. package/dist/rsuite.min.css.map +1 -1
  60. package/dist/rsuite.min.js +1 -1
  61. package/dist/rsuite.min.js.map +1 -1
  62. package/esm/DatePicker/DatePicker.js +3 -2
  63. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  64. package/esm/Message/Message.js +12 -8
  65. package/esm/Notification/Notification.d.ts +9 -5
  66. package/esm/Notification/Notification.js +12 -8
  67. package/esm/Panel/PanelBody.js +4 -3
  68. package/esm/Stack/HStack.d.ts +10 -0
  69. package/esm/Stack/HStack.js +24 -0
  70. package/esm/Stack/VStack.d.ts +7 -0
  71. package/esm/Stack/VStack.js +27 -0
  72. package/esm/Stack/index.d.ts +4 -0
  73. package/esm/Stack/index.js +2 -0
  74. package/esm/index.d.ts +2 -2
  75. package/esm/index.js +1 -1
  76. package/esm/internals/types/index.d.ts +1 -0
  77. package/esm/toaster/ToastContainer.d.ts +11 -2
  78. package/esm/toaster/ToastContainer.js +28 -18
  79. package/esm/toaster/ToastContext.d.ts +2 -0
  80. package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
  81. package/esm/toaster/hooks/useDelayedClosure.js +42 -0
  82. package/internals/Picker/styles/index.less +9 -4
  83. package/package.json +1 -3
  84. package/styles/color-modes/dark.less +1 -0
  85. package/styles/color-modes/high-contrast.less +1 -0
  86. package/styles/color-modes/light.less +3 -0
  87. package/styles/color-modes.less +4 -3
  88. package/styles/mixins/color-modes.less +4 -2
  89. package/styles/variables.less +3 -0
@@ -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);
@@ -4748,13 +4753,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4748
4753
  }
4749
4754
  .rs-divider-vertical {
4750
4755
  display: inline-block;
4751
- height: 1em;
4756
+ min-height: 1em;
4757
+ height: 100%;
4752
4758
  width: 1px;
4753
4759
  vertical-align: middle;
4754
4760
  margin: 0 12px;
4755
4761
  }
4756
4762
  .rs-divider-horizontal {
4757
4763
  height: 1px;
4764
+ width: 100%;
4758
4765
  margin: 24px 0;
4759
4766
  }
4760
4767
  .rs-divider-horizontal.rs-divider-with-text {
@@ -12117,6 +12124,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12117
12124
  bottom: -10px;
12118
12125
  left: -10px;
12119
12126
  }
12127
+ .rs-radio-control [type='radio']:disabled {
12128
+ cursor: not-allowed;
12129
+ }
12120
12130
  .rs-radio-control::before,
12121
12131
  .rs-radio-control .rs-radio-inner::before,
12122
12132
  .rs-radio-control .rs-radio-inner::after {
@@ -13722,7 +13732,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13722
13732
  width: 100%;
13723
13733
  z-index: 4;
13724
13734
  border-top: 1px solid #f2f2f5;
13725
- border-top: 1px solid var(--rs-border-secondary);
13735
+ border-top: 1px solid var(--rs-table-border-color);
13726
13736
  padding: 10px;
13727
13737
  background-color: #fff;
13728
13738
  background-color: var(--rs-bg-card);
@@ -13868,7 +13878,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13868
13878
  background-color: #fff;
13869
13879
  background-color: var(--rs-bg-card);
13870
13880
  border-bottom: 1px solid #f2f2f5;
13871
- border-bottom: 1px solid var(--rs-border-secondary);
13881
+ border-bottom: 1px solid var(--rs-table-border-color);
13872
13882
  }
13873
13883
  .rs-table-cell.first {
13874
13884
  border-left-width: 0;
@@ -13907,7 +13917,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13907
13917
  }
13908
13918
  .rs-table-cell-rowspan {
13909
13919
  border-bottom: 1px solid #f2f2f5 !important;
13910
- border-bottom: 1px solid var(--rs-border-secondary) !important;
13920
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
13911
13921
  }
13912
13922
  .rs-table-cell-full-text:hover {
13913
13923
  z-index: 1 !important;
@@ -14015,11 +14025,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14015
14025
  }
14016
14026
  .rs-table-bordered {
14017
14027
  border: 1px solid #f2f2f5;
14018
- border: 1px solid var(--rs-border-secondary);
14028
+ border: 1px solid var(--rs-table-border-color);
14019
14029
  }
14020
14030
  .rs-table-cell-bordered .rs-table-cell {
14021
14031
  border-right: 1px solid #f2f2f5;
14022
- border-right: 1px solid var(--rs-border-secondary);
14032
+ border-right: 1px solid var(--rs-table-border-color);
14023
14033
  }
14024
14034
  .rs-table-column-group {
14025
14035
  position: absolute;
@@ -14030,7 +14040,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14030
14040
  }
14031
14041
  .rs-table-column-group-header {
14032
14042
  border-bottom: 1px solid #f2f2f5;
14033
- border-bottom: 1px solid var(--rs-border-secondary);
14043
+ border-bottom: 1px solid var(--rs-table-border-color);
14034
14044
  position: absolute;
14035
14045
  width: 100%;
14036
14046
  }
@@ -14041,7 +14051,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14041
14051
  .rs-table-column-group-cell {
14042
14052
  position: absolute;
14043
14053
  border-right: 1px solid #f2f2f5;
14044
- border-right: 1px solid var(--rs-border-secondary);
14054
+ border-right: 1px solid var(--rs-table-border-color);
14055
+ }
14056
+ .rs-table-row:not(.rs-table-row-rowspan) {
14057
+ border-bottom: 1px solid #f2f2f5;
14058
+ border-bottom: 1px solid var(--rs-table-border-color);
14045
14059
  }
14046
14060
  .rs-table-cell-expand-wrapper {
14047
14061
  margin-right: 10px;
@@ -15439,6 +15453,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15439
15453
  opacity: 0.3;
15440
15454
  cursor: not-allowed;
15441
15455
  }
15456
+ .rs-uploader-file-item-disabled:hover {
15457
+ background-color: transparent !important;
15458
+ }
15442
15459
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15443
15460
  cursor: not-allowed;
15444
15461
  }
@@ -16687,13 +16704,19 @@ kbd.rs-text {
16687
16704
  -ms-flex-align: center;
16688
16705
  align-items: center;
16689
16706
  }
16690
- .rs-picker-error > .rs-input-group {
16691
- border-color: #f44336 !important;
16692
- border-color: var(--rs-state-error) !important;
16707
+ .rs-picker-error > .rs-picker-input-group {
16708
+ border-color: #f44336;
16709
+ border-color: var(--rs-picker-state-error);
16693
16710
  }
16694
- .rs-picker-error > .rs-input-group:focus-within {
16695
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16696
- outline: var(--rs-state-error-outline) !important;
16711
+ .rs-picker-error > .rs-picker-input-group:hover {
16712
+ border-color: #f44336;
16713
+ border-color: var(--rs-picker-state-error);
16714
+ }
16715
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16716
+ border-color: #f44336;
16717
+ border-color: var(--rs-picker-state-error);
16718
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16719
+ outline: var(--rs-picker-state-error-outline);
16697
16720
  }
16698
16721
  .rs-picker-toggle {
16699
16722
  display: -webkit-inline-box;