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);
@@ -5543,6 +5546,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5543
5546
  .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5544
5547
  margin-right: 0;
5545
5548
  }
5549
+ .rs-form-group {
5550
+ position: relative;
5551
+ }
5546
5552
  .rs-form:not(.rs-form-inline) .rs-form-group:not(:last-child) {
5547
5553
  margin-bottom: 24px;
5548
5554
  }
@@ -8056,7 +8062,6 @@ textarea.rs-input-sm {
8056
8062
  width: 100%;
8057
8063
  border: none;
8058
8064
  outline: none;
8059
- padding-left: 36px;
8060
8065
  }
8061
8066
  .rs-input-group.rs-input-group-inside .rs-input-group-btn,
8062
8067
  .rs-input-group.rs-input-group-inside .rs-input-group-addon {
@@ -8071,7 +8076,6 @@ textarea.rs-input-sm {
8071
8076
  background-color: transparent;
8072
8077
  border: none;
8073
8078
  color: inherit;
8074
- position: absolute;
8075
8079
  height: 34px;
8076
8080
  padding: 7px 11px;
8077
8081
  border-radius: 6px 0 0 6px;
@@ -8697,6 +8701,90 @@ textarea.rs-picker-search-input {
8697
8701
  .rs-picker-focused .rs-picker-search-input {
8698
8702
  z-index: 6;
8699
8703
  }
8704
+ .rs-inline-edit {
8705
+ position: relative;
8706
+ display: inline-block;
8707
+ }
8708
+ .rs-inline-edit .rs-plaintext {
8709
+ /* stylelint-disable */
8710
+ padding: 7px 11px;
8711
+ font-size: 14px;
8712
+ line-height: 1.42857143;
8713
+ /* stylelint-enable */
8714
+ border-radius: 6px;
8715
+ }
8716
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8717
+ .rs-inline-edit .rs-plaintext {
8718
+ height: 36px;
8719
+ }
8720
+ }
8721
+ textarea.rs-inline-edit .rs-plaintext {
8722
+ height: auto;
8723
+ }
8724
+ .rs-inline-edit .rs-plaintext:hover {
8725
+ background-color: #e5e5ea;
8726
+ background-color: var(--rs-inline-edit-hover-bg);
8727
+ }
8728
+ .rs-inline-edit-disabled .rs-plaintext:hover {
8729
+ background-color: transparent;
8730
+ }
8731
+ .rs-inline-edit-controls {
8732
+ position: absolute;
8733
+ inset-block-start: 100%;
8734
+ inset-inline-end: 0px;
8735
+ -webkit-margin-before: 6px;
8736
+ margin-block-start: 6px;
8737
+ z-index: 7;
8738
+ }
8739
+ .rs-inline-edit-controls .rs-btn {
8740
+ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8741
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8742
+ }
8743
+ .rs-inline-edit-xs .rs-plaintext {
8744
+ /* stylelint-disable */
8745
+ padding: 1px 11px;
8746
+ font-size: 12px;
8747
+ line-height: 1.66666667;
8748
+ /* stylelint-enable */
8749
+ }
8750
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8751
+ .rs-inline-edit-xs .rs-plaintext {
8752
+ height: 24px;
8753
+ }
8754
+ }
8755
+ textarea.rs-inline-edit-xs .rs-plaintext {
8756
+ height: auto;
8757
+ }
8758
+ .rs-inline-edit-lg .rs-plaintext {
8759
+ /* stylelint-disable */
8760
+ padding: 9px 11px;
8761
+ font-size: 16px;
8762
+ line-height: 1.375;
8763
+ /* stylelint-enable */
8764
+ }
8765
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8766
+ .rs-inline-edit-lg .rs-plaintext {
8767
+ height: 42px;
8768
+ }
8769
+ }
8770
+ textarea.rs-inline-edit-lg .rs-plaintext {
8771
+ height: auto;
8772
+ }
8773
+ .rs-inline-edit-sm .rs-plaintext {
8774
+ /* stylelint-disable */
8775
+ padding: 4px 11px;
8776
+ font-size: 14px;
8777
+ line-height: 1.42857143;
8778
+ /* stylelint-enable */
8779
+ }
8780
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
8781
+ .rs-inline-edit-sm .rs-plaintext {
8782
+ height: 30px;
8783
+ }
8784
+ }
8785
+ textarea.rs-inline-edit-sm .rs-plaintext {
8786
+ height: auto;
8787
+ }
8700
8788
  .rs-list {
8701
8789
  position: relative;
8702
8790
  -webkit-box-shadow: 0 1px 0 #e5e5ea, 0 -1px 0 #e5e5ea;
@@ -10304,6 +10392,9 @@ textarea.rs-picker-search-input {
10304
10392
  .rs-pagination-group .rs-pagination {
10305
10393
  vertical-align: middle;
10306
10394
  }
10395
+ .rs-pagination-group-limit {
10396
+ position: relative;
10397
+ }
10307
10398
  .rs-pagination-group-limit + .rs-pagination-group-total {
10308
10399
  margin-right: 18px;
10309
10400
  }
@@ -13714,8 +13805,7 @@ textarea.rs-picker-search-input {
13714
13805
  display: contents;
13715
13806
  }
13716
13807
  .rs-plaintext .rs-tag {
13717
- margin-right: 6px;
13718
- margin-bottom: 6px;
13808
+ margin: 0;
13719
13809
  }
13720
13810
  .rs-picker-disabled-options .rs-picker-toggle {
13721
13811
  padding-left: 32px !important;