rsuite 5.15.2 → 5.16.2

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 (79) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/Form/styles/mixin.less +1 -1
  3. package/InputGroup/styles/index.less +8 -4
  4. package/Picker/styles/index.less +6 -0
  5. package/Slider/styles/index.less +2 -1
  6. package/TreePicker/styles/index.less +0 -3
  7. package/cjs/Cascader/utils.js +3 -5
  8. package/cjs/CheckPicker/CheckPicker.d.ts +2 -2
  9. package/cjs/CheckPicker/test/CheckPicker.test.js +15 -0
  10. package/cjs/CheckTreePicker/CheckTreePicker.d.ts +2 -2
  11. package/cjs/CheckTreePicker/test/CheckTreePicker.test.d.ts +1 -0
  12. package/cjs/CheckTreePicker/test/CheckTreePicker.test.js +15 -0
  13. package/cjs/CheckTreePicker/utils.js +3 -1
  14. package/cjs/CustomProvider/CustomProvider.js +6 -3
  15. package/cjs/DateRangePicker/Calendar.d.ts +0 -1
  16. package/cjs/DateRangePicker/Calendar.js +1 -39
  17. package/cjs/DateRangePicker/DateRangePicker.js +22 -22
  18. package/cjs/DateRangePicker/utils.d.ts +2 -1
  19. package/cjs/DateRangePicker/utils.js +12 -3
  20. package/cjs/InputPicker/InputPicker.d.ts +2 -2
  21. package/cjs/InputPicker/test/InputPicker.test.d.ts +1 -0
  22. package/cjs/InputPicker/test/InputPicker.test.js +15 -0
  23. package/cjs/MultiCascader/utils.js +3 -2
  24. package/cjs/Overlay/OverlayTrigger.js +1 -1
  25. package/cjs/Panel/Panel.js +8 -7
  26. package/cjs/Picker/PickerToggle.d.ts +1 -0
  27. package/cjs/Picker/PickerToggle.js +5 -2
  28. package/cjs/SelectPicker/SelectPicker.d.ts +8 -2
  29. package/cjs/SelectPicker/test/SelectPicker.test.js +30 -0
  30. package/cjs/TreePicker/TreePicker.d.ts +2 -2
  31. package/cjs/TreePicker/test/TreePicker.test.d.ts +1 -0
  32. package/cjs/TreePicker/test/TreePicker.test.js +15 -0
  33. package/cjs/utils/attachParent.d.ts +1 -0
  34. package/cjs/utils/attachParent.js +15 -0
  35. package/cjs/utils/treeUtils.js +3 -2
  36. package/cjs/utils/usePortal.d.ts +4 -2
  37. package/cjs/utils/usePortal.js +40 -14
  38. package/dist/rsuite-rtl.css +34 -27
  39. package/dist/rsuite-rtl.min.css +1 -1
  40. package/dist/rsuite-rtl.min.css.map +1 -1
  41. package/dist/rsuite.css +34 -27
  42. package/dist/rsuite.js +28 -17
  43. package/dist/rsuite.js.map +1 -1
  44. package/dist/rsuite.min.css +1 -1
  45. package/dist/rsuite.min.css.map +1 -1
  46. package/dist/rsuite.min.js +1 -1
  47. package/dist/rsuite.min.js.map +1 -1
  48. package/esm/Cascader/utils.js +2 -4
  49. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  50. package/esm/CheckPicker/test/CheckPicker.test.js +14 -0
  51. package/esm/CheckTreePicker/CheckTreePicker.d.ts +2 -2
  52. package/esm/CheckTreePicker/test/CheckTreePicker.test.d.ts +1 -0
  53. package/esm/CheckTreePicker/test/CheckTreePicker.test.js +10 -0
  54. package/esm/CheckTreePicker/utils.js +2 -1
  55. package/esm/CustomProvider/CustomProvider.js +6 -3
  56. package/esm/DateRangePicker/Calendar.d.ts +0 -1
  57. package/esm/DateRangePicker/Calendar.js +2 -41
  58. package/esm/DateRangePicker/DateRangePicker.js +22 -22
  59. package/esm/DateRangePicker/utils.d.ts +2 -1
  60. package/esm/DateRangePicker/utils.js +12 -3
  61. package/esm/InputPicker/InputPicker.d.ts +2 -2
  62. package/esm/InputPicker/test/InputPicker.test.d.ts +1 -0
  63. package/esm/InputPicker/test/InputPicker.test.js +10 -0
  64. package/esm/MultiCascader/utils.js +2 -2
  65. package/esm/Overlay/OverlayTrigger.js +1 -1
  66. package/esm/Panel/Panel.js +8 -7
  67. package/esm/Picker/PickerToggle.d.ts +1 -0
  68. package/esm/Picker/PickerToggle.js +5 -2
  69. package/esm/SelectPicker/SelectPicker.d.ts +8 -2
  70. package/esm/SelectPicker/test/SelectPicker.test.js +29 -0
  71. package/esm/TreePicker/TreePicker.d.ts +2 -2
  72. package/esm/TreePicker/test/TreePicker.test.d.ts +1 -0
  73. package/esm/TreePicker/test/TreePicker.test.js +10 -0
  74. package/esm/utils/attachParent.d.ts +1 -0
  75. package/esm/utils/attachParent.js +10 -0
  76. package/esm/utils/treeUtils.js +2 -2
  77. package/esm/utils/usePortal.d.ts +4 -2
  78. package/esm/utils/usePortal.js +36 -14
  79. package/package.json +2 -2
