rsuite 5.60.0 → 5.60.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 (70) hide show
  1. package/CHANGELOG.md +25 -2
  2. package/DatePicker/styles/index.css +1 -0
  3. package/DatePicker/styles/index.less +1 -0
  4. package/DateRangePicker/styles/index.css +4 -3
  5. package/DateRangePicker/styles/index.less +7 -5
  6. package/LICENSE +1 -1
  7. package/README.md +70 -89
  8. package/RangeSlider/styles/index.css +1 -1
  9. package/Slider/styles/index.css +1 -1
  10. package/Slider/styles/index.less +1 -1
  11. package/Toggle/styles/index.css +8 -2
  12. package/Toggle/styles/index.less +4 -2
  13. package/cjs/DateInput/DateField.js +3 -1
  14. package/cjs/DateInput/DateInput.js +17 -16
  15. package/cjs/DateInput/{useDateInputState.d.ts → hooks/useDateInputState.d.ts} +1 -1
  16. package/cjs/DateInput/{useDateInputState.js → hooks/useDateInputState.js} +2 -2
  17. package/cjs/DateInput/hooks/useFieldCursor.d.ts +6 -0
  18. package/cjs/DateInput/hooks/useFieldCursor.js +56 -0
  19. package/cjs/DateInput/hooks/useSelectedState.d.ts +14 -0
  20. package/cjs/DateInput/hooks/useSelectedState.js +23 -0
  21. package/cjs/DateInput/index.d.ts +5 -3
  22. package/cjs/DateInput/index.js +11 -5
  23. package/cjs/DateInput/utils.d.ts +0 -1
  24. package/cjs/DateInput/utils.js +2 -24
  25. package/cjs/DateRangeInput/DateRangeInput.js +16 -17
  26. package/cjs/DateRangePicker/DateRangePicker.js +17 -9
  27. package/cjs/DateRangePicker/utils.d.ts +2 -2
  28. package/cjs/DateRangePicker/utils.js +2 -2
  29. package/dist/rsuite-no-reset-rtl.css +13 -6
  30. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  31. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  32. package/dist/rsuite-no-reset.css +13 -6
  33. package/dist/rsuite-no-reset.min.css +1 -1
  34. package/dist/rsuite-no-reset.min.css.map +1 -1
  35. package/dist/rsuite-rtl.css +13 -6
  36. package/dist/rsuite-rtl.min.css +1 -1
  37. package/dist/rsuite-rtl.min.css.map +1 -1
  38. package/dist/rsuite.css +13 -6
  39. package/dist/rsuite.js +48 -26
  40. package/dist/rsuite.js.map +1 -1
  41. package/dist/rsuite.min.css +1 -1
  42. package/dist/rsuite.min.css.map +1 -1
  43. package/dist/rsuite.min.js +1 -1
  44. package/dist/rsuite.min.js.map +1 -1
  45. package/esm/DateInput/DateField.js +3 -1
  46. package/esm/DateInput/DateInput.js +19 -18
  47. package/esm/DateInput/{useDateInputState.d.ts → hooks/useDateInputState.d.ts} +1 -1
  48. package/esm/DateInput/{useDateInputState.js → hooks/useDateInputState.js} +2 -2
  49. package/esm/DateInput/hooks/useFieldCursor.d.ts +6 -0
  50. package/esm/DateInput/hooks/useFieldCursor.js +49 -0
  51. package/esm/DateInput/hooks/useSelectedState.d.ts +14 -0
  52. package/esm/DateInput/hooks/useSelectedState.js +17 -0
  53. package/esm/DateInput/index.d.ts +5 -3
  54. package/esm/DateInput/index.js +5 -3
  55. package/esm/DateInput/utils.d.ts +0 -1
  56. package/esm/DateInput/utils.js +2 -23
  57. package/esm/DateRangeInput/DateRangeInput.js +17 -18
  58. package/esm/DateRangePicker/DateRangePicker.js +17 -9
  59. package/esm/DateRangePicker/utils.d.ts +2 -2
  60. package/esm/DateRangePicker/utils.js +2 -2
  61. package/package.json +2 -2
  62. package/styles/variables.less +0 -1
  63. /package/cjs/DateInput/{useIsFocused.d.ts → hooks/useIsFocused.d.ts} +0 -0
  64. /package/cjs/DateInput/{useIsFocused.js → hooks/useIsFocused.js} +0 -0
  65. /package/cjs/DateInput/{useKeyboardInputEvent.d.ts → hooks/useKeyboardInputEvent.d.ts} +0 -0
  66. /package/cjs/DateInput/{useKeyboardInputEvent.js → hooks/useKeyboardInputEvent.js} +0 -0
  67. /package/esm/DateInput/{useIsFocused.d.ts → hooks/useIsFocused.d.ts} +0 -0
  68. /package/esm/DateInput/{useIsFocused.js → hooks/useIsFocused.js} +0 -0
  69. /package/esm/DateInput/{useKeyboardInputEvent.d.ts → hooks/useKeyboardInputEvent.d.ts} +0 -0
  70. /package/esm/DateInput/{useKeyboardInputEvent.js → hooks/useKeyboardInputEvent.js} +0 -0
