rsuite 5.5.0 → 5.6.1

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/CHANGELOG.md +39 -0
  2. package/Carousel/styles/index.less +1 -0
  3. package/CheckTreePicker/styles/index.less +5 -5
  4. package/Modal/styles/mixin.less +1 -0
  5. package/README.md +4 -2
  6. package/Sidenav/styles/index.less +2 -2
  7. package/cjs/Affix/Affix.js +1 -0
  8. package/cjs/Calendar/TimeDropdown.js +7 -4
  9. package/cjs/Carousel/Carousel.d.ts +5 -1
  10. package/cjs/Carousel/Carousel.js +22 -16
  11. package/cjs/Cascader/Cascader.js +2 -2
  12. package/cjs/Cascader/DropdownMenu.js +1 -1
  13. package/cjs/CheckTreePicker/CheckTreePicker.js +17 -12
  14. package/cjs/CheckTreePicker/utils.d.ts +3 -3
  15. package/cjs/CheckTreePicker/utils.js +2 -2
  16. package/cjs/DOMHelper/index.d.ts +4 -4
  17. package/cjs/DatePicker/DatePicker.d.ts +2 -1
  18. package/cjs/DatePicker/DatePicker.js +19 -12
  19. package/cjs/DateRangePicker/Calendar.js +2 -16
  20. package/cjs/DateRangePicker/DateRangePicker.d.ts +2 -2
  21. package/cjs/DateRangePicker/DateRangePicker.js +5 -4
  22. package/cjs/IconButton/IconButton.d.ts +5 -2
  23. package/cjs/IconButton/IconButton.js +2 -2
  24. package/cjs/IconButton/test/IconButton.test.d.ts +1 -0
  25. package/cjs/IconButton/test/IconButton.test.js +24 -0
  26. package/cjs/InputPicker/InputAutosize.js +3 -1
  27. package/cjs/InputPicker/InputPicker.js +6 -2
  28. package/cjs/List/ListItem.js +13 -11
  29. package/cjs/Menu/MenuItem.js +14 -11
  30. package/cjs/Picker/PickerOverlay.js +4 -1
  31. package/cjs/Picker/index.d.ts +2 -1
  32. package/cjs/Ripple/Ripple.js +17 -9
  33. package/cjs/TreePicker/TreePicker.js +15 -11
  34. package/cjs/Uploader/UploadTrigger.js +3 -1
  35. package/cjs/Uploader/Uploader.js +3 -1
  36. package/cjs/toaster/toaster.d.ts +1 -1
  37. package/cjs/toaster/toaster.js +9 -3
  38. package/cjs/utils/treeUtils.d.ts +3 -3
  39. package/cjs/utils/useElementResize.d.ts +1 -1
  40. package/cjs/utils/useElementResize.js +5 -2
  41. package/cjs/utils/useTimeout.d.ts +2 -2
  42. package/cjs/utils/useTimeout.js +17 -8
  43. package/dist/rsuite-rtl.css +23 -16
  44. package/dist/rsuite-rtl.min.css +1 -1
  45. package/dist/rsuite-rtl.min.css.map +1 -1
  46. package/dist/rsuite.css +23 -16
  47. package/dist/rsuite.js +370 -51
  48. package/dist/rsuite.js.map +1 -1
  49. package/dist/rsuite.min.css +1 -1
  50. package/dist/rsuite.min.css.map +1 -1
  51. package/dist/rsuite.min.js +1 -1
  52. package/dist/rsuite.min.js.map +1 -1
  53. package/esm/Affix/Affix.js +1 -0
  54. package/esm/Calendar/TimeDropdown.js +7 -4
  55. package/esm/Carousel/Carousel.d.ts +5 -1
  56. package/esm/Carousel/Carousel.js +23 -17
  57. package/esm/Cascader/Cascader.js +2 -2
  58. package/esm/Cascader/DropdownMenu.js +1 -1
  59. package/esm/CheckTreePicker/CheckTreePicker.js +17 -12
  60. package/esm/CheckTreePicker/utils.d.ts +3 -3
  61. package/esm/CheckTreePicker/utils.js +2 -2
  62. package/esm/DOMHelper/index.d.ts +4 -4
  63. package/esm/DatePicker/DatePicker.d.ts +2 -1
  64. package/esm/DatePicker/DatePicker.js +19 -12
  65. package/esm/DateRangePicker/Calendar.js +2 -16
  66. package/esm/DateRangePicker/DateRangePicker.d.ts +2 -2
  67. package/esm/DateRangePicker/DateRangePicker.js +5 -4
  68. package/esm/IconButton/IconButton.d.ts +5 -2
  69. package/esm/IconButton/IconButton.js +1 -1
  70. package/esm/IconButton/test/IconButton.test.d.ts +1 -0
  71. package/esm/IconButton/test/IconButton.test.js +18 -0
  72. package/esm/InputPicker/InputAutosize.js +3 -1
  73. package/esm/InputPicker/InputPicker.js +6 -2
  74. package/esm/List/ListItem.js +13 -11
  75. package/esm/Menu/MenuItem.js +14 -11
  76. package/esm/Picker/PickerOverlay.js +4 -1
  77. package/esm/Picker/index.d.ts +2 -1
  78. package/esm/Ripple/Ripple.js +17 -9
  79. package/esm/TreePicker/TreePicker.js +15 -11
  80. package/esm/Uploader/UploadTrigger.js +3 -1
  81. package/esm/Uploader/Uploader.js +3 -1
  82. package/esm/toaster/toaster.d.ts +1 -1
  83. package/esm/toaster/toaster.js +9 -3
  84. package/esm/utils/treeUtils.d.ts +3 -3
  85. package/esm/utils/useElementResize.d.ts +1 -1
  86. package/esm/utils/useElementResize.js +5 -2
  87. package/esm/utils/useTimeout.d.ts +2 -2
  88. package/esm/utils/useTimeout.js +17 -8
  89. package/package.json +3 -3
