@patternfly/patternfly 6.5.0-prerelease.81 → 6.5.0-prerelease.83

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 (38) hide show
  1. package/components/Card/card.scss +7 -9
  2. package/components/Hero/hero.css +19 -19
  3. package/components/Hero/hero.scss +30 -29
  4. package/components/Toolbar/toolbar.css +3 -0
  5. package/components/Toolbar/toolbar.scss +3 -0
  6. package/components/_index.css +22 -19
  7. package/docs/components/Card/examples/Card.md +3 -3
  8. package/docs/components/Compass/examples/Compass.css +3 -3
  9. package/docs/components/Compass/examples/Compass.md +1 -2
  10. package/docs/components/Hero/examples/Hero.md +1 -1
  11. package/docs/components/Masthead/examples/masthead.md +79 -7
  12. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  13. package/docs/demos/Alert/examples/Alert.md +3 -3
  14. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  15. package/docs/demos/Banner/examples/Banner.md +2 -2
  16. package/docs/demos/CardView/examples/CardView.md +1 -1
  17. package/docs/demos/Compass/examples/Compass.md +14 -15
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  19. package/docs/demos/DataList/examples/DataList.md +4 -4
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  21. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  23. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -6
  25. package/docs/demos/Nav/examples/Nav.md +18 -18
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  27. package/docs/demos/Page/examples/Page.md +14 -14
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  29. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  30. package/docs/demos/Table/examples/Table.md +16 -16
  31. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  32. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  33. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  34. package/package.json +5 -3
  35. package/patternfly-no-globals.css +22 -19
  36. package/patternfly.css +22 -19
  37. package/patternfly.min.css +1 -1
  38. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -18020,10 +18020,10 @@ ul) {
18020
18020
  }
18021
18021
 
18022
18022
  .pf-v6-c-hero {
18023
- --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
18024
- --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18023
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--3xl);
18024
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18025
18025
  --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
18026
- --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18026
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
18027
18027
  --pf-v6-c-hero--gradient--angle: 109deg;
18028
18028
  --pf-v6-c-hero--gradient--stop-1--light: transparent;
18029
18029
  --pf-v6-c-hero--gradient--stop-2--light: transparent;
@@ -18031,8 +18031,7 @@ ul) {
18031
18031
  --pf-v6-c-hero--gradient--stop-1--dark: transparent;
18032
18032
  --pf-v6-c-hero--gradient--stop-2--dark: transparent;
18033
18033
  --pf-v6-c-hero--gradient--stop-3--dark: transparent;
18034
- --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
18035
- --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
18034
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
18036
18035
  --pf-v6-c-hero--BackgroundImage--light: none;
18037
18036
  --pf-v6-c-hero--BackgroundImage--dark: none;
18038
18037
  --pf-v6-c-hero--BackgroundRepeat: no-repeat;
@@ -18044,14 +18043,16 @@ ul) {
18044
18043
  --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
18045
18044
  --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
18046
18045
  --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
18047
- --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
18048
- --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
18049
- --pf-v6-c-hero--BorderStartStartRadius: 24px;
18050
- --pf-v6-c-hero--BorderStartEndRadius: 72px;
18051
- --pf-v6-c-hero--BorderEndEndRadius: 24px;
18052
- --pf-v6-c-hero--BorderEndStartRadius: 72px;
18046
+ --pf-v6-c-hero--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
18047
+ --pf-v6-c-hero--BorderStartEndRadius: 48px;
18048
+ --pf-v6-c-hero--BorderEndEndRadius: var(--pf-t--global--border--radius--medium);
18049
+ --pf-v6-c-hero--BorderEndStartRadius: 48px;
18053
18050
  --pf-v6-c-hero__body--Width: 800px;
18054
18051
  --pf-v6-c-hero__body--MaxWidth: 80%;
18052
+ --pf-v6-c-hero--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
18053
+ --pf-v6-c-hero--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
18054
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--glass--default);
18055
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
18055
18056
  }
18056
18057
 
18057
18058
  .pf-v6-c-hero {
@@ -18060,6 +18061,7 @@ ul) {
18060
18061
  padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
18061
18062
  padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
18062
18063
  padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
18064
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
18063
18065
  background-image: var(--pf-v6-c-hero--BackgroundImage, var(--pf-v6-c-hero--BackgroundImage--light)), linear-gradient(var(--pf-v6-c-hero--gradient--angle), var(--pf-v6-c-hero--gradient--stop-1, var(--pf-v6-c-hero--gradient--stop-1--light)) 0%, var(--pf-v6-c-hero--gradient--stop-2, var(--pf-v6-c-hero--gradient--stop-2--light)) 50%, var(--pf-v6-c-hero--gradient--stop-3, var(--pf-v6-c-hero--gradient--stop-3--light)) 100%);
18064
18066
  background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
18065
18067
  background-position: var(--pf-v6-c-hero--BackgroundPosition);
@@ -18075,20 +18077,18 @@ ul) {
18075
18077
  border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
18076
18078
  border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
18077
18079
  }
18080
+ :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18081
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18082
+ --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18083
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18084
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18085
+ }
18078
18086
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18079
18087
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
18080
18088
  --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
18081
18089
  --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
18082
18090
  --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
18083
18091
  }
18084
- :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
18085
- --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18086
- box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18087
- }
18088
- .pf-v6-c-hero:not(.pf-m-no-glass) {
18089
- background-color: var(--pf-v6-c-hero--BackgroundColor);
18090
- backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
18091
- }
18092
18092
 
18093
18093
  .pf-v6-c-hero__body {
18094
18094
  width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
@@ -32353,7 +32353,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32353
32353
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
32354
32354
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
32355
32355
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
32356
+ padding-inline-start: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineStart);
32357
+ padding-inline-end: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineEnd);
32356
32358
  border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
32359
+ border-radius: var(--pf-v6-c-toolbar--m-sticky--BorderRadius);
32357
32360
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
32358
32361
  }
32359
32362
  .pf-v6-c-toolbar.pf-m-sticky-base {