rsuite 5.46.1 → 5.47.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 (161) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/CloseButton/styles/index.less +13 -7
  3. package/Message/styles/mixin.less +8 -0
  4. package/Notification/styles/index.less +8 -0
  5. package/Picker/styles/index.less +0 -9
  6. package/Tag/styles/index.less +2 -5
  7. package/Uploader/styles/index.less +1 -2
  8. package/cjs/Checkbox/Checkbox.d.ts +2 -0
  9. package/cjs/CloseButton/CloseButton.js +3 -5
  10. package/cjs/CustomProvider/CustomProvider.d.ts +3 -3
  11. package/cjs/InputPicker/InputPicker.d.ts +3 -22
  12. package/cjs/InputPicker/InputPicker.js +8 -8
  13. package/cjs/InputPicker/InputPickerContext.d.ts +26 -0
  14. package/cjs/InputPicker/InputPickerContext.js +13 -0
  15. package/cjs/Picker/DropdownMenu.d.ts +1 -0
  16. package/cjs/Picker/DropdownMenu.js +7 -3
  17. package/cjs/Picker/DropdownMenuCheckItem.d.ts +2 -0
  18. package/cjs/Picker/DropdownMenuCheckItem.js +18 -14
  19. package/cjs/Picker/PickerToggle.js +3 -1
  20. package/cjs/RadioTile/RadioTile.d.ts +5 -0
  21. package/cjs/RadioTile/RadioTile.js +5 -0
  22. package/cjs/Tag/Tag.js +7 -1
  23. package/cjs/TagInput/index.d.ts +3 -15
  24. package/cjs/TagInput/index.js +3 -2
  25. package/cjs/TagPicker/index.d.ts +12 -10
  26. package/cjs/TagPicker/index.js +12 -5
  27. package/cjs/Uploader/UploadFileItem.js +19 -5
  28. package/cjs/locales/ar_EG.d.ts +3 -0
  29. package/cjs/locales/ar_EG.js +5 -2
  30. package/cjs/locales/da_DK.d.ts +3 -0
  31. package/cjs/locales/da_DK.js +5 -2
  32. package/cjs/locales/de_DE.d.ts +3 -0
  33. package/cjs/locales/de_DE.js +5 -2
  34. package/cjs/locales/default.d.ts +3 -0
  35. package/cjs/locales/default.js +5 -2
  36. package/cjs/locales/en_US.d.ts +3 -0
  37. package/cjs/locales/en_US.js +5 -2
  38. package/cjs/locales/es_AR.d.ts +3 -0
  39. package/cjs/locales/es_AR.js +5 -2
  40. package/cjs/locales/es_ES.d.ts +3 -0
  41. package/cjs/locales/es_ES.js +5 -2
  42. package/cjs/locales/fa_IR.d.ts +3 -0
  43. package/cjs/locales/fa_IR.js +5 -2
  44. package/cjs/locales/fi_FI.d.ts +3 -0
  45. package/cjs/locales/fi_FI.js +5 -2
  46. package/cjs/locales/fr_FR.d.ts +3 -0
  47. package/cjs/locales/fr_FR.js +5 -2
  48. package/cjs/locales/hu_HU.d.ts +3 -0
  49. package/cjs/locales/hu_HU.js +5 -2
  50. package/cjs/locales/index.d.ts +1 -1
  51. package/cjs/locales/it_IT.d.ts +3 -0
  52. package/cjs/locales/it_IT.js +5 -2
  53. package/cjs/locales/ja_JP.d.ts +3 -0
  54. package/cjs/locales/ja_JP.js +5 -2
  55. package/cjs/locales/kk_KZ.d.ts +3 -0
  56. package/cjs/locales/kk_KZ.js +5 -2
  57. package/cjs/locales/ko_KR.d.ts +3 -0
  58. package/cjs/locales/ko_KR.js +5 -2
  59. package/cjs/locales/ne_NP.d.ts +3 -0
  60. package/cjs/locales/ne_NP.js +5 -2
  61. package/cjs/locales/nl_NL.d.ts +3 -0
  62. package/cjs/locales/nl_NL.js +5 -2
  63. package/cjs/locales/pt_BR.d.ts +3 -0
  64. package/cjs/locales/pt_BR.js +5 -2
  65. package/cjs/locales/ru_RU.d.ts +3 -0
  66. package/cjs/locales/ru_RU.js +6 -3
  67. package/cjs/locales/sv_SE.d.ts +3 -0
  68. package/cjs/locales/sv_SE.js +5 -2
  69. package/cjs/locales/tr_TR.d.ts +3 -0
  70. package/cjs/locales/tr_TR.js +5 -2
  71. package/cjs/locales/zh_CN.d.ts +3 -0
  72. package/cjs/locales/zh_CN.js +5 -2
  73. package/cjs/locales/zh_TW.d.ts +3 -0
  74. package/cjs/locales/zh_TW.js +5 -2
  75. package/dist/rsuite-no-reset-rtl.css +54 -25
  76. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  77. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  78. package/dist/rsuite-no-reset.css +54 -25
  79. package/dist/rsuite-no-reset.min.css +1 -1
  80. package/dist/rsuite-no-reset.min.css.map +1 -1
  81. package/dist/rsuite-rtl.css +54 -25
  82. package/dist/rsuite-rtl.min.css +1 -1
  83. package/dist/rsuite-rtl.min.css.map +1 -1
  84. package/dist/rsuite.css +54 -25
  85. package/dist/rsuite.js +23 -12
  86. package/dist/rsuite.js.map +1 -1
  87. package/dist/rsuite.min.css +1 -1
  88. package/dist/rsuite.min.css.map +1 -1
  89. package/dist/rsuite.min.js +1 -1
  90. package/dist/rsuite.min.js.map +1 -1
  91. package/esm/Checkbox/Checkbox.d.ts +2 -0
  92. package/esm/CloseButton/CloseButton.js +3 -5
  93. package/esm/CustomProvider/CustomProvider.d.ts +3 -3
  94. package/esm/InputPicker/InputPicker.d.ts +3 -22
  95. package/esm/InputPicker/InputPicker.js +6 -5
  96. package/esm/InputPicker/InputPickerContext.d.ts +26 -0
  97. package/esm/InputPicker/InputPickerContext.js +7 -0
  98. package/esm/Picker/DropdownMenu.d.ts +1 -0
  99. package/esm/Picker/DropdownMenu.js +7 -3
  100. package/esm/Picker/DropdownMenuCheckItem.d.ts +2 -0
  101. package/esm/Picker/DropdownMenuCheckItem.js +18 -14
  102. package/esm/Picker/PickerToggle.js +4 -2
  103. package/esm/RadioTile/RadioTile.d.ts +5 -0
  104. package/esm/RadioTile/RadioTile.js +5 -0
  105. package/esm/Tag/Tag.js +8 -2
  106. package/esm/TagInput/index.d.ts +3 -15
  107. package/esm/TagInput/index.js +2 -1
  108. package/esm/TagPicker/index.d.ts +12 -10
  109. package/esm/TagPicker/index.js +11 -4
  110. package/esm/Uploader/UploadFileItem.js +19 -5
  111. package/esm/locales/ar_EG.d.ts +3 -0
  112. package/esm/locales/ar_EG.js +5 -2
  113. package/esm/locales/da_DK.d.ts +3 -0
  114. package/esm/locales/da_DK.js +5 -2
  115. package/esm/locales/de_DE.d.ts +3 -0
  116. package/esm/locales/de_DE.js +5 -2
  117. package/esm/locales/default.d.ts +3 -0
  118. package/esm/locales/default.js +5 -2
  119. package/esm/locales/en_US.d.ts +3 -0
  120. package/esm/locales/en_US.js +5 -2
  121. package/esm/locales/es_AR.d.ts +3 -0
  122. package/esm/locales/es_AR.js +5 -2
  123. package/esm/locales/es_ES.d.ts +3 -0
  124. package/esm/locales/es_ES.js +5 -2
  125. package/esm/locales/fa_IR.d.ts +3 -0
  126. package/esm/locales/fa_IR.js +5 -2
  127. package/esm/locales/fi_FI.d.ts +3 -0
  128. package/esm/locales/fi_FI.js +5 -2
  129. package/esm/locales/fr_FR.d.ts +3 -0
  130. package/esm/locales/fr_FR.js +5 -2
  131. package/esm/locales/hu_HU.d.ts +3 -0
  132. package/esm/locales/hu_HU.js +5 -2
  133. package/esm/locales/index.d.ts +1 -1
  134. package/esm/locales/it_IT.d.ts +3 -0
  135. package/esm/locales/it_IT.js +5 -2
  136. package/esm/locales/ja_JP.d.ts +3 -0
  137. package/esm/locales/ja_JP.js +5 -2
  138. package/esm/locales/kk_KZ.d.ts +3 -0
  139. package/esm/locales/kk_KZ.js +5 -2
  140. package/esm/locales/ko_KR.d.ts +3 -0
  141. package/esm/locales/ko_KR.js +5 -2
  142. package/esm/locales/ne_NP.d.ts +3 -0
  143. package/esm/locales/ne_NP.js +5 -2
  144. package/esm/locales/nl_NL.d.ts +3 -0
  145. package/esm/locales/nl_NL.js +5 -2
  146. package/esm/locales/pt_BR.d.ts +3 -0
  147. package/esm/locales/pt_BR.js +5 -2
  148. package/esm/locales/ru_RU.d.ts +3 -0
  149. package/esm/locales/ru_RU.js +6 -3
  150. package/esm/locales/sv_SE.d.ts +3 -0
  151. package/esm/locales/sv_SE.js +5 -2
  152. package/esm/locales/tr_TR.d.ts +3 -0
  153. package/esm/locales/tr_TR.js +5 -2
  154. package/esm/locales/zh_CN.d.ts +3 -0
  155. package/esm/locales/zh_CN.js +5 -2
  156. package/esm/locales/zh_TW.d.ts +3 -0
  157. package/esm/locales/zh_TW.js +5 -2
  158. package/package.json +1 -1
  159. package/styles/color-modes/dark.less +3 -1
  160. package/styles/color-modes/high-contrast.less +3 -1
  161. package/styles/color-modes/light.less +3 -1
