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