@patternfly/patternfly 6.6.0-prerelease.24 → 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 (17) hide show
  1. package/components/Form/form.scss +1 -0
  2. package/components/Tabs/tabs.css +19 -5
  3. package/components/Tabs/tabs.scss +22 -5
  4. package/components/_index.css +19 -5
  5. package/docs/components/Button/examples/Button.md +2 -2
  6. package/docs/components/Form/examples/Form.md +36 -8
  7. package/docs/components/Tabs/examples/Tabs.md +18 -998
  8. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -34
  9. package/docs/demos/Alert/examples/Alert.md +32 -14
  10. package/docs/demos/Button/examples/Button.md +57 -45
  11. package/docs/demos/Compass/examples/Compass.md +0 -404
  12. package/docs/demos/Form/examples/BasicForms.md +56 -28
  13. package/package.json +2 -2
  14. package/patternfly-no-globals.css +19 -5
  15. package/patternfly.css +19 -5
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -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
@@ -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
  }