package/dist/rsuite-rtl.css CHANGED
@@ -305,8 +305,8 @@
305
305
  --rs-avatar-text: var(--rs-gray-0);
306
306
  --rs-badge-bg: var(--rs-color-red);
307
307
  --rs-badge-text: var(--rs-gray-0);
308
+ --rs-close-button-hover-color: var(--rs-color-red);
308
309
  --rs-tag-bg: var(--rs-gray-50);
309
- --rs-tag-close: var(--rs-color-red);
310
310
  --rs-carousel-bg: var(--rs-gray-600);
311
311
  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
312
312
  --rs-carousel-indicator-hover: var(--rs-gray-0);
@@ -647,8 +647,8 @@
647
647
  --rs-avatar-text: var(--rs-gray-0);
648
648
  --rs-badge-bg: var(--rs-color-red);
649
649
  --rs-badge-text: var(--rs-gray-0);
650
+ --rs-close-button-hover-color: var(--rs-color-red);
650
651
  --rs-tag-bg: var(--rs-gray-600);
651
- --rs-tag-close: var(--rs-color-red);
652
652
  --rs-carousel-bg: var(--rs-gray-600);
653
653
  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
654
654
  --rs-carousel-indicator-hover: var(--rs-gray-0);
@@ -992,8 +992,8 @@
992
992
  --rs-avatar-text: var(--rs-gray-0);
