rsuite 5.53.2 → 5.55.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 (158) hide show
  1. package/AutoComplete/styles/index.css +0 -2
  2. package/CHANGELOG.md +36 -0
  3. package/Cascader/styles/index.css +0 -2
  4. package/CheckPicker/styles/index.css +0 -2
  5. package/CheckTree/styles/index.css +0 -2
  6. package/CheckTreePicker/styles/index.css +0 -2
  7. package/DatePicker/styles/index.css +0 -2
  8. package/DateRangePicker/styles/index.css +0 -2
  9. package/FormGroup/styles/index.css +3 -0
  10. package/FormGroup/styles/index.less +2 -0
  11. package/InlineEdit/package.json +7 -0
  12. package/InlineEdit/styles/index.css +112 -0
  13. package/InlineEdit/styles/index.less +48 -0
  14. package/InputGroup/styles/index.css +0 -2
  15. package/InputGroup/styles/index.less +0 -2
  16. package/InputNumber/styles/index.css +0 -2
  17. package/InputPicker/styles/index.css +0 -2
  18. package/MultiCascader/styles/index.css +0 -2
  19. package/Pagination/styles/index.css +3 -2
  20. package/Pagination/styles/pagination-group.less +4 -0
  21. package/SelectPicker/styles/index.css +0 -2
  22. package/TagInput/styles/index.css +1 -4
  23. package/TagPicker/styles/index.css +1 -4
  24. package/TagPicker/styles/index.less +1 -2
  25. package/cjs/Calendar/CalendarContainer.d.ts +4 -0
  26. package/cjs/Calendar/CalendarContainer.js +3 -1
  27. package/cjs/Calendar/TableCell.js +3 -2
  28. package/cjs/Calendar/types.d.ts +1 -0
  29. package/cjs/Cascader/DropdownMenu.js +3 -1
  30. package/cjs/Cascader/TreeView.js +3 -1
  31. package/cjs/DOMHelper/index.d.ts +23 -32
  32. package/cjs/DatePicker/DatePicker.d.ts +6 -0
  33. package/cjs/DatePicker/DatePicker.js +4 -3
  34. package/cjs/DateRangePicker/DateRangePicker.js +8 -2
  35. package/cjs/InlineEdit/EditableControls.d.ts +8 -0
  36. package/cjs/InlineEdit/EditableControls.js +34 -0
  37. package/cjs/InlineEdit/InlineEdit.d.ts +56 -0
  38. package/cjs/InlineEdit/InlineEdit.js +98 -0
  39. package/cjs/InlineEdit/index.d.ts +3 -0
  40. package/cjs/InlineEdit/index.js +9 -0
  41. package/cjs/InlineEdit/renderChildren.d.ts +12 -0
  42. package/cjs/InlineEdit/renderChildren.js +40 -0
  43. package/cjs/InlineEdit/useEditState.d.ts +22 -0
  44. package/cjs/InlineEdit/useEditState.js +82 -0
  45. package/cjs/InlineEdit/useFocusEvent.d.ts +14 -0
  46. package/cjs/InlineEdit/useFocusEvent.js +61 -0
  47. package/cjs/Input/Input.js +6 -3
  48. package/cjs/InputNumber/InputNumber.d.ts +36 -11
  49. package/cjs/InputNumber/InputNumber.js +47 -28
  50. package/cjs/InputPicker/InputPicker.js +6 -5
  51. package/cjs/Pagination/LimitPicker.d.ts +15 -0
  52. package/cjs/Pagination/LimitPicker.js +51 -0
  53. package/cjs/Pagination/Pagination.js +7 -8
  54. package/cjs/Pagination/PaginationButton.js +3 -18
  55. package/cjs/Pagination/PaginationGroup.d.ts +35 -7
  56. package/cjs/Pagination/PaginationGroup.js +77 -98
  57. package/cjs/RangeSlider/RangeSlider.js +14 -11
  58. package/cjs/Slider/Handle.js +19 -62
  59. package/cjs/Slider/ProgressBar.js +2 -1
  60. package/cjs/Slider/Slider.d.ts +2 -0
  61. package/cjs/Slider/Slider.js +18 -12
  62. package/cjs/Slider/useDrag.d.ts +16 -0
  63. package/cjs/Slider/useDrag.js +88 -0
  64. package/cjs/Slider/utils.d.ts +6 -2
  65. package/cjs/Slider/utils.js +15 -1
  66. package/cjs/index.d.ts +2 -0
  67. package/cjs/index.js +3 -1
  68. package/cjs/internals/Overlay/positionUtils.d.ts +1 -6
  69. package/cjs/internals/Picker/Listbox.d.ts +5 -1
  70. package/cjs/internals/Picker/Listbox.js +6 -5
  71. package/cjs/internals/Picker/hooks/usePickerRef.js +2 -0
  72. package/cjs/internals/Picker/types.d.ts +2 -0
  73. package/cjs/internals/symbols.d.ts +2 -0
  74. package/cjs/internals/symbols.js +9 -0
  75. package/cjs/locales/cs_CZ.d.ts +120 -0
  76. package/cjs/locales/cs_CZ.js +88 -0
  77. package/cjs/locales/index.d.ts +1 -0
  78. package/cjs/locales/index.js +4 -2
  79. package/cjs/utils/getDataGroupBy.d.ts +0 -1
  80. package/cjs/utils/getDataGroupBy.js +3 -5
  81. package/dist/rsuite-no-reset-rtl.css +94 -4
  82. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  83. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  84. package/dist/rsuite-no-reset.css +94 -4
  85. package/dist/rsuite-no-reset.min.css +1 -1
  86. package/dist/rsuite-no-reset.min.css.map +1 -1
  87. package/dist/rsuite-rtl.css +94 -4
  88. package/dist/rsuite-rtl.min.css +1 -1
  89. package/dist/rsuite-rtl.min.css.map +1 -1
  90. package/dist/rsuite.css +94 -4
  91. package/dist/rsuite.js +171 -61
  92. package/dist/rsuite.js.map +1 -1
  93. package/dist/rsuite.min.css +1 -1
  94. package/dist/rsuite.min.css.map +1 -1
  95. package/dist/rsuite.min.js +1 -1
  96. package/dist/rsuite.min.js.map +1 -1
  97. package/esm/Calendar/CalendarContainer.d.ts +4 -0
  98. package/esm/Calendar/CalendarContainer.js +3 -1
  99. package/esm/Calendar/TableCell.js +5 -4
  100. package/esm/Calendar/types.d.ts +1 -0
  101. package/esm/Cascader/DropdownMenu.js +3 -1
  102. package/esm/Cascader/TreeView.js +3 -1
  103. package/esm/DOMHelper/index.d.ts +23 -32
  104. package/esm/DatePicker/DatePicker.d.ts +6 -0
  105. package/esm/DatePicker/DatePicker.js +4 -3
  106. package/esm/DateRangePicker/DateRangePicker.js +8 -2
  107. package/esm/InlineEdit/EditableControls.d.ts +8 -0
  108. package/esm/InlineEdit/EditableControls.js +28 -0
  109. package/esm/InlineEdit/InlineEdit.d.ts +56 -0
  110. package/esm/InlineEdit/InlineEdit.js +92 -0
  111. package/esm/InlineEdit/index.d.ts +3 -0
  112. package/esm/InlineEdit/index.js +3 -0
  113. package/esm/InlineEdit/renderChildren.d.ts +12 -0
  114. package/esm/InlineEdit/renderChildren.js +34 -0
  115. package/esm/InlineEdit/useEditState.d.ts +22 -0
  116. package/esm/InlineEdit/useEditState.js +76 -0
  117. package/esm/InlineEdit/useFocusEvent.d.ts +14 -0
  118. package/esm/InlineEdit/useFocusEvent.js +56 -0
  119. package/esm/Input/Input.js +6 -3
  120. package/esm/InputNumber/InputNumber.d.ts +36 -11
  121. package/esm/InputNumber/InputNumber.js +49 -30
  122. package/esm/InputPicker/InputPicker.js +6 -5
  123. package/esm/Pagination/LimitPicker.d.ts +15 -0
  124. package/esm/Pagination/LimitPicker.js +44 -0
  125. package/esm/Pagination/Pagination.js +7 -7
  126. package/esm/Pagination/PaginationButton.js +4 -18
  127. package/esm/Pagination/PaginationGroup.d.ts +35 -7
  128. package/esm/Pagination/PaginationGroup.js +79 -98
  129. package/esm/RangeSlider/RangeSlider.js +15 -12
  130. package/esm/Slider/Handle.js +19 -61
  131. package/esm/Slider/ProgressBar.js +2 -1
  132. package/esm/Slider/Slider.d.ts +2 -0
  133. package/esm/Slider/Slider.js +20 -14
  134. package/esm/Slider/useDrag.d.ts +16 -0
  135. package/esm/Slider/useDrag.js +82 -0
  136. package/esm/Slider/utils.d.ts +6 -2
  137. package/esm/Slider/utils.js +15 -3
  138. package/esm/index.d.ts +2 -0
  139. package/esm/index.js +1 -0
  140. package/esm/internals/Overlay/positionUtils.d.ts +1 -6
  141. package/esm/internals/Picker/Listbox.d.ts +5 -1
  142. package/esm/internals/Picker/Listbox.js +7 -6
  143. package/esm/internals/Picker/hooks/usePickerRef.js +2 -0
  144. package/esm/internals/Picker/types.d.ts +2 -0
  145. package/esm/internals/symbols.d.ts +2 -0
  146. package/esm/internals/symbols.js +3 -0
  147. package/esm/locales/cs_CZ.d.ts +120 -0
  148. package/esm/locales/cs_CZ.js +82 -0
  149. package/esm/locales/index.d.ts +1 -0
  150. package/esm/locales/index.js +2 -1
  151. package/esm/utils/getDataGroupBy.d.ts +0 -1
  152. package/esm/utils/getDataGroupBy.js +2 -3
  153. package/locales/cs_CZ/package.json +7 -0
  154. package/package.json +2 -2
  155. package/styles/color-modes/dark.less +3 -0
  156. package/styles/color-modes/high-contrast.less +3 -0
  157. package/styles/color-modes/light.less +3 -0
  158. package/styles/index.less +1 -0
