rsuite 6.0.0-canary-20250319 → 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 (73) hide show
  1. package/Form/styles/index.css +0 -13
  2. package/Form/styles/index.less +0 -16
  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 -20
  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.d.ts +1 -0
  30. package/cjs/Schema/Schema.js +8 -0
  31. package/cjs/Stack/Stack.d.ts +3 -2
  32. package/cjs/index.d.ts +1 -0
  33. package/cjs/index.js +6 -0
  34. package/dist/rsuite-no-reset-rtl.css +76 -76
  35. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  36. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  37. package/dist/rsuite-no-reset.css +76 -76
  38. package/dist/rsuite-no-reset.min.css +1 -1
  39. package/dist/rsuite-no-reset.min.css.map +1 -1
  40. package/dist/rsuite-rtl.css +76 -76
  41. package/dist/rsuite-rtl.min.css +1 -1
  42. package/dist/rsuite-rtl.min.css.map +1 -1
  43. package/dist/rsuite.css +76 -76
  44. package/dist/rsuite.js +30 -19
  45. package/dist/rsuite.js.map +1 -1
  46. package/dist/rsuite.min.css +1 -1
  47. package/dist/rsuite.min.css.map +1 -1
  48. package/dist/rsuite.min.js +1 -1
  49. package/dist/rsuite.min.js.map +1 -1
  50. package/esm/CustomProvider/types.d.ts +2 -0
  51. package/esm/Form/Form.d.ts +10 -1
  52. package/esm/Form/Form.js +30 -21
  53. package/esm/FormControl/FormControl.d.ts +3 -2
  54. package/esm/FormControl/FormControl.js +4 -2
  55. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -2
  56. package/esm/FormControlLabel/FormControlLabel.js +4 -2
  57. package/esm/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  58. package/esm/FormErrorMessage/FormErrorMessage.js +4 -2
  59. package/esm/FormGroup/FormGroup.d.ts +2 -2
  60. package/esm/FormGroup/FormGroup.js +5 -2
  61. package/esm/FormHelpText/FormHelpText.d.ts +2 -2
  62. package/esm/FormHelpText/FormHelpText.js +6 -3
  63. package/esm/FormStack/FormStack.d.ts +27 -0
  64. package/esm/FormStack/FormStack.js +45 -0
  65. package/esm/FormStack/index.d.ts +4 -0
  66. package/esm/FormStack/index.js +8 -0
  67. package/esm/Schema/Schema.d.ts +1 -0
  68. package/esm/Schema/Schema.js +1 -0
  69. package/esm/Stack/Stack.d.ts +3 -2
  70. package/esm/index.d.ts +1 -0
  71. package/esm/index.js +1 -0
  72. package/package.json +1 -1
  73. 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,30 +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);
4956
+ .rs-form-stack {
4957
+ --rs-form-stack-dir: column;
4958
+ --rs-form-stack-spacing: calc(var(--rs-spacing) * 4);
4959
+ display: flex;
4960
+ flex-direction: var(--rs-form-stack-dir);
4961
+ gap: var(--rs-form-stack-spacing);
4962
+ align-items: flex-start;
4963
+ }
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 {
4962
4983
  --rs-form-group-spacing: var(--rs-spacing);
4963
4984
  --rs-form-group-direction: column;
4964
- display: flex;
4965
- flex-direction: var(--rs-form-direction);
4966
- gap: var(--rs-form-spacing);
4967
4985
  }
4968
- .rs-form-inline {
4969
- --rs-form-direction: row;
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;
4990
+ }
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;
4970
5009
  }