993
993
  --rs-badge-bg: var(--rs-red-500);
994
994
  --rs-badge-text: var(--rs-gray-0);
995
+ --rs-close-button-hover-color: var(--rs-color-red);
995
996
  --rs-tag-bg: var(--rs-gray-600);
996
- --rs-tag-close: var(--rs-color-red);
997
997
  --rs-carousel-bg: var(--rs-gray-600);
998
998
  --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
999
999
  --rs-carousel-indicator-hover: var(--rs-gray-0);
@@ -9476,6 +9476,13 @@ textarea.rs-picker-search-input {
9476
9476
  color: #575757;
9477
9477
  color: var(--rs-message-success-text);
9478
9478
  }
9479
+ .rs-message-success .rs-btn-close {
9480
+ position: absolute;
9481
+ left: 0;
9482
+ top: 0;
9483
+ padding: 8px;
9484
+ font-size: 12px;
9485
+ }
9479
9486
  .rs-message-success .rs-message-icon-wrapper > .rs-icon,
9480
9487
  .rs-message-success .rs-btn-close {
9481
9488
  color: #4caf50;
@@ -9496,6 +9503,13 @@ textarea.rs-picker-search-input {
9496
9503
  color: #575757;
9497
9504
  color: var(--rs-message-info-text);
9498
9505
  }
9506
+ .rs-message-info .rs-btn-close {
9507
+ position: absolute;
9508
+ left: 0;
9509
+ top: 0;
9510
+ padding: 8px;
9511
+ font-size: 12px;
9512
+ }
9499
9513
  .rs-message-info .rs-message-icon-wrapper > .rs-icon,
9500
9514
  .rs-message-info .rs-btn-close {
9501
9515
  color: #2196f3;
@@ -9516,6 +9530,13 @@ textarea.rs-picker-search-input {
9516
9530
  color: #575757;
9517
9531
  color: var(--rs-message-warning-text);
9518
9532
  }
9533
+ .rs-message-warning .rs-btn-close {
9534
+ position: absolute;
9535
+ left: 0;
9536
+ top: 0;
9537
+ padding: 8px;
9538
+ font-size: 12px;
9539
+ }
9519
9540
  .rs-message-warning .rs-message-icon-wrapper > .rs-icon,
9520
9541
  .rs-message-warning .rs-btn-close {
9521
9542
  color: #ffb300;
@@ -9536,6 +9557,13 @@ textarea.rs-picker-search-input {
9536
9557
  color: #575757;
9537
9558
  color: var(--rs-message-error-text);
9538
9559
  }
9560
+ .rs-message-error .rs-btn-close {
9561
+ position: absolute;
9562
+ left: 0;
9563
+ top: 0;
9564
+ padding: 8px;
9565
+ font-size: 12px;
9566
+ }
9539
9567
  .rs-message-error .rs-message-icon-wrapper > .rs-icon,
9540
9568
  .rs-message-error .rs-btn-close {
9541
9569
  color: #f44336;
@@ -10312,6 +10340,13 @@ textarea.rs-picker-search-input {
10312
10340
  .rs-notification.rs-notification-hiding ~ .rs-notification {
10313
10341
  margin-top: 0;
10314
10342
  }
10343
+ .rs-notification .rs-btn-close {
10344
+ position: absolute;
10345
+ left: 0;
10346
+ top: 0;
10347
+ padding: 8px;
10348
+ font-size: 12px;
10349
+ }
10315
10350
  .rs-notification-success .rs-notification-content .rs-notification-title + .rs-notification-description {
10316
10351
  margin-right: 34px;
10317
10352
  }
@@ -11831,15 +11866,6 @@ textarea.rs-picker-search-input {
11831
11866
  .rs-picker-toggle-clean.rs-btn-close {
11832
11867
  padding: 4px 0;
11833
11868
  }
11834
- .rs-picker-toggle-clean:hover {
11835
- color: #f44336;
11836
- color: var(--rs-state-error);
11837
- }
11838
- .rs-picker-toggle-clean:hover svg path {
11839
- stroke: #f44336;
11840
- stroke: var(--rs-state-error);
11841
- stroke-width: 1;
11842
- }
11843
11869
  .rs-picker-date .rs-picker-toggle-clean,
11844
11870
  .rs-picker-daterange .rs-picker-toggle-clean {
11845
11871
  left: 38px;
@@ -14807,11 +14833,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14807
14833
  }
14808
14834
  .rs-tag-icon-close {
14809
14835
  position: absolute;
14810
- font-size: 12px;
14811
- }
14812
- .rs-tag-default .rs-tag-icon-close:hover {
14813
- color: #f44336;
14814
- color: var(--rs-tag-close);
14836
+ top: 0;
14837
+ left: 0;
14815
14838
  }
14816
14839
  .rs-tag-group {
14817
14840
  margin: -10px -10px 0 0;
@@ -16062,7 +16085,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16062
16085
  }
16063
16086
  .rs-uploader-text .rs-uploader-file-item-btn-remove {
16064
16087
  position: absolute;
16065
- font-size: 12px;
16088
+ font-size: 14px;
16066
16089
  top: 12px;
16067
16090
  left: 12px;
16068
16091
  color: #8e8e93;
@@ -16919,20 +16942,26 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16919
16942
  animation-name: notificationMoveOut;
16920
16943
  }
16921
16944
  .rs-btn-close {
16922
- background: transparent;
16923
- position: absolute;
16924
- top: 0;
16925
- left: 0;
16926
- padding: 8px 8px 0;
16927
- font-size: 12px;
16928
- line-height: 1;
16929
16945
  border: none;
16930
16946
  outline: none !important;
16947
+ background: transparent;
16948
+ line-height: 1;
16931
16949
  cursor: pointer;
16932
16950
  }
16933
16951
  .rs-btn-close .rs-icon {
16934
16952
  vertical-align: bottom;
16935
16953
  }
16954
+ .rs-btn-close:hover,
16955
+ .rs-btn-close:focus {
16956
+ color: #f44336;
16957
+ color: var(--rs-close-button-hover-color);
16958
+ }
16959
+ .rs-btn-close:hover svg path,
16960
+ .rs-btn-close:focus svg path {
16961
+ stroke: #f44336;
16962
+ stroke: var(--rs-close-button-hover-color);
16963
+ stroke-width: 1;
16964
+ }
16936
16965
  .rs-stack {
16937
16966
  display: -webkit-box;
16938
16967
  display: -ms-flexbox;