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-rtl.css CHANGED
@@ -4109,9 +4109,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4109
4109
  .rs-content {
4110
4110
  flex: 1 1 auto;
4111
4111
  }
4112
- .rs-form-plaintext .rs-form-control-label {
4113
- color: var(--rs-text-secondary);
4114
- }
4115
4112
  .rs-picker-toolbar {
4116
4113
  padding: 10px;
4117
4114
  border-top: 1px solid var(--rs-divider-border);
@@ -5205,31 +5202,72 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5205
5202
  .rs-footer {
5206
5203
  flex: 0 0 auto;
5207
5204
  }
5208
- .rs-form {
5209
- --rs-form-direction: column;
5210
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5211
- --rs-form-group-spacing: var(--rs-spacing);
5212
- --rs-form-group-direction: column;
5205
+ .rs-form-stack {
5206
+ --rs-form-stack-dir: column;
5207
+ --rs-form-stack-spacing: calc(var(--rs-spacing) * 4);
5213
5208
  display: flex;
5214
- flex-direction: var(--rs-form-direction);
5215
- gap: var(--rs-form-spacing);
5209
+ flex-direction: var(--rs-form-stack-dir);
5210
+ gap: var(--rs-form-stack-spacing);
5216
5211
  align-items: flex-start;
5217
5212
  }
5218
- .rs-form-inline {
5219
- --rs-form-direction: row;
5213
+ .rs-form-stack-inline {
5214
+ --rs-form-stack-dir: row;
5215
+ }
5216
+ .rs-form-group {
5217
+ position: relative;
5218
+ display: flex;
5219
+ flex-direction: var(--rs-form-group-direction);
5220
+ gap: var(--rs-form-group-spacing);
5221
+ }
5222
+ .rs-form-group .rs-input {
5223
+ display: inline-block;
5224
+ }
5225
+ .rs-form-group textarea.rs-input {
5226
+ vertical-align: bottom;
5227
+ }
5228
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-label {
5229
+ display: block;
5230
+ }
5231
+ .rs-form-stack {
5232
+ --rs-form-group-spacing: var(--rs-spacing);
5233
+ --rs-form-group-direction: column;
5234
+ }
5235
+ .rs-form-stack-horizontal {
5236
+ --rs-form-control-label-width: 170px;
5237
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5238
+ --rs-form-group-direction: row;
5220
5239
  }
5221
- .rs-form-fluid .rs-form-control-wrapper {
5240
+ .rs-form-stack-horizontal .rs-form-group {
5241
+ align-items: baseline;
5242
+ }
5243
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-label {
5244
+ display: inline-block;
5245
+ font-size: var(--rs-font-size-sm);
5246
+ width: var(--rs-form-control-label-width);
5247
+ text-align: end;
5248
+ }
5249
+ .rs-form-stack-horizontal .rs-form-group .rs-btn-toolbar {
5250
+ padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5251
+ }
5252
+ .rs-form-stack-inline {
5253
+ --rs-form-group-direction: row;
5254
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5255
+ }
5256
+ .rs-form-stack-inline .rs-form-group {
5257
+ align-items: center;
5258
+ }
5259
+ .rs-form-stack-fluid .rs-form-group {
5222
5260
  width: 100%;
5223
5261
  }
5224
- .rs-form-fluid .rs-form-control-wrapper > .rs-input-number,
5225
- .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5262
+ .rs-form-stack-fluid .rs-form-control-wrapper {
5226
5263
  width: 100%;
5227
5264
  }
5228
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
5265
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
5266
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
5229
5267
  width: 100%;
5230
5268
  }
5231
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5232
- max-width: 100%;
5269
+ .rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group {
5270
+ width: 100%;
5233
5271
  }
5234
5272
  .rs-form-control-wrapper {
5235
5273
  position: relative;
@@ -5242,24 +5280,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5242
5280
  pointer-events: none;
5243
5281
  touch-action: none;
5244
5282
  }
5245
- .rs-form-vertical .rs-form-group .rs-input-group {
5283
+ .rs-form-stack-vertical .rs-form-group .rs-input-group {
5246
5284
  width: 300px;
5247
5285
  }
5248
- .rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5286
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper {
5249
5287
  display: inline-block;
5250
- max-width: -moz-max-content;
5251
- max-width: max-content;
5252
5288
  }
5253
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper {
5289
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper {
5254
5290
  float: inline-start;
5255
5291
  }
5256
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5292
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5257
5293
  clear: both;
5258
5294
  }
5259
- .rs-form-inline .rs-form-group .rs-form-control-wrapper {
5295
+ .rs-form-stack-inline .rs-form-group .rs-form-control-wrapper {
5260
5296
  display: inline-block;
5261
5297
  }
5262
- .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5298
+ .rs-form-stack-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5263
5299
  margin-inline-start: 0;
5264
5300
  }
5265
5301
  .rs-input-group > .rs-form-control > .rs-input {
@@ -5267,45 +5303,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5267
5303
  border: none;
5268
5304
  outline: none;
5269
5305
  }
5270
- .rs-form-group {
5271
- position: relative;
5272
- display: flex;
5273
- flex-direction: var(--rs-form-group-direction);
5274
- gap: var(--rs-form-group-spacing);
5275
- }
5276
- .rs-form-group .rs-input {
5277
- display: inline-block;
5278
- }
5279
- .rs-form-group textarea.rs-input {
5280
- vertical-align: bottom;
5281
- }
5282
- .rs-form-vertical .rs-form-group .rs-form-control-label {
5283
- display: block;
5284
- }
5285
- .rs-form-horizontal {
5286
- --rs-form-control-label-width: 170px;
5287
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5288
- --rs-form-group-direction: row;
5289
- }
5290
- .rs-form-horizontal .rs-form-group {
5291
- align-items: baseline;
5292
- }
5293
- .rs-form-horizontal .rs-form-group .rs-form-control-label {
5294
- display: inline-block;
5295
- font-size: var(--rs-font-size-sm);
5296
- width: var(--rs-form-control-label-width);
5297
- text-align: end;
5298
- }
5299
- .rs-form-horizontal .rs-form-group .rs-btn-toolbar {
5300
- padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5301
- }
5302
- .rs-form-inline {
5303
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5304
- --rs-form-group-direction: row;
5305
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5306
- }
5307
- .rs-form-inline .rs-form-group {
5308
- align-items: center;
5306
+ [data-rs='form'][data-plaintext='true'] .rs-form-control-label {
5307
+ color: var(--rs-text-secondary);
5309
5308
  }
5310
5309
  @keyframes errorMessageSlideUpIn {
5311
5310
  0% {
@@ -5490,6 +5489,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5490
5489
  .rs-form-error-message-wrapper:where([data-placement='left-end'], [data-placement='right-end']) .rs-form-error-message-arrow::after {
5491
5490
  bottom: 4px;
5492
5491
  }
5492
+ .rs-form-help-text {
5493
+ display: block;
5494
+ color: var(--rs-text-secondary);
5495
+ min-height: 20px;
5496
+ line-height: 1.66666667;
5497
+ font-size: var(--rs-font-size-xs);
5498
+ }
5499
+ .rs-form-help-text-tooltip {
5500
+ display: inline-flex;
5501
+ align-items: center;
5502
+ font-size: var(--rs-font-size-md);
5503
+ }
5493
5504
  :root {
5494
5505
  --rs-grid-gutter: calc(var(--rs-spacing) * 3);
5495
5506
  --rs-row-gutter: calc(var(--rs-grid-gutter) / -2);
@@ -8069,18 +8080,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
8069
8080
  .rs-header {
8070
8081
  flex: 0 0 auto;
8071
8082
  }
8072
- .rs-form-help-text {
8073
- display: block;
8074
- color: var(--rs-text-secondary);
8075
- min-height: 20px;
8076
- line-height: 1.66666667;
8077
- font-size: var(--rs-font-size-xs);
8078
- }
8079
- .rs-form-help-text-tooltip {
8080
- display: inline-flex;
8081
- align-items: center;
8082
- font-size: var(--rs-font-size-md);
8083
- }
8084
8083
  .rs-btn-icon {
8085
8084
  padding: calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
8086
8085
  line-height: var(--rs-btn-icon-size);