rsuite 6.0.0-canary-2025031915 → 6.0.0-canary-2025032014

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 (88) hide show
  1. package/AutoComplete/styles/index.css +1 -1
  2. package/Cascader/styles/index.css +1 -1
  3. package/CheckPicker/styles/index.css +1 -1
  4. package/CheckTree/styles/index.css +1 -1
  5. package/CheckTreePicker/styles/index.css +1 -1
  6. package/DatePicker/styles/index.css +1 -1
  7. package/DateRangePicker/styles/index.css +1 -1
  8. package/Form/styles/index.css +0 -14
  9. package/Form/styles/index.less +0 -18
  10. package/FormControl/styles/index.css +10 -15
  11. package/FormControl/styles/index.less +11 -13
  12. package/FormControlLabel/styles/index.css +1 -1
  13. package/FormControlLabel/styles/index.less +1 -1
  14. package/FormGroup/styles/index.css +14 -21
  15. package/FormGroup/styles/index.less +15 -4
  16. package/FormStack/package.json +7 -0
  17. package/FormStack/styles/index.css +27 -0
  18. package/FormStack/styles/index.less +15 -0
  19. package/InputPicker/styles/index.css +1 -1
  20. package/MultiCascadeTree/styles/index.css +1 -1
  21. package/MultiCascader/styles/index.css +1 -1
  22. package/Pagination/styles/index.css +1 -1
  23. package/SelectPicker/styles/index.css +1 -1
  24. package/TagInput/styles/index.css +1 -1
  25. package/TagPicker/styles/index.css +1 -1
  26. package/TimePicker/styles/index.css +1 -1
  27. package/TimeRangePicker/styles/index.css +1 -1
  28. package/Tree/styles/index.css +1 -1
  29. package/TreePicker/styles/index.css +1 -1
  30. package/cjs/CustomProvider/types.d.ts +2 -0
  31. package/cjs/Form/Form.d.ts +10 -1
  32. package/cjs/Form/Form.js +32 -21
  33. package/cjs/FormControl/FormControl.d.ts +3 -2
  34. package/cjs/FormControl/FormControl.js +4 -2
  35. package/cjs/FormControlLabel/FormControlLabel.d.ts +2 -2
  36. package/cjs/FormControlLabel/FormControlLabel.js +4 -2
  37. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  38. package/cjs/FormErrorMessage/FormErrorMessage.js +4 -2
  39. package/cjs/FormGroup/FormGroup.d.ts +2 -2
  40. package/cjs/FormGroup/FormGroup.js +5 -2
  41. package/cjs/FormHelpText/FormHelpText.d.ts +2 -2
  42. package/cjs/FormHelpText/FormHelpText.js +6 -3
  43. package/cjs/FormStack/FormStack.d.ts +27 -0
  44. package/cjs/FormStack/FormStack.js +50 -0
  45. package/cjs/FormStack/index.d.ts +4 -0
  46. package/cjs/FormStack/index.js +11 -0
  47. package/cjs/Schema/Schema.js +0 -0
  48. package/cjs/index.d.ts +1 -0
  49. package/cjs/index.js +6 -0
  50. package/dist/rsuite-no-reset-rtl.css +77 -78
  51. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  52. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  53. package/dist/rsuite-no-reset.css +77 -78
  54. package/dist/rsuite-no-reset.min.css +1 -1
  55. package/dist/rsuite-no-reset.min.css.map +1 -1
  56. package/dist/rsuite-rtl.css +77 -78
  57. package/dist/rsuite-rtl.min.css +1 -1
  58. package/dist/rsuite-rtl.min.css.map +1 -1
  59. package/dist/rsuite.css +77 -78
  60. package/dist/rsuite.js +29 -18
  61. package/dist/rsuite.js.map +1 -1
  62. package/dist/rsuite.min.css +1 -1
  63. package/dist/rsuite.min.css.map +1 -1
  64. package/dist/rsuite.min.js +1 -1
  65. package/dist/rsuite.min.js.map +1 -1
  66. package/esm/CustomProvider/types.d.ts +2 -0
  67. package/esm/Form/Form.d.ts +10 -1
  68. package/esm/Form/Form.js +30 -21
  69. package/esm/FormControl/FormControl.d.ts +3 -2
  70. package/esm/FormControl/FormControl.js +4 -2
  71. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -2
  72. package/esm/FormControlLabel/FormControlLabel.js +4 -2
  73. package/esm/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  74. package/esm/FormErrorMessage/FormErrorMessage.js +4 -2
  75. package/esm/FormGroup/FormGroup.d.ts +2 -2
  76. package/esm/FormGroup/FormGroup.js +5 -2
  77. package/esm/FormHelpText/FormHelpText.d.ts +2 -2
  78. package/esm/FormHelpText/FormHelpText.js +6 -3
  79. package/esm/FormStack/FormStack.d.ts +27 -0
  80. package/esm/FormStack/FormStack.js +45 -0
  81. package/esm/FormStack/index.d.ts +4 -0
  82. package/esm/FormStack/index.js +8 -0
  83. package/esm/Schema/Schema.js +0 -0
  84. package/esm/index.d.ts +1 -0
  85. package/esm/index.js +1 -0
  86. package/internals/Picker/styles/index.less +3 -1
  87. package/package.json +1 -1
  88. package/styles/index.less +4 -3
