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