@patternfly/patternfly 6.0.0-alpha.171 → 6.0.0-alpha.173

package/components/_index.css

@@ -1419,7 +1419,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-button--BackgroundColor: transparent;
   --pf-v6-c-button--BorderColor: transparent;
-  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-button--TextDecoration: none;
   --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
@@ -1427,11 +1427,11 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
   --pf-v6-c-button--hover--BackgroundColor: transparent;
   --pf-v6-c-button--hover--BorderColor: transparent;
-  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-button--hover--TextDecoration: none;
   --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
   --pf-v6-c-button--m-clicked--BorderColor: transparent;
-  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -1561,13 +1561,13 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
-  --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
+  --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
   --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
   --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
-  --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
+  --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
   --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
   --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
-  --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
+  --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
   --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
   --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
   --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
@@ -2260,7 +2260,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-card--m-full-height--Height: 100%;
   --pf-v6-c-card--m-plain--BorderColor: transparent;
   --pf-v6-c-card--m-plain--BackgroundColor: transparent;
-  --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--button--horizontal--compact) * -1);
+  --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
   --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
 }
 
@@ -3650,8 +3650,8 @@ ol) {
   --pf-v6-c-data-list--cell--WordBreak: normal;
   --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
   --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
-  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
+  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
   --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
   --pf-v6-c-data-list__toggle-icon--Rotate: 0;
@@ -7984,12 +7984,12 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
   --pf-v6-c-label--m-clickable__content--Cursor: pointer;
   --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
-  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-label--m-outline--BackgroundColor: transparent;
   --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
-  --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
@@ -7999,11 +7999,11 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v6-c-label--m-add--BackgroundColor: transparent;
   --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v6-c-label--m-add--hover--BackgroundColor: transparent;
   --pf-v6-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-label--m-compact--PaddingBlockStart: 0;
   --pf-v6-c-label--m-compact--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
@@ -10014,22 +10014,22 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
   --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
   --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
   --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10069,13 +10069,13 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
   --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
-  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
+  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
   --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
-  --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
   --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
-  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
+  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
   --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
   --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
@@ -10085,7 +10085,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
-  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
   --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
@@ -11603,7 +11603,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
 }
 @media (min-width: 1200px) {
   :where(:root, .pf-v6-c-page) {
@@ -22410,6 +22410,8 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
   --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -22463,7 +22465,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
   --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -22484,7 +22486,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-wizard__nav--Width: 100%;
   --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
-  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -22547,6 +22549,7 @@ label.pf-v6-c-tree-view__node-text {
   padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
   background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
+  border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
 }
 .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
   position: absolute;

package/docs/components/MenuToggle/examples/MenuToggle.md

@@ -985,7 +985,7 @@ cssPrefix: pf-v6-c-menu-toggle
 <button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false">
   <span class="pf-v6-c-menu-toggle__icon">
     <img
-      class="pf-v6-c-avatar"
+      class="pf-v6-c-avatar pf-m-sm"
       alt="Avatar image"
       src="/assets/images/img_avatar-light.svg"
     />
@@ -1006,7 +1006,7 @@ cssPrefix: pf-v6-c-menu-toggle
 >
   <span class="pf-v6-c-menu-toggle__icon">
     <img
-      class="pf-v6-c-avatar"
+      class="pf-v6-c-avatar pf-m-sm"
       alt="Avatar image"
       src="/assets/images/img_avatar-light.svg"
     />
@@ -1028,7 +1028,7 @@ cssPrefix: pf-v6-c-menu-toggle
 >
   <span class="pf-v6-c-menu-toggle__icon">
     <img
-      class="pf-v6-c-avatar"
+      class="pf-v6-c-avatar pf-m-sm"
       alt="Avatar image"
       src="/assets/images/img_avatar-light.svg"
     />

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.171",
+  "version": "6.0.0-alpha.173",
   "keywords": [],
   "license": "MIT",
   "scripts": {