package/dist/rsuite.css CHANGED
@@ -7883,10 +7883,11 @@ textarea.rs-input {
7883
7883
  outline: 0;
7884
7884
  }
7885
7885
  .rs-input:focus {
7886
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7887
- -webkit-box-shadow: var(--rs-state-focus-shadow);
7888
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7889
- box-shadow: var(--rs-state-focus-shadow);
7886
+ outline: 3px solid rgba(52, 152, 255, 0.25);
7887
+ outline: 3px solid var(--rs-color-focus-ring);
7888
+ }
7889
+ .rs-theme-high-contrast .rs-input:focus {
7890
+ outline-offset: 2px;
7890
7891
  }
7891
7892
  .rs-input:disabled {
7892
7893
  background-color: #f7f7fa;
@@ -7970,10 +7971,15 @@ textarea.rs-input-sm {
7970
7971
  }
7971
7972
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7972
7973
  .rs-input-group:focus-within {
7973
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7974
- -webkit-box-shadow: var(--rs-state-focus-shadow);
7975
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7976
- box-shadow: var(--rs-state-focus-shadow);
7974
+ outline: 3px solid rgba(52, 152, 255, 0.25);
7975
+ outline: 3px solid var(--rs-color-focus-ring);
7976
+ }
7977
+ .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7978
+ .rs-theme-high-contrast .rs-input-group:focus-within {
7979
+ outline-offset: 2px;
7980
+ }
7981
+ .rs-input-group .rs-input-group {
7982
+ outline: none !important;
7977
7983
  }
7978
7984
  .rs-input-group .rs-input-number,
7979
7985
  .rs-input-group .rs-input-group-addon,
@@ -7981,14 +7987,12 @@ textarea.rs-input-sm {
7981
7987
  .rs-input-group .rs-picker-date .rs-picker-toggle {
7982
7988
  border: none;
7983
7989
  border-radius: 0;
7984
- -webkit-box-shadow: none;
7985
- box-shadow: none;
7990
+ outline: none;
7986
7991
  }
7987
7992
  .rs-input-group:not(.rs-input-group-inside) .rs-input {
7988
7993
  border: none;
7989
7994
  border-radius: 0;
7990
- -webkit-box-shadow: none;
7991
- box-shadow: none;
7995
+ outline: none;
7992
7996
  }
7993
7997
  .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-btn-group-vertical {
7994
7998
  border-radius: 0;
@@ -8102,8 +8106,7 @@ textarea.rs-input-sm {
8102
8106
  line-height: 1.42857143;
8103
8107
  }
8104
8108
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
8105
- -webkit-box-shadow: none;
8106
- box-shadow: none;
8109
+ outline: none;
8107
8110
  }
8108
8111
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:first-child {
8109
8112
  border-bottom-left-radius: 6px;
@@ -11586,6 +11589,10 @@ textarea.rs-picker-search-input {
11586
11589
  .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
11587
11590
  display: none;
11588
11591
  }
11592
+ .rs-picker-toggle-label {
11593
+ color: #575757;
11594
+ color: var(--rs-text-primary);
11595
+ }
11589
11596
  .rs-picker-toggle-value {
11590
11597
  display: block;
11591
11598
  overflow: hidden;
@@ -11661,6 +11668,13 @@ textarea.rs-picker-search-input {
11661
11668
  overflow: hidden;
11662
11669
  -webkit-transition: none;
11663
11670
  transition: none;
11671
+ display: -webkit-box;
11672
+ display: -ms-flexbox;
11673
+ display: flex;
11674
+ -webkit-box-orient: vertical;
11675
+ -webkit-box-direction: normal;
11676
+ -ms-flex-direction: column;
11677
+ flex-direction: column;
11664
11678
  /* stylelint-disable-next-line */
11665
11679
  }
11666
11680
  .rs-theme-high-contrast .rs-picker-menu {
@@ -11737,10 +11751,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11737
11751
  outline: 0;
11738
11752
  }
11739
11753
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11740
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11741
- -webkit-box-shadow: var(--rs-state-focus-shadow);
11742
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11743
- box-shadow: var(--rs-state-focus-shadow);
11754
+ outline: 3px solid rgba(52, 152, 255, 0.25);
11755
+ outline: 3px solid var(--rs-color-focus-ring);
11756
+ }
11757
+ .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11758
+ outline-offset: 2px;
11744
11759
  }
11745
11760
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11746
11761
  background-color: #f7f7fa;
@@ -13865,6 +13880,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13865
13880
  .rs-slider-handle {
13866
13881
  position: absolute;
13867
13882
  top: -50%;
13883
+ outline: none;
13868
13884
  }
13869
13885
  .rs-slider-handle::before {
13870
13886
  content: '';
@@ -15741,15 +15757,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15741
15757
  margin-left: -13px;
15742
15758
  border-left: 1px solid rgba(0, 0, 0, 0.1);
15743
15759
  }
15744
- .rs-picker-menu {
15745
- display: -webkit-box;
15746
- display: -ms-flexbox;
15747
- display: flex;
15748
- -webkit-box-orient: vertical;
15749
- -webkit-box-direction: normal;
15750
- -ms-flex-direction: column;
15751
- flex-direction: column;
15752
- }
15753
15760
  .rs-picker-menu.rs-tree-menu {
15754
15761
  padding-top: 12px;
15755
15762
  }