4971
- .rs-form-fluid .rs-form-control-wrapper {
5010
+ .rs-form-stack-fluid .rs-form-group {
4972
5011
  width: 100%;
4973
5012
  }
4974
- .rs-form-fluid .rs-form-control-wrapper > .rs-input-number,
4975
- .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5013
+ .rs-form-stack-fluid .rs-form-control-wrapper {
4976
5014
  width: 100%;
4977
5015
  }
4978
- .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 {
4979
5018
  width: 100%;
4980
5019
  }
4981
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-form-control-wrapper {
4982
- max-width: 100%;
5020
+ .rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group {
5021
+ width: 100%;
4983
5022
  }
4984
5023
  .rs-form-control-wrapper {
4985
5024
  position: relative;
@@ -4992,24 +5031,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4992
5031
  pointer-events: none;
4993
5032
  touch-action: none;
4994
5033
  }
4995
- .rs-form-vertical .rs-form-group .rs-input-group {
5034
+ .rs-form-stack-vertical .rs-form-group .rs-input-group {
4996
5035
  width: 300px;
4997
5036
  }
4998
- .rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5037
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper {
4999
5038
  display: inline-block;
5000
- max-width: -moz-max-content;
5001
- max-width: max-content;
5002
5039
  }
5003
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper {
5040
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper {
5004
5041
  float: inline-start;
5005
5042
  }
5006
- .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 {
5007
5044
  clear: both;
5008
5045
  }
5009
- .rs-form-inline .rs-form-group .rs-form-control-wrapper {
5046
+ .rs-form-stack-inline .rs-form-group .rs-form-control-wrapper {
5010
5047
  display: inline-block;
5011
5048
  }
5012
- .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 {
5013
5050
  margin-inline-start: 0;
5014
5051
  }
5015
5052
  .rs-input-group > .rs-form-control > .rs-input {
@@ -5017,45 +5054,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5017
5054
  border: none;
5018
5055
  outline: none;
5019
5056
  }
5020
- .rs-form-group {
5021
- position: relative;
5022
- display: flex;
5023
- flex-direction: var(--rs-form-group-direction);
5024
- gap: var(--rs-form-group-spacing);
5025
- }
5026
- .rs-form-group .rs-input {
5027
- display: inline-block;
5028
- }
5029
- .rs-form-group textarea.rs-input {
5030
- vertical-align: bottom;
5031
- }
5032
- .rs-form-vertical .rs-form-group .rs-form-control-label {
5033
- display: block;
5034
- }
5035
- .rs-form-horizontal {
5036
- --rs-form-control-label-width: 170px;
5037
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5038
- --rs-form-group-direction: row;
5039
- }
5040
- .rs-form-horizontal .rs-form-group {
5041
- align-items: baseline;
5042
- }
5043
- .rs-form-horizontal .rs-form-group .rs-form-control-label {
5044
- display: inline-block;
5045
- font-size: var(--rs-font-size-sm);
5046
- width: var(--rs-form-control-label-width);
5047
- text-align: end;
5048
- }
5049
- .rs-form-horizontal .rs-form-group .rs-btn-toolbar {
5050
- padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5051
- }
5052
- .rs-form-inline {
5053
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5054
- --rs-form-group-direction: row;
5055
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5056
- }
5057
- .rs-form-inline .rs-form-group {
5058
- align-items: center;
5057
+ [data-rs='form'][data-plaintext='true'] .rs-form-control-label {
5058
+ color: var(--rs-text-secondary);
5059
5059
  }
5060
5060
  @keyframes errorMessageSlideUpIn {
5061
5061
  0% {
@@ -5242,6 +5242,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5242
5242
  .rs-form-error-message-wrapper:where([data-placement='left-end'], [data-placement='right-end']) .rs-form-error-message-arrow::after {
5243
5243
  bottom: 4px;
5244
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
+ }
5245
5257
  :root {
5246
5258
  --rs-grid-gutter: calc(var(--rs-spacing) * 3);
5247
5259
  --rs-row-gutter: calc(var(--rs-grid-gutter) / -2);
@@ -7821,18 +7833,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
7821
7833
  .rs-header {
7822
7834
  flex: 0 0 auto;
7823
7835
  }
7824
- .rs-form-help-text {
7825
- display: block;
7826
- color: var(--rs-text-secondary);
7827
- min-height: 20px;
7828
- line-height: 1.66666667;
7829
- font-size: var(--rs-font-size-xs);
7830
- }
7831
- .rs-form-help-text-tooltip {
7832
- display: inline-flex;
7833
- align-items: center;
7834
- font-size: var(--rs-font-size-md);
7835
- }
7836
7836
  .rs-btn-icon {
7837
7837
  padding: calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
7838
7838
  line-height: var(--rs-btn-icon-size);