@patternfly/patternfly 6.3.0-prerelease.29 → 6.3.0-prerelease.30

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 (9) hide show
  1. package/components/Form/form.css +9 -1
  2. package/components/Form/form.scss +10 -1
  3. package/components/_index.css +9 -1
  4. package/docs/components/Form/examples/Form.md +1054 -220
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +9 -1
  7. package/patternfly.css +9 -1
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.3.0-prerelease.29",
4
+ "version": "6.3.0-prerelease.30",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -14293,7 +14293,7 @@ ul) {
14293
14293
  --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
14294
14294
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14295
14295
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14296
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14296
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14297
14297
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14298
14298
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
14299
14299
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14313,6 +14313,8 @@ ul) {
14313
14313
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14314
14314
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14315
14315
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14316
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14317
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14316
14318
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14317
14319
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14318
14320
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14757,6 +14759,8 @@ ul) {
14757
14759
  }
14758
14760
 
14759
14761
  .pf-v6-c-form__field-group-header-actions {
14762
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14763
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14760
14764
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14761
14765
  white-space: nowrap;
14762
14766
  }
@@ -14765,9 +14769,13 @@ ul) {
14765
14769
  display: grid;
14766
14770
  grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
14767
14771
  gap: var(--pf-v6-c-form__field-group-body--Gap);
14772
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14773
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14768
14774
  }
14769
14775
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14770
14776
  max-height: 0;
14777
+ padding-block-start: 0;
14778
+ padding-block-end: 0;
14771
14779
  visibility: hidden;
14772
14780
  opacity: 0;
14773
14781
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
package/patternfly.css CHANGED
@@ -14429,7 +14429,7 @@ ul) {
14429
14429
  --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
14430
14430
  --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
14431
14431
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14432
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
14432
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14433
14433
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
14434
14434
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
14435
14435
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -14449,6 +14449,8 @@ ul) {
14449
14449
  --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
14450
14450
  --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
14451
14451
  --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
14452
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14453
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14452
14454
  --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14453
14455
  --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14454
14456
  --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
@@ -14893,6 +14895,8 @@ ul) {
14893
14895
  }
14894
14896
 
14895
14897
  .pf-v6-c-form__field-group-header-actions {
14898
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
14899
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
14896
14900
  margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
14897
14901
  white-space: nowrap;
14898
14902
  }
@@ -14901,9 +14905,13 @@ ul) {
14901
14905
  display: grid;
14902
14906
  grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
14903
14907
  gap: var(--pf-v6-c-form__field-group-body--Gap);
14908
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
14909
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
14904
14910
  }
14905
14911
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
14906
14912
  max-height: 0;
14913
+ padding-block-start: 0;
14914
+ padding-block-end: 0;
14907
14915
  visibility: hidden;
14908
14916
  opacity: 0;
14909
14917
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);