rsuite 5.16.0 → 5.16.3

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 (91) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/Form/styles/mixin.less +1 -1
  3. package/InputGroup/styles/index.less +8 -4
  4. package/Picker/styles/index.less +2 -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/CheckTreePicker.js +5 -0
  12. package/cjs/CheckTreePicker/test/CheckTreePicker.test.d.ts +1 -0
  13. package/cjs/CheckTreePicker/test/CheckTreePicker.test.js +15 -0
  14. package/cjs/CheckTreePicker/utils.js +3 -1
  15. package/cjs/CustomProvider/CustomProvider.js +6 -3
  16. package/cjs/DatePicker/DatePicker.d.ts +1 -1
  17. package/cjs/DatePicker/Toolbar.js +1 -1
  18. package/cjs/DateRangePicker/Calendar.d.ts +0 -1
  19. package/cjs/DateRangePicker/Calendar.js +1 -39
  20. package/cjs/DateRangePicker/DateRangePicker.d.ts +1 -1
  21. package/cjs/DateRangePicker/DateRangePicker.js +22 -22
  22. package/cjs/DateRangePicker/utils.d.ts +2 -1
  23. package/cjs/DateRangePicker/utils.js +12 -3
  24. package/cjs/InputPicker/InputPicker.d.ts +2 -2
  25. package/cjs/InputPicker/test/InputPicker.test.d.ts +1 -0
  26. package/cjs/InputPicker/test/InputPicker.test.js +15 -0
  27. package/cjs/MultiCascader/utils.js +3 -2
  28. package/cjs/Overlay/OverlayTrigger.js +1 -1
  29. package/cjs/Panel/Panel.js +8 -7
  30. package/cjs/Picker/DropdownMenu.d.ts +1 -1
  31. package/cjs/SelectPicker/SelectPicker.d.ts +10 -4
  32. package/cjs/SelectPicker/test/SelectPicker.test.js +40 -0
  33. package/cjs/Tree/Tree.d.ts +2 -2
  34. package/cjs/Tree/test/Tree.test.d.ts +1 -0
  35. package/cjs/Tree/test/Tree.test.js +18 -0
  36. package/cjs/TreePicker/TreePicker.d.ts +2 -2
  37. package/cjs/TreePicker/test/TreePicker.test.d.ts +1 -0
  38. package/cjs/TreePicker/test/TreePicker.test.js +15 -0
  39. package/cjs/utils/attachParent.d.ts +1 -0
  40. package/cjs/utils/attachParent.js +15 -0
  41. package/cjs/utils/treeUtils.js +3 -2
  42. package/cjs/utils/usePortal.d.ts +4 -2
  43. package/cjs/utils/usePortal.js +40 -14
  44. package/dist/rsuite-rtl.css +30 -27
  45. package/dist/rsuite-rtl.min.css +1 -1
  46. package/dist/rsuite-rtl.min.css.map +1 -1
  47. package/dist/rsuite.css +30 -27
  48. package/dist/rsuite.js +28 -17
  49. package/dist/rsuite.js.map +1 -1
  50. package/dist/rsuite.min.css +1 -1
  51. package/dist/rsuite.min.css.map +1 -1
  52. package/dist/rsuite.min.js +1 -1
  53. package/dist/rsuite.min.js.map +1 -1
  54. package/esm/Cascader/utils.js +2 -4
  55. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  56. package/esm/CheckPicker/test/CheckPicker.test.js +14 -0
  57. package/esm/CheckTreePicker/CheckTreePicker.d.ts +2 -2
  58. package/esm/CheckTreePicker/CheckTreePicker.js +5 -0
  59. package/esm/CheckTreePicker/test/CheckTreePicker.test.d.ts +1 -0
  60. package/esm/CheckTreePicker/test/CheckTreePicker.test.js +10 -0
  61. package/esm/CheckTreePicker/utils.js +2 -1
  62. package/esm/CustomProvider/CustomProvider.js +6 -3
  63. package/esm/DatePicker/DatePicker.d.ts +1 -1
  64. package/esm/DatePicker/Toolbar.js +1 -1
  65. package/esm/DateRangePicker/Calendar.d.ts +0 -1
  66. package/esm/DateRangePicker/Calendar.js +2 -41
  67. package/esm/DateRangePicker/DateRangePicker.d.ts +1 -1
  68. package/esm/DateRangePicker/DateRangePicker.js +22 -22
  69. package/esm/DateRangePicker/utils.d.ts +2 -1
  70. package/esm/DateRangePicker/utils.js +12 -3
  71. package/esm/InputPicker/InputPicker.d.ts +2 -2
  72. package/esm/InputPicker/test/InputPicker.test.d.ts +1 -0
  73. package/esm/InputPicker/test/InputPicker.test.js +10 -0
  74. package/esm/MultiCascader/utils.js +2 -2
  75. package/esm/Overlay/OverlayTrigger.js +1 -1
  76. package/esm/Panel/Panel.js +8 -7
  77. package/esm/Picker/DropdownMenu.d.ts +1 -1
  78. package/esm/SelectPicker/SelectPicker.d.ts +10 -4
  79. package/esm/SelectPicker/test/SelectPicker.test.js +38 -0
  80. package/esm/Tree/Tree.d.ts +2 -2
  81. package/esm/Tree/test/Tree.test.d.ts +1 -0
  82. package/esm/Tree/test/Tree.test.js +11 -0
  83. package/esm/TreePicker/TreePicker.d.ts +2 -2
  84. package/esm/TreePicker/test/TreePicker.test.d.ts +1 -0
  85. package/esm/TreePicker/test/TreePicker.test.js +10 -0
  86. package/esm/utils/attachParent.d.ts +1 -0
  87. package/esm/utils/attachParent.js +10 -0
  88. package/esm/utils/treeUtils.js +2 -2
  89. package/esm/utils/usePortal.d.ts +4 -2
  90. package/esm/utils/usePortal.js +36 -14
  91. package/package.json +1 -1
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;
@@ -11665,6 +11668,13 @@ textarea.rs-picker-search-input {
11665
11668
  overflow: hidden;
11666
11669
  -webkit-transition: none;
11667
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;
11668
11678
  /* stylelint-disable-next-line */
11669
11679
  }
11670
11680
  .rs-theme-high-contrast .rs-picker-menu {
@@ -11741,10 +11751,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11741
11751
  outline: 0;
11742
11752
  }
11743
11753
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11744
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11745
- -webkit-box-shadow: var(--rs-state-focus-shadow);
11746
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11747
- 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;
11748
11759
  }
11749
11760
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11750
11761
  background-color: #f7f7fa;
@@ -13869,6 +13880,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13869
13880
  .rs-slider-handle {
13870
13881
  position: absolute;
13871
13882
  top: -50%;
13883
+ outline: none;
13872
13884
  }
13873
13885
  .rs-slider-handle::before {
13874
13886
  content: '';
@@ -15745,15 +15757,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15745
15757
  margin-left: -13px;
15746
15758
  border-left: 1px solid rgba(0, 0, 0, 0.1);
15747
15759
  }
15748
- .rs-picker-menu {
15749
- display: -webkit-box;
15750
- display: -ms-flexbox;
15751
- display: flex;
15752
- -webkit-box-orient: vertical;
15753
- -webkit-box-direction: normal;
15754
- -ms-flex-direction: column;
15755
- flex-direction: column;
15756
- }
15757
15760
  .rs-picker-menu.rs-tree-menu {
15758
15761
  padding-top: 12px;
15759
15762
  }