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