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);
@@ -5006,13 +5011,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5006
5011
  }
5007
5012
  .rs-divider-vertical {
5008
5013
  display: inline-block;
5009
- height: 1em;
5014
+ min-height: 1em;
5015
+ height: 100%;
5010
5016
  width: 1px;
5011
5017
  vertical-align: middle;
5012
5018
  margin: 0 12px;
5013
5019
  }
5014
5020
  .rs-divider-horizontal {
5015
5021
  height: 1px;
5022
+ width: 100%;
5016
5023
  margin: 24px 0;
5017
5024
  }
5018
5025
  .rs-divider-horizontal.rs-divider-with-text {
@@ -12365,6 +12372,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12365
12372
  bottom: -10px;
12366
12373
  right: -10px;
12367
12374
  }
12375
+ .rs-radio-control [type='radio']:disabled {
12376
+ cursor: not-allowed;
12377
+ }
12368
12378
  .rs-radio-control::before,
12369
12379
  .rs-radio-control .rs-radio-inner::before,
12370
12380
  .rs-radio-control .rs-radio-inner::after {
@@ -13970,7 +13980,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13970
13980
  width: 100%;
13971
13981
  z-index: 4;
13972
13982
  border-top: 1px solid #f2f2f5;
13973
- border-top: 1px solid var(--rs-border-secondary);
13983
+ border-top: 1px solid var(--rs-table-border-color);
13974
13984
  padding: 10px;
13975
13985
  background-color: #fff;
13976
13986
  background-color: var(--rs-bg-card);
@@ -14116,7 +14126,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14116
14126
  background-color: #fff;
14117
14127
  background-color: var(--rs-bg-card);
14118
14128
  border-bottom: 1px solid #f2f2f5;
14119
- border-bottom: 1px solid var(--rs-border-secondary);
14129
+ border-bottom: 1px solid var(--rs-table-border-color);
14120
14130
  }
14121
14131
  .rs-table-cell.first {
14122
14132
  border-right-width: 0;
@@ -14155,7 +14165,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14155
14165
  }
14156
14166
  .rs-table-cell-rowspan {
14157
14167
  border-bottom: 1px solid #f2f2f5 !important;
14158
- border-bottom: 1px solid var(--rs-border-secondary) !important;
14168
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
14159
14169
  }
14160
14170
  .rs-table-cell-full-text:hover {
14161
14171
  z-index: 1 !important;
@@ -14263,11 +14273,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14263
14273
  }
14264
14274
  .rs-table-bordered {
14265
14275
  border: 1px solid #f2f2f5;
14266
- border: 1px solid var(--rs-border-secondary);
14276
+ border: 1px solid var(--rs-table-border-color);
14267
14277
  }
14268
14278
  .rs-table-cell-bordered .rs-table-cell {
14269
14279
  border-left: 1px solid #f2f2f5;
14270
- border-left: 1px solid var(--rs-border-secondary);
14280
+ border-left: 1px solid var(--rs-table-border-color);
14271
14281
  }
14272
14282
  .rs-table-column-group {
14273
14283
  position: absolute;
@@ -14278,7 +14288,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14278
14288
  }
14279
14289
  .rs-table-column-group-header {
14280
14290
  border-bottom: 1px solid #f2f2f5;
14281
- border-bottom: 1px solid var(--rs-border-secondary);
14291
+ border-bottom: 1px solid var(--rs-table-border-color);
14282
14292
  position: absolute;
14283
14293
  width: 100%;
14284
14294
  }
@@ -14289,7 +14299,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14289
14299
  .rs-table-column-group-cell {
14290
14300
  position: absolute;
14291
14301
  border-left: 1px solid #f2f2f5;
14292
- border-left: 1px solid var(--rs-border-secondary);
14302
+ border-left: 1px solid var(--rs-table-border-color);
14303
+ }
14304
+ .rs-table-row:not(.rs-table-row-rowspan) {
14305
+ border-bottom: 1px solid #f2f2f5;
14306
+ border-bottom: 1px solid var(--rs-table-border-color);
14293
14307
  }
14294
14308
  .rs-table-cell-expand-wrapper {
14295
14309
  margin-left: 10px;
@@ -15683,6 +15697,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15683
15697
  opacity: 0.3;
15684
15698
  cursor: not-allowed;
15685
15699
  }
15700
+ .rs-uploader-file-item-disabled:hover {
15701
+ background-color: transparent !important;
15702
+ }
15686
15703
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15687
15704
  cursor: not-allowed;
15688
15705
  }
@@ -16931,13 +16948,19 @@ kbd.rs-text {
16931
16948
  -ms-flex-align: center;
16932
16949
  align-items: center;
16933
16950
  }
16934
- .rs-picker-error > .rs-input-group {
16935
- border-color: #f44336 !important;
16936
- border-color: var(--rs-state-error) !important;
16951
+ .rs-picker-error > .rs-picker-input-group {
16952
+ border-color: #f44336;
16953
+ border-color: var(--rs-picker-state-error);
16937
16954
  }
16938
- .rs-picker-error > .rs-input-group:focus-within {
16939
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16940
- outline: var(--rs-state-error-outline) !important;
16955
+ .rs-picker-error > .rs-picker-input-group:hover {
16956
+ border-color: #f44336;
16957
+ border-color: var(--rs-picker-state-error);
16958
+ }
16959
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16960
+ border-color: #f44336;
16961
+ border-color: var(--rs-picker-state-error);
16962
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16963
+ outline: var(--rs-picker-state-error-outline);
16941
16964
  }
16942
16965
  .rs-picker-toggle {
16943
16966
  display: -webkit-inline-box;