package/dist/rsuite.css CHANGED
@@ -3531,6 +3531,8 @@ tbody.rs-anim-collapse.rs-anim-in {
3531
3531
  display: -webkit-box;
3532
3532
  display: -ms-flexbox;
3533
3533
  display: flex;
3534
+ -ms-flex-wrap: wrap;
3535
+ flex-wrap: wrap;
3534
3536
  list-style: none;
3535
3537
  margin: 0;
3536
3538
  padding: 0;
@@ -4163,7 +4165,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4163
4165
  position: relative;
4164
4166
  margin: 0;
4165
4167
  padding: 8px 12px;
4166
- padding-left: 58px;
4168
+ padding-left: 50px;
4167
4169
  }
4168
4170
  .rs-check-tree .rs-check-item .rs-checkbox-checker > label::before {
4169
4171
  content: '';
@@ -4171,17 +4173,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4171
4173
  width: 46px;
4172
4174
  height: 100%;
4173
4175
  top: 0;
4174
- margin-left: -58px;
4176
+ margin-left: -52px;
4175
4177
  }
4176
4178
  .rs-check-tree .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
4177
4179
  left: 20px;
4178
4180
  }
4179
4181
  .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
4180
- padding-left: 34px;
4182
+ padding-left: 32px;
4181
4183
  }
4182
4184
  .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label::before {
4183
4185
  width: 28px;
4184
- margin-left: -36px;
4186
+ margin-left: -34px;
4185
4187
  }
4186
4188
  .rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
4187
4189
  left: 0;
@@ -8763,18 +8765,23 @@ textarea.rs-picker-search-input {
8763
8765
  }
8764
8766
  .rs-modal-lg {
8765
8767
  width: 968px;
8768
+ max-width: calc(100% - 10px);
8766
8769
  }
8767
8770
  .rs-modal-md {
8768
8771
  width: 800px;
8772
+ max-width: calc(100% - 10px);
8769
8773
  }
8770
8774
  .rs-modal-sm {
8771
8775
  width: 600px;
8776
+ max-width: calc(100% - 10px);
8772
8777
  }
8773
8778
  .rs-modal-xs {
8774
8779
  width: 400px;
8780
+ max-width: calc(100% - 10px);
8775
8781
  }
8776
8782
  .rs-modal-full {
8777
8783
  width: calc(100% - 120px);
8784
+ max-width: calc(100% - 10px);
8778
8785
  }
8779
8786
  .rs-modal-shake .rs-modal-dialog {
8780
8787
  -webkit-animation: 0.3s linear shakeHead;
@@ -12610,14 +12617,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12610
12617
  width: 100%;
12611
12618
  white-space: normal;
12612
12619
  }
12613
- .rs-sidenav-nav > .rs-sidenav-item:focus,
12614
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12620
+ .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
12621
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
12615
12622
  outline: 3px solid rgba(52, 152, 255, 0.25);
12616
12623
  outline: 3px solid var(--rs-color-focus-ring);
12617
12624
  outline-offset: -3px;
12618
12625
  }
12619
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
12620
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12626
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
12627
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
12621
12628
  outline-offset: 2px;
12622
12629
  }
12623
12630
  .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
@@ -12839,24 +12846,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12839
12846
  height: 50px;
12840
12847
  padding-left: 56px;
12841
12848
  }
12842
- .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12843
- .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12849
+ .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12850
+ .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12844
12851
  outline: 3px solid rgba(52, 152, 255, 0.25);
12845
12852
  outline: 3px solid var(--rs-color-focus-ring);
12846
12853
  }
12847
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12848
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12854
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12855
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12849
12856
  outline-offset: 2px;
12850
12857
  }
12851
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12852
- .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12858
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12859
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12853
12860
  outline: 3px solid rgba(52, 152, 255, 0.25);
12854
12861
  outline: 3px solid var(--rs-color-focus-ring);
12855
12862
  outline-offset: -3px;
12856
12863
  outline-width: 2px;
12857
12864
  }
12858
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12859
- .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12865
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
12866
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
12860
12867
  outline-offset: 2px;
12861
12868
  }
12862
12869
  .rs-sidenav-collapse-out .rs-dropdown-item {