@@ -4751,6 +4751,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4751
4751
  .rs-picker-date .rs-input-group-addon {
4752
4752
  color: #8e8e93;
4753
4753
  color: var(--rs-text-secondary);
4754
+ cursor: pointer;
4754
4755
  }
4755
4756
  .rs-picker-date .rs-input-group-addon .rs-btn-close {
4756
4757
  padding: 0;
@@ -4891,6 +4892,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4891
4892
  .rs-picker-daterange .rs-input-group-addon {
4892
4893
  color: #8e8e93;
4893
4894
  color: var(--rs-text-secondary);
4895
+ cursor: pointer;
4894
4896
  }
4895
4897
  .rs-picker-daterange .rs-input-group-addon .rs-btn-close {
4896
4898
  padding: 0;
@@ -4926,9 +4928,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4926
4928
  .rs-picker-popup .rs-calendar-month-dropdown-list {
4927
4929
  width: 185px;
4928
4930
  }
4929
- .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar {
4930
- max-width: 255px;
4931
- }
4932
4931
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
4933
4932
  width: 190px;
4934
4933
  }
@@ -4967,6 +4966,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4967
4966
  bottom: -1px;
4968
4967
  border-bottom: 2px solid #3498ff;
4969
4968
  right: 0;
4969
+ -webkit-transition: right 0.3s;
4970
+ transition: right 0.3s;
4970
4971
  }
4971
4972
  .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4972
4973
  right: 50%;
@@ -13455,7 +13456,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13455
13456
  }
13456
13457
  .rs-slider-disabled .rs-slider-bar,
13457
13458
  .rs-slider-disabled .rs-slider-handle::before {
13458
- cursor: not-allowed;
13459
+ pointer-events: none;
13459
13460
  }
13460
13461
  .rs-slider-with-mark:not(.rs-slider-vertical) {
13461
13462
  margin-bottom: 29px;
@@ -14735,6 +14736,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14735
14736
  }
14736
14737
  .rs-toggle {
14737
14738
  position: relative;
14739
+ display: inline-block;
14738
14740
  }
14739
14741
  .rs-toggle .rs-toggle-loader {
14740
14742
  width: 18px;
@@ -14860,7 +14862,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14860
14862
  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14861
14863
  box-shadow: inset 0 0 0 1px #fff;
14862
14864
  box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14863
- cursor: not-allowed;
14865
+ pointer-events: none;
14864
14866
  }
14865
14867
  .rs-toggle-checked .rs-toggle-presentation {
14866
14868
  background-color: #3498ff;
@@ -14884,7 +14886,12 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14884
14886
  display: none;
14885
14887
  }
14886
14888
  .rs-toggle-inner {
14887
- display: block;
14889
+ display: -webkit-box;
14890
+ display: -ms-flexbox;
14891
+ display: flex;
14892
+ -webkit-box-align: center;
14893
+ -ms-flex-align: center;
14894
+ align-items: center;
14888
14895
  -webkit-transition: margin 0.15s ease-out;
14889
14896
  transition: margin 0.15s ease-out;
14890
14897
  }