@patternfly/patternfly 6.0.0-alpha.132 → 6.0.0-alpha.134

package/docs/utilities/Display/examples/Display.css

@@ -1,11 +1,4 @@
-.ws-core-u-display .pf-v6-u-display-inline-block,
-.ws-core-u-display .pf-v6-u-display-block,
-.ws-core-u-display .pf-v6-u-display-flex,
-.ws-core-u-display .pf-v6-u-display-inline-flex,
-.ws-core-u-display .pf-v6-u-display-grid,
-.ws-core-u-display .pf-v6-u-display-inline,
-.ws-core-u-display .pf-v6-u-display-table,
-.ws-core-u-display .pf-v6-u-display-table-cell {
+.ws-core-u-display [class*="pf-v6-u-display-"] {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/docs/utilities/Display/examples/Display.md

@@ -5,10 +5,10 @@ section: utility-classes
 
 ## Examples
 
-### Inline block
+### Inline
 
 ```html
-<div class="pf-v6-u-display-inline-block">.pf-v6-u-display-inline-block</div>
+<div class="pf-v6-u-display-inline">.pf-v6-u-display-inline</div>
 
 ```
 
@@ -19,6 +19,13 @@ section: utility-classes
 
 ```
 
+### Inline block
+
+```html
+<div class="pf-v6-u-display-inline-block">.pf-v6-u-display-inline-block</div>
+
+```
+
 ### Flex
 
 ```html
@@ -40,14 +47,14 @@ section: utility-classes
 
 ```
 
-### Inline
+### Inline grid
 
 ```html
-<div class="pf-v6-u-display-inline">.pf-v6-u-display-inline</div>
+<div class="pf-v6-u-display-inline-grid">.pf-v6-u-display-inline-grid</div>
 
 ```
 
-### Table
+### Table, table row, table cell
 
 ```html
 <div class="pf-v6-u-display-table">
@@ -82,11 +89,13 @@ section: utility-classes
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v6-u-display-inline-block{-on-[breakpoint]}` | `*` |  Sets display: inline-block |
-| `.pf-v6-u-display-block{-on-[breakpoint]}` | `*` |  Sets display: block |
 | `.pf-v6-u-display-inline{-on-[breakpoint]}` | `*` |  Sets display: inline |
+| `.pf-v6-u-display-block{-on-[breakpoint]}` | `*` |  Sets display: block |
+| `.pf-v6-u-display-inline-block{-on-[breakpoint]}` | `*` |  Sets display: inline-block |
 | `.pf-v6-u-display-flex{-on-[breakpoint]}` | `*` |  Sets display: flex |
 | `.pf-v6-u-display-inline-flex{-on-[breakpoint]}` | `*` |  Sets display: inline-flex |
+| `.pf-v6-u-display-grid{-on-[breakpoint]}` | `*` |  Sets display: grid |
+| `.pf-v6-u-display-inline-grid{-on-[breakpoint]}` | `*` |  Sets display: inline-grid |
 | `.pf-v6-u-display-table{-on-[breakpoint]}` | `*` |  Sets display: table |
 | `.pf-v6-u-display-table-row{-on-[breakpoint]}` | `*` |  Sets display: table-row |
 | `.pf-v6-u-display-table-cell{-on-[breakpoint]}` | `*` |  Sets display: table-cell |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.132",
+  "version": "6.0.0-alpha.134",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -45,7 +45,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.0.0-alpha.24",
+    "@patternfly/documentation-framework": "6.0.0-alpha.28",
     "@patternfly/patternfly-a11y": "4.3.1",
     "@patternfly/react-code-editor": "6.0.0-alpha.55",
     "@patternfly/react-core": "6.0.0-alpha.55",

package/patternfly-addons.css

@@ -409,6 +409,14 @@
   display: inline-flex !important;
 }
 
+.pf-v6-u-display-grid {
+  display: grid !important;
+}
+
+.pf-v6-u-display-inline-grid {
+  display: inline-grid !important;
+}
+
 @media screen and (min-width: 576px) {
   .pf-v6-u-display-none-on-sm {
     display: none !important;
@@ -437,6 +445,12 @@
   .pf-v6-u-display-inline-flex-on-sm {
     display: inline-flex !important;
   }
+  .pf-v6-u-display-grid-on-sm {
+    display: grid !important;
+  }
+  .pf-v6-u-display-inline-grid-on-sm {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 768px) {
   .pf-v6-u-display-none-on-md {
@@ -466,6 +480,12 @@
   .pf-v6-u-display-inline-flex-on-md {
     display: inline-flex !important;
   }
+  .pf-v6-u-display-grid-on-md {
+    display: grid !important;
+  }
+  .pf-v6-u-display-inline-grid-on-md {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 992px) {
   .pf-v6-u-display-none-on-lg {
@@ -495,6 +515,12 @@
   .pf-v6-u-display-inline-flex-on-lg {
     display: inline-flex !important;
   }
+  .pf-v6-u-display-grid-on-lg {
+    display: grid !important;
+  }
+  .pf-v6-u-display-inline-grid-on-lg {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 1200px) {
   .pf-v6-u-display-none-on-xl {
@@ -524,6 +550,12 @@
   .pf-v6-u-display-inline-flex-on-xl {
     display: inline-flex !important;
   }
+  .pf-v6-u-display-grid-on-xl {
+    display: grid !important;
+  }
+  .pf-v6-u-display-inline-grid-on-xl {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 1450px) {
   .pf-v6-u-display-none-on-2xl {
@@ -553,6 +585,12 @@
   .pf-v6-u-display-inline-flex-on-2xl {
     display: inline-flex !important;
   }
+  .pf-v6-u-display-grid-on-2xl {
+    display: grid !important;
+  }
+  .pf-v6-u-display-inline-grid-on-2xl {
+    display: inline-grid !important;
+  }
 }
 .pf-v6-u-flex-direction-column {
   flex-direction: column !important;

package/patternfly-no-globals.css

@@ -7197,11 +7197,11 @@
   --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
   --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
-  --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
-  --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
 }
 
 .pf-v6-c-breadcrumb {
@@ -7267,13 +7267,13 @@ button.pf-v6-c-breadcrumb__link {
 }
 
 .pf-v6-c-breadcrumb__dropdown {
-  margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
-  margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
-  margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
+  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
+  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
 }
 .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
-  line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
+  line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
 }
 
 .pf-v6-c-breadcrumb__heading {
@@ -12923,7 +12923,7 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
 }
 
 .pf-v6-c-hint {
@@ -12954,7 +12954,7 @@ select ~ .pf-v6-c-form-control__utilities {
   text-align: end;
 }
 .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
-  margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
+  margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
 }
 .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
   grid-column: 1;
@@ -14465,9 +14465,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
   --pf-v6-c-log-viewer__text--LineBreak: anywhere;
   --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
-  --pf-v6-c-log-viewer__string--m-match--Color: initial;
+  --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
   --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
-  --pf-v6-c-log-viewer__string--m-current--Color: initial;
+  --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
   --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
   --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
@@ -14780,12 +14780,14 @@ ul.pf-v6-c-list {
   }
 }
 
-.pf-v6-c-login__main-header-utilities {
+.pf-v6-c-login__main-header-utilities,
+.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
   grid-row: auto;
   grid-column: auto;
 }
 @media (min-width: 768px) {
-  .pf-v6-c-login__main-header-utilities {
+  .pf-v6-c-login__main-header-utilities,
+  .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
     grid-row: 1;
     grid-column: 2/3;
   }
@@ -15491,11 +15493,14 @@ ul.pf-v6-c-list {
 }
 .pf-v6-c-menu .pf-v6-c-menu {
   min-width: 100%;
-  border-radius: 0;
 }
 .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
   overflow: visible;
 }
+.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
+  min-width: 100%;
+  border-radius: 0;
+}
 .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
   overflow: visible;
 }

package/patternfly.css

@@ -7314,11 +7314,11 @@ h6) {
   --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
   --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
-  --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
-  --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
-  --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
 }
 
 .pf-v6-c-breadcrumb {
@@ -7384,13 +7384,13 @@ button.pf-v6-c-breadcrumb__link {
 }
 
 .pf-v6-c-breadcrumb__dropdown {
-  margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
-  margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
-  margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
+  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
+  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
 }
 .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
-  line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
+  line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
 }
 
 .pf-v6-c-breadcrumb__heading {
@@ -13040,7 +13040,7 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
 }
 
 .pf-v6-c-hint {
@@ -13071,7 +13071,7 @@ select ~ .pf-v6-c-form-control__utilities {
   text-align: end;
 }
 .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
-  margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
+  margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
 }
 .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
   grid-column: 1;
@@ -14582,9 +14582,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
   --pf-v6-c-log-viewer__text--LineBreak: anywhere;
   --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
-  --pf-v6-c-log-viewer__string--m-match--Color: initial;
+  --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
   --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
-  --pf-v6-c-log-viewer__string--m-current--Color: initial;
+  --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
   --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
   --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
@@ -14897,12 +14897,14 @@ ul.pf-v6-c-list {
   }
 }
 
-.pf-v6-c-login__main-header-utilities {
+.pf-v6-c-login__main-header-utilities,
+.pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
   grid-row: auto;
   grid-column: auto;
 }
 @media (min-width: 768px) {
-  .pf-v6-c-login__main-header-utilities {
+  .pf-v6-c-login__main-header-utilities,
+  .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
     grid-row: 1;
     grid-column: 2/3;
   }
@@ -15608,11 +15610,14 @@ ul.pf-v6-c-list {
 }
 .pf-v6-c-menu .pf-v6-c-menu {
   min-width: 100%;
-  border-radius: 0;
 }
 .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
   overflow: visible;
 }
+.pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
+  min-width: 100%;
+  border-radius: 0;
+}
 .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
   overflow: visible;
 }