@patternfly/patternfly 6.6.0-prerelease.23 → 6.6.0-prerelease.25

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 (20) hide show
  1. package/components/Form/form.scss +1 -0
  2. package/components/ModalBox/modal-box.css +2 -2
  3. package/components/ModalBox/modal-box.scss +3 -3
  4. package/components/Tabs/tabs.css +19 -5
  5. package/components/Tabs/tabs.scss +22 -5
  6. package/components/_index.css +21 -7
  7. package/docs/components/Button/examples/Button.md +2 -2
  8. package/docs/components/Form/examples/Form.md +36 -8
  9. package/docs/components/Tabs/examples/Tabs.md +18 -998
  10. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -34
  11. package/docs/demos/Alert/examples/Alert.md +32 -14
  12. package/docs/demos/Button/examples/Button.md +57 -45
  13. package/docs/demos/Compass/examples/Compass.md +0 -404
  14. package/docs/demos/Form/examples/BasicForms.md +56 -28
  15. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2557 -5003
  16. package/package.json +2 -2
  17. package/patternfly-no-globals.css +21 -7
  18. package/patternfly.css +21 -7
  19. package/patternfly.min.css +1 -1
  20. 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
- "version": "6.6.0-prerelease.23",
4
+ "version": "6.6.0-prerelease.25",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,7 +71,7 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.49.1",
74
+ "@patternfly/documentation-framework": "6.49.4",
75
75
  "@patternfly/patternfly-a11y": "5.2.1",
76
76
  "@patternfly/react-code-editor": "6.6.0",
77
77
  "@patternfly/react-core": "6.6.0",
package/patternfly-no-globals.css CHANGED
@@ -21985,8 +21985,8 @@ ul.pf-v6-c-list {
21985
21985
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21986
21986
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21987
21987
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21988
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
21989
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
21988
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21989
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21990
21990
  }
21991
21991
 
21992
21992
  .pf-v6-c-modal-box {
@@ -30752,10 +30752,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30752
30752
  --pf-v6-c-tabs__link--BorderColor: transparent;
30753
30753
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30754
30754
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
30755
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
30756
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
30757
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
30758
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
30755
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30756
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30757
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30758
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30759
30759
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30760
30760
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30761
30761
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30774,9 +30774,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30774
30774
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30775
30775
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30776
30776
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30777
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
30778
30777
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30779
30778
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30779
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
30780
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
30781
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30782
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30783
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30784
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30785
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30780
30786
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30781
30787
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30782
30788
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -31143,9 +31149,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31143
31149
  }
31144
31150
  .pf-v6-c-tabs.pf-m-subtab {
31145
31151
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31152
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31153
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31154
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31155
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
31146
31156
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
31147
31157
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
31148
31158
  }
31159
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31160
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31161
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31162
+ }
31149
31163
  .pf-v6-c-tabs.pf-m-page-insets {
31150
31164
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
31151
31165
  }
package/patternfly.css CHANGED
@@ -22140,8 +22140,8 @@ ul.pf-v6-c-list {
22140
22140
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22141
22141
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22142
22142
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22143
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
22144
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22143
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22144
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22145
22145
  }
22146
22146
 
22147
22147
  .pf-v6-c-modal-box {
@@ -30907,10 +30907,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30907
30907
  --pf-v6-c-tabs__link--BorderColor: transparent;
30908
30908
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30909
30909
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
30910
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
30911
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
30912
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
30913
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
30910
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30911
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30912
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30913
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30914
30914
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30915
30915
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30916
30916
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30929,9 +30929,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30929
30929
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30930
30930
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30931
30931
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30932
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
30933
30932
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30934
30933
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30934
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
30935
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
30936
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30937
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30938
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30939
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30940
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30935
30941
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30936
30942
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30937
30943
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -31298,9 +31304,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31298
31304
  }
31299
31305
  .pf-v6-c-tabs.pf-m-subtab {
31300
31306
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31307
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31308
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31309
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31310
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
31301
31311
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
31302
31312
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
31303
31313
  }
31314
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31315
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31316
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31317
+ }
31304
31318
  .pf-v6-c-tabs.pf-m-page-insets {
31305
31319
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
31306
31320
  }