package/dist/rsuite-no-reset.css CHANGED
@@ -3860,9 +3860,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
3860
3860
  .rs-content {
3861
3861
  flex: 1 1 auto;
3862
3862
  }
3863
- .rs-form-plaintext .rs-form-control-label {
3864
- color: var(--rs-text-secondary);
3865
- }
3866
3863
  .rs-picker-toolbar {
3867
3864
  padding: 10px;
3868
3865
  border-top: 1px solid var(--rs-divider-border);
@@ -4956,31 +4953,72 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4956
4953
  .rs-footer {
4957
4954
  flex: 0 0 auto;
4958
4955
  }
4959
- .rs-form {
4960
- --rs-form-direction: column;
4961
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
4962
- --rs-form-group-spacing: var(--rs-spacing);
4963
- --rs-form-group-direction: column;
4956
+ .rs-form-stack {
4957
+ --rs-form-stack-dir: column;
4958
+ --rs-form-stack-spacing: calc(var(--rs-spacing) * 4);
4964
4959
  display: flex;
4965
- flex-direction: var(--rs-form-direction);
4966
- gap: var(--rs-form-spacing);
4960
+ flex-direction: var(--rs-form-stack-dir);
4961
+ gap: var(--rs-form-stack-spacing);
4967
4962
  align-items: flex-start;
4968
4963
  }
4969
- .rs-form-inline {
4970
- --rs-form-direction: row;
4964
+ .rs-form-stack-inline {
4965
+ --rs-form-stack-dir: row;
4966
+ }
4967
+ .rs-form-group {
4968
+ position: relative;
4969
+ display: flex;
4970
+ flex-direction: var(--rs-form-group-direction);
4971
+ gap: var(--rs-form-group-spacing);
4972
+ }
4973
+ .rs-form-group .rs-input {
4974
+ display: inline-block;
4975
+ }
4976
+ .rs-form-group textarea.rs-input {
4977
+ vertical-align: bottom;
4978
+ }
4979
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-label {
4980
+ display: block;
4981
+ }
4982
+ .rs-form-stack {
4983
+ --rs-form-group-spacing: var(--rs-spacing);
4984
+ --rs-form-group-direction: column;
4985
+ }
4986
+ .rs-form-stack-horizontal {
4987
+ --rs-form-control-label-width: 170px;
4988
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
4989
+ --rs-form-group-direction: row;
4971
4990
  }
4972
- .rs-form-fluid .rs-form-control-wrapper {
4991
+ .rs-form-stack-horizontal .rs-form-group {
4992
+ align-items: baseline;
4993
+ }
4994
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-label {
4995
+ display: inline-block;
4996
+ font-size: var(--rs-font-size-sm);
4997
+ width: var(--rs-form-control-label-width);
4998
+ text-align: end;
4999
+ }
5000
+ .rs-form-stack-horizontal .rs-form-group .rs-btn-toolbar {
5001
+ padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5002
+ }
5003
+ .rs-form-stack-inline {
5004
+ --rs-form-group-direction: row;
5005
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5006
+ }
5007
+ .rs-form-stack-inline .rs-form-group {
5008
+ align-items: center;
5009
+ }
5010
+ .rs-form-stack-fluid .rs-form-group {
4973
5011
  width: 100%;
4974
5012
  }
4975
- .rs-form-fluid .rs-form-control-wrapper > .rs-input-number,
4976
- .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5013
+ .rs-form-stack-fluid .rs-form-control-wrapper {
4977
5014
  width: 100%;
4978
5015
  }
4979
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
5016
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
5017
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
4980
5018
  width: 100%;
4981
5019
  }
4982
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-form-control-wrapper {
4983
- max-width: 100%;
5020
+ .rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group {
5021
+ width: 100%;
4984
5022
  }
4985
5023
  .rs-form-control-wrapper {
4986
5024
  position: relative;
@@ -4993,24 +5031,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4993
5031
  pointer-events: none;
4994
5032
  touch-action: none;
4995
5033
  }
4996
- .rs-form-vertical .rs-form-group .rs-input-group {
5034
+ .rs-form-stack-vertical .rs-form-group .rs-input-group {
4997
5035
  width: 300px;
4998
5036
  }
4999
- .rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5037
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper {
5000
5038
  display: inline-block;
5001
- max-width: -moz-max-content;
5002
- max-width: max-content;
5003
5039
  }
5004
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper {
5040
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper {
5005
5041
  float: inline-start;
5006
5042
  }
5007
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5043
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5008
5044
  clear: both;
5009
5045
  }
5010
- .rs-form-inline .rs-form-group .rs-form-control-wrapper {
5046
+ .rs-form-stack-inline .rs-form-group .rs-form-control-wrapper {
5011
5047
  display: inline-block;
5012
5048
  }
5013
- .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5049
+ .rs-form-stack-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5014
5050
  margin-inline-start: 0;
5015
5051
  }
5016
5052
  .rs-input-group > .rs-form-control > .rs-input {
@@ -5018,45 +5054,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5018
5054
  border: none;
5019
5055
  outline: none;
5020
5056
  }
5021
- .rs-form-group {
5022
- position: relative;
5023
- display: flex;
5024
- flex-direction: var(--rs-form-group-direction);
5025
- gap: var(--rs-form-group-spacing);
5026
- }
5027
- .rs-form-group .rs-input {
5028
- display: inline-block;
5029
- }
5030
- .rs-form-group textarea.rs-input {
5031
- vertical-align: bottom;
5032
- }
5033
- .rs-form-vertical .rs-form-group .rs-form-control-label {
5034
- display: block;
5035
- }
5036
- .rs-form-horizontal {
5037
- --rs-form-control-label-width: 170px;
5038
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5039
- --rs-form-group-direction: row;
5040
- }
5041
- .rs-form-horizontal .rs-form-group {
5042
- align-items: baseline;
5043
- }
5044
- .rs-form-horizontal .rs-form-group .rs-form-control-label {
5045
- display: inline-block;
5046
- font-size: var(--rs-font-size-sm);
5047
- width: var(--rs-form-control-label-width);
5048
- text-align: end;
5049
- }
5050
- .rs-form-horizontal .rs-form-group .rs-btn-toolbar {
5051
- padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5052
- }
5053
- .rs-form-inline {
5054
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5055
- --rs-form-group-direction: row;
5056
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5057
- }
5058
- .rs-form-inline .rs-form-group {
5059
- align-items: center;
5057
+ [data-rs='form'][data-plaintext='true'] .rs-form-control-label {
5058
+ color: var(--rs-text-secondary);
5060
5059
  }
5061
5060
  @keyframes errorMessageSlideUpIn {
5062
5061
  0% {
@@ -5243,6 +5242,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5243
5242
  .rs-form-error-message-wrapper:where([data-placement='left-end'], [data-placement='right-end']) .rs-form-error-message-arrow::after {
5244
5243
  bottom: 4px;
5245
5244
  }
5245
+ .rs-form-help-text {
5246
+ display: block;
5247
+ color: var(--rs-text-secondary);
5248
+ min-height: 20px;
5249
+ line-height: 1.66666667;
5250
+ font-size: var(--rs-font-size-xs);
5251
+ }
5252
+ .rs-form-help-text-tooltip {
5253
+ display: inline-flex;
5254
+ align-items: center;
5255
+ font-size: var(--rs-font-size-md);
5256
+ }
5246
5257
  :root {
5247
5258
  --rs-grid-gutter: calc(var(--rs-spacing) * 3);
5248
5259
  --rs-row-gutter: calc(var(--rs-grid-gutter) / -2);
@@ -7822,18 +7833,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
7822
7833
  .rs-header {
7823
7834
  flex: 0 0 auto;
7824
7835
  }
7825
- .rs-form-help-text {
7826
- display: block;
7827
- color: var(--rs-text-secondary);
7828
- min-height: 20px;
7829
- line-height: 1.66666667;
7830
- font-size: var(--rs-font-size-xs);
7831
- }
7832
- .rs-form-help-text-tooltip {
7833
- display: inline-flex;
7834
- align-items: center;
7835
- font-size: var(--rs-font-size-md);
7836
- }
7837
7836
  .rs-btn-icon {
7838
7837
  padding: calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
7839
7838
  line-height: var(--rs-btn-icon-size);
@@ -14559,7 +14558,7 @@ kbd.rs-text {
14559
14558
  }
14560
14559
  .rs-picker-label.rs-input-group-addon {
14561
14560
  color: var(--rs-text-primary);
14562
- padding-inline-end: 4px !important;
14561
+ padding-inline: calc(var(--rs-input-group-inside-btn-padding) * 2 - var(--rs-picker-toggle-border-width));
14563
14562
  }
14564
14563
  .rs-picker-loader {
14565
14564
  width: var(--rs-picker-loader-size);