@@ -264,6 +264,7 @@
264
264
  --rs-input-bg: var(--rs-gray-0);
265
265
  --rs-input-focus-border: var(--rs-primary-500);
266
266
  --rs-input-disabled-bg: var(--rs-gray-50);
267
+ --rs-inline-edit-hover-bg: var(--rs-gray-200);
267
268
  --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
268
269
  --rs-listbox-option-hover-text: var(--rs-primary-700);
269
270
  --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -634,6 +635,7 @@
634
635
  --rs-input-bg: var(--rs-gray-800);
635
636
  --rs-input-focus-border: var(--rs-primary-500);
636
637
  --rs-input-disabled-bg: var(--rs-gray-700);
638
+ --rs-inline-edit-hover-bg: var(--rs-gray-500);
637
639
  --rs-listbox-option-hover-bg: var(--rs-gray-600);
638
640
  --rs-listbox-option-hover-text: currentColor;
639
641
  --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -999,6 +1001,7 @@
999
1001
  --rs-input-bg: var(--rs-gray-800);
1000
1002
  --rs-input-focus-border: var(--rs-primary-500);
1001
1003
  --rs-input-disabled-bg: var(--rs-gray-700);
1004
+ --rs-inline-edit-hover-bg: transparent;
1002
1005
  --rs-listbox-option-hover-bg: transparent;
