rsuite 6.0.0-canary-2025031915 → 6.0.0-canary-20250320

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 (69) hide show
  1. package/Form/styles/index.css +0 -14
  2. package/Form/styles/index.less +0 -18
  3. package/FormControl/styles/index.css +10 -15
  4. package/FormControl/styles/index.less +11 -13
  5. package/FormControlLabel/styles/index.css +1 -1
  6. package/FormControlLabel/styles/index.less +1 -1
  7. package/FormGroup/styles/index.css +14 -21
  8. package/FormGroup/styles/index.less +15 -4
  9. package/FormStack/package.json +7 -0
  10. package/FormStack/styles/index.css +27 -0
  11. package/FormStack/styles/index.less +15 -0
  12. package/cjs/CustomProvider/types.d.ts +2 -0
  13. package/cjs/Form/Form.d.ts +10 -1
  14. package/cjs/Form/Form.js +32 -21
  15. package/cjs/FormControl/FormControl.d.ts +3 -2
  16. package/cjs/FormControl/FormControl.js +4 -2
  17. package/cjs/FormControlLabel/FormControlLabel.d.ts +2 -2
  18. package/cjs/FormControlLabel/FormControlLabel.js +4 -2
  19. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  20. package/cjs/FormErrorMessage/FormErrorMessage.js +4 -2
  21. package/cjs/FormGroup/FormGroup.d.ts +2 -2
  22. package/cjs/FormGroup/FormGroup.js +5 -2
  23. package/cjs/FormHelpText/FormHelpText.d.ts +2 -2
  24. package/cjs/FormHelpText/FormHelpText.js +6 -3
  25. package/cjs/FormStack/FormStack.d.ts +27 -0
  26. package/cjs/FormStack/FormStack.js +50 -0
  27. package/cjs/FormStack/index.d.ts +4 -0
  28. package/cjs/FormStack/index.js +11 -0
  29. package/cjs/Schema/Schema.js +0 -0
  30. package/cjs/index.d.ts +1 -0
  31. package/cjs/index.js +6 -0
  32. package/dist/rsuite-no-reset-rtl.css +76 -77
  33. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  34. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  35. package/dist/rsuite-no-reset.css +76 -77
  36. package/dist/rsuite-no-reset.min.css +1 -1
  37. package/dist/rsuite-no-reset.min.css.map +1 -1
  38. package/dist/rsuite-rtl.css +76 -77
  39. package/dist/rsuite-rtl.min.css +1 -1
  40. package/dist/rsuite-rtl.min.css.map +1 -1
  41. package/dist/rsuite.css +76 -77
  42. package/dist/rsuite.js +29 -18
  43. package/dist/rsuite.js.map +1 -1
  44. package/dist/rsuite.min.css +1 -1
  45. package/dist/rsuite.min.css.map +1 -1
  46. package/dist/rsuite.min.js +1 -1
  47. package/dist/rsuite.min.js.map +1 -1
  48. package/esm/CustomProvider/types.d.ts +2 -0
  49. package/esm/Form/Form.d.ts +10 -1
  50. package/esm/Form/Form.js +30 -21
  51. package/esm/FormControl/FormControl.d.ts +3 -2
  52. package/esm/FormControl/FormControl.js +4 -2
  53. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -2
  54. package/esm/FormControlLabel/FormControlLabel.js +4 -2
  55. package/esm/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  56. package/esm/FormErrorMessage/FormErrorMessage.js +4 -2
  57. package/esm/FormGroup/FormGroup.d.ts +2 -2
  58. package/esm/FormGroup/FormGroup.js +5 -2
  59. package/esm/FormHelpText/FormHelpText.d.ts +2 -2
  60. package/esm/FormHelpText/FormHelpText.js +6 -3
  61. package/esm/FormStack/FormStack.d.ts +27 -0
  62. package/esm/FormStack/FormStack.js +45 -0
  63. package/esm/FormStack/index.d.ts +4 -0
  64. package/esm/FormStack/index.js +8 -0
  65. package/esm/Schema/Schema.js +0 -0
  66. package/esm/index.d.ts +1 -0
  67. package/esm/index.js +1 -0
  68. package/package.json +1 -1
  69. 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);