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-no-reset.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);
@@ -9354,6 +9354,13 @@ textarea.rs-picker-search-input {
9354
9354
  color: #575757;
9355
9355
  color: var(--rs-message-success-text);
9356
9356
  }
9357
+ .rs-message-success .rs-btn-close {
9358
+ position: absolute;
9359
+ right: 0;
9360
+ top: 0;
9361
+ padding: 8px;
9362
+ font-size: 12px;
9363
+ }
9357
9364
  .rs-message-success .rs-message-icon-wrapper > .rs-icon,
9358
9365
  .rs-message-success .rs-btn-close {
9359
9366
  color: #4caf50;
@@ -9374,6 +9381,13 @@ textarea.rs-picker-search-input {
9374
9381
  color: #575757;
9375
9382
  color: var(--rs-message-info-text);
9376
9383
  }
9384
+ .rs-message-info .rs-btn-close {
9385
+ position: absolute;
9386
+ right: 0;
9387
+ top: 0;
9388
+ padding: 8px;
9389
+ font-size: 12px;
9390
+ }
9377
9391
  .rs-message-info .rs-message-icon-wrapper > .rs-icon,
9378
9392
  .rs-message-info .rs-btn-close {
9379
9393
  color: #2196f3;
@@ -9394,6 +9408,13 @@ textarea.rs-picker-search-input {
9394
9408
  color: #575757;
9395
9409
  color: var(--rs-message-warning-text);
9396
9410
  }
9411
+ .rs-message-warning .rs-btn-close {
9412
+ position: absolute;
9413
+ right: 0;
9414
+ top: 0;
9415
+ padding: 8px;
9416
+ font-size: 12px;
9417
+ }
9397
9418
  .rs-message-warning .rs-message-icon-wrapper > .rs-icon,
9398
9419
  .rs-message-warning .rs-btn-close {
9399
9420
  color: #ffb300;
@@ -9414,6 +9435,13 @@ textarea.rs-picker-search-input {
9414
9435
  color: #575757;
9415
9436
  color: var(--rs-message-error-text);
9416
9437
  }
9438
+ .rs-message-error .rs-btn-close {
9439
+ position: absolute;
9440
+ right: 0;
9441
+ top: 0;
9442
+ padding: 8px;
9443
+ font-size: 12px;
9444
+ }
9417
9445
  .rs-message-error .rs-message-icon-wrapper > .rs-icon,
9418
9446
  .rs-message-error .rs-btn-close {
9419
9447
  color: #f44336;
@@ -10190,6 +10218,13 @@ textarea.rs-picker-search-input {
10190
10218
  .rs-notification.rs-notification-hiding ~ .rs-notification {
10191
10219
  margin-top: 0;
10192
10220
  }
10221
+ .rs-notification .rs-btn-close {
10222
+ position: absolute;
10223
+ right: 0;
10224
+ top: 0;
10225
+ padding: 8px;
10226
+ font-size: 12px;
10227
+ }
10193
10228
  .rs-notification-success .rs-notification-content .rs-notification-title + .rs-notification-description {
10194
10229
  margin-left: 34px;
10195
10230
  }
@@ -11711,15 +11746,6 @@ textarea.rs-picker-search-input {
11711
11746
  .rs-picker-toggle-clean.rs-btn-close {
11712
11747
  padding: 4px 0;
11713
11748
  }
11714
- .rs-picker-toggle-clean:hover {
11715
- color: #f44336;
11716
- color: var(--rs-state-error);
11717
- }
11718
- .rs-picker-toggle-clean:hover svg path {
11719
- stroke: #f44336;
11720
- stroke: var(--rs-state-error);
11721
- stroke-width: 1;
11722
- }
11723
11749
  .rs-picker-date .rs-picker-toggle-clean,
11724
11750
  .rs-picker-daterange .rs-picker-toggle-clean {
11725
11751
  right: 38px;
@@ -14691,11 +14717,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14691
14717
  }
14692
14718
  .rs-tag-icon-close {
14693
14719
  position: absolute;
14694
- font-size: 12px;
14695
- }
14696
- .rs-tag-default .rs-tag-icon-close:hover {
14697
- color: #f44336;
14698
- color: var(--rs-tag-close);
14720
+ top: 0;
14721
+ right: 0;
14699
14722
  }
14700
14723
  .rs-tag-group {
14701
14724
  margin: -10px 0 0 -10px;
@@ -15952,7 +15975,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15952
15975
  }
15953
15976
  .rs-uploader-text .rs-uploader-file-item-btn-remove {
15954
15977
  position: absolute;
15955
- font-size: 12px;
15978
+ font-size: 14px;
15956
15979
  top: 12px;
15957
15980
  right: 12px;
15958
15981
  color: #8e8e93;
@@ -16809,20 +16832,26 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16809
16832
  animation-name: notificationMoveOut;
16810
16833
  }
16811
16834
  .rs-btn-close {
16812
- background: transparent;
16813
- position: absolute;
16814
- top: 0;
16815
- right: 0;
16816
- padding: 8px 8px 0;
16817
- font-size: 12px;
16818
- line-height: 1;
16819
16835
  border: none;
16820
16836
  outline: none !important;
16837
+ background: transparent;
16838
+ line-height: 1;
16821
16839
  cursor: pointer;
16822
16840
  }
16823
16841
  .rs-btn-close .rs-icon {
16824
16842
  vertical-align: bottom;
16825
16843
  }
16844
+ .rs-btn-close:hover,
16845
+ .rs-btn-close:focus {
16846
+ color: #f44336;
16847
+ color: var(--rs-close-button-hover-color);
16848
+ }
16849
+ .rs-btn-close:hover svg path,
16850
+ .rs-btn-close:focus svg path {
16851
+ stroke: #f44336;
16852
+ stroke: var(--rs-close-button-hover-color);
16853
+ stroke-width: 1;
16854
+ }
16826
16855
  .rs-stack {
16827
16856
  display: -webkit-box;
16828
16857
  display: -ms-flexbox;