1003
1006
  --rs-listbox-option-hover-text: var(--rs-primary-500);
1004
1007
  --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -5549,6 +5552,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5549
5552
  .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5550
5553
  margin-left: 0;
5551
5554
  }
5555
+ .rs-form-group {
5556
+ position: relative;
5557
+ }
5552
5558
  .rs-form:not(.rs-form-inline) .rs-form-group:not(:last-child) {
5553
5559
  margin-bottom: 24px;
5554
5560
  }
@@ -8064,7 +8070,6 @@ textarea.rs-input-sm {
8064
8070
  width: 100%;
8065
8071
  border: none;
8066
8072
  outline: none;
8067
- padding-right: 36px;
8068
8073
  }
8069
8074
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
8070
8075
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
@@ -8079,7 +8084,6 @@ textarea.rs-input-sm {
8079
8084
  background-color: transparent;
8080
8085
  border: none;
8081
8086
  color: inherit;
8082
- position: absolute;
8083
8087
  height: 34px;
8084
8088
  padding: 7px 11px;
8085
8089
  border-radius: 0 6px 6px 0;
@@ -8705,6 +8709,90 @@ textarea.rs-picker-search-input {
8705
8709
  .rs-picker-focused .rs-picker-search-input {
8706
8710
  z-index: 6;
8707
8711
  }
8712
+ .rs-inline-edit {
8713
+ position: relative;
8714
+ display: inline-block;
8715
+ }
8716
+ .rs-inline-edit .rs-plaintext {
8717
+ /* stylelint-disable */
8718
+ padding: 7px 11px;
8719
+ font-size: 14px;
8720
+ line-height: 1.42857143;
8721
+ /* stylelint-enable */
8722
+ border-radius: 6px;
8723
+ }
8724
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8725
+ .rs-inline-edit .rs-plaintext {
8726
+ height: 36px;
8727
+ }
8728
+ }
8729
+ textarea.rs-inline-edit .rs-plaintext {
8730
+ height: auto;
8731
+ }
8732
+ .rs-inline-edit .rs-plaintext:hover {
8733
+ background-color: #e5e5ea;
8734
+ background-color: var(--rs-inline-edit-hover-bg);
8735
+ }
8736
+ .rs-inline-edit-disabled .rs-plaintext:hover {
8737
+ background-color: transparent;
8738
+ }
8739
+ .rs-inline-edit-controls {
8740
+ position: absolute;
8741
+ inset-block-start: 100%;
8742
+ inset-inline-end: 0px;
8743
+ -webkit-margin-before: 6px;
8744
+ margin-block-start: 6px;
8745
+ z-index: 7;
8746
+ }
8747
+ .rs-inline-edit-controls .rs-btn {
8748
+ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8749
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8750
+ }
8751
+ .rs-inline-edit-xs .rs-plaintext {
8752
+ /* stylelint-disable */
8753
+ padding: 1px 11px;
8754
+ font-size: 12px;
8755
+ line-height: 1.66666667;
8756
+ /* stylelint-enable */
8757
+ }
8758
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8759
+ .rs-inline-edit-xs .rs-plaintext {
8760
+ height: 24px;
8761
+ }
8762
+ }
8763
+ textarea.rs-inline-edit-xs .rs-plaintext {
8764
+ height: auto;
8765
+ }
8766
+ .rs-inline-edit-lg .rs-plaintext {
8767
+ /* stylelint-disable */
8768
+ padding: 9px 11px;
8769
+ font-size: 16px;
8770
+ line-height: 1.375;
8771
+ /* stylelint-enable */
8772
+ }
8773
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8774
+ .rs-inline-edit-lg .rs-plaintext {
8775
+ height: 42px;
8776
+ }
8777
+ }
8778
+ textarea.rs-inline-edit-lg .rs-plaintext {
8779
+ height: auto;
8780
+ }
8781
+ .rs-inline-edit-sm .rs-plaintext {
8782
+ /* stylelint-disable */
8783
+ padding: 4px 11px;
8784
+ font-size: 14px;
8785
+ line-height: 1.42857143;
8786
+ /* stylelint-enable */
8787
+ }
8788
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8789
+ .rs-inline-edit-sm .rs-plaintext {
8790
+ height: 30px;
8791
+ }
8792
+ }
8793
+ textarea.rs-inline-edit-sm .rs-plaintext {
8794
+ height: auto;
8795
+ }
8708
8796
  .rs-list {
8709
8797
  position: relative;
8710
8798
  -webkit-box-shadow: 0 1px 0 #e5e5ea, 0 -1px 0 #e5e5ea;
@@ -10314,6 +10402,9 @@ textarea.rs-picker-search-input {
10314
10402
  .rs-pagination-group .rs-pagination {
10315
10403
  vertical-align: middle;
10316
10404
  }
10405
+ .rs-pagination-group-limit {
10406
+ position: relative;
10407
+ }
10317
10408
  .rs-pagination-group-limit + .rs-pagination-group-total {
10318
10409
  margin-left: 18px;
10319
10410
  }
@@ -13730,8 +13821,7 @@ textarea.rs-picker-search-input {
13730
13821
  display: contents;
13731
13822
  }
13732
13823
  .rs-plaintext .rs-tag {
13733
- margin-left: 6px;
13734
- margin-bottom: 6px;
13824
+ margin: 0;
13735
13825
  }
13736
13826
  .rs-picker-disabled-options .rs-picker-toggle {
13737
13827
  padding-right: 32px !important;