@patternfly/patternfly 6.3.0-prerelease.63 → 6.3.0-prerelease.65

package/components/Alert/alert-group.css

@@ -64,7 +64,7 @@
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
-  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
+  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -74,7 +74,7 @@
   --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
+  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
   --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -119,6 +119,8 @@
 }
 .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
   --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
+  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
+  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
 }
 
 .pf-v6-c-alert-group__item {
@@ -174,17 +176,4 @@
   .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
     transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
   }
-}
-.pf-v6-c-alert-group__item:hover {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
-  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
-}
-.pf-v6-c-alert-group__item:focus {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
-}
-.pf-v6-c-alert-group__item:active {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
 }

package/components/Alert/alert-group.scss

@@ -90,7 +90,7 @@
   --#{$alert-group}--m-toast__item--m-offstage-right--c-alert--Transition: initial;
 
     // Overflow button
-  --#{$alert-group}__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
+  --#{$alert-group}__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --#{$alert-group}__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --#{$alert-group}__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --#{$alert-group}__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -100,9 +100,11 @@
   --#{$alert-group}__overflow-button--Color: var(--pf-t--global--text--color--link--default);
   --#{$alert-group}__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --#{$alert-group}__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --#{$alert-group}__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
+  --#{$alert-group}__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
   --#{$alert-group}__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
   --#{$alert-group}__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
+
+  // TODO - remove this block in breaking change, not used
   --#{$alert-group}__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
   --#{$alert-group}__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
   --#{$alert-group}__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -152,6 +154,8 @@
   &:hover,
   &:focus {
     --#{$alert-group}__overflow-button--BorderWidth: var(--#{$alert-group}__overflow-button--hover--BorderWidth);
+    --#{$alert-group}__overflow-button--BackgroundColor: var(--#{$alert-group}__overflow-button--hover--BackgroundColor);
+    --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--hover--Color);
   }
 }
 
@@ -278,20 +282,4 @@
         }
     }
   }
-
-  &:hover {
-    --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--hover--Color);
-    --#{$alert-group}__overflow-button--BackgroundColor: var(--#{$alert-group}__overflow-button--hover--BackgroundColor);
-    --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--hover--BoxShadow);
-  }
-
-  &:focus {
-    --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--focus--Color);
-    --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--focus--BoxShadow);
-  }
-
-  &:active {
-    --#{$alert-group}__overflow-button--Color: var(--#{$alert-group}__overflow-button--active--Color);
-    --#{$alert-group}__overflow-button--BoxShadow: var(--#{$alert-group}__overflow-button--active--BoxShadow);
-  }
 }

package/components/_index.css

@@ -732,7 +732,7 @@
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
-  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
+  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -742,7 +742,7 @@
   --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
+  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
   --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -787,6 +787,8 @@
 }
 .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
   --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
+  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
+  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
 }
 
 .pf-v6-c-alert-group__item {
@@ -843,19 +845,6 @@
     transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
   }
 }
-.pf-v6-c-alert-group__item:hover {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
-  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
-}
-.pf-v6-c-alert-group__item:focus {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
-}
-.pf-v6-c-alert-group__item:active {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
-}
 
 .pf-v6-c-avatar {
   --pf-v6-c-avatar--BorderColor: transparent;

package/docs/components/Alert/examples/Alert.md

@@ -798,8 +798,7 @@ For sighted users, interactive elements can be included in this message in one o
       </div>
     </div>
   </li>
-
-  <li class="pf-v6-c-alert-group__item">
+  <li>
     <button
       class="pf-v6-c-alert-group__overflow-button"
     >View 3 more notifications</button>

package/docs/components/ClipboardCopy/examples/ClipboardCopy.md

@@ -500,7 +500,7 @@ cssPrefix: pf-v6-c-clipboard-copy
 ```html
 <div class="pf-v6-c-clipboard-copy pf-m-inline pf-m-truncate">
   <span class="pf-v6-c-clipboard-copy__text">
-    <span class="pf-v6-c-truncate">
+    <span class="pf-v6-c-truncate" tabindex="0">
       <span
         class="pf-v6-c-truncate__start"
       >This lengthy, copyable content will be truncated with default settings when the truncation prop is simply set to true. This is useful for quickly applying truncation without needing to worry about any other properties to set.</span>

package/docs/components/DataList/examples/DataList.md

@@ -1885,6 +1885,7 @@ When a list item includes more than one block of content, it can be difficult fo
         </div>
         <div
           class="pf-v6-c-data-list__cell pf-m-truncate"
+          tabindex="0"
         >This text will truncate because it is very very long.</div>
         <div
           class="pf-v6-c-data-list__cell pf-m-break-word"
@@ -1898,15 +1899,19 @@ When a list item includes more than one block of content, it can be difficult fo
       <div class="pf-v6-c-data-list__item-content">
         <div
           class="pf-v6-c-data-list__cell"
+          tabindex="0"
         >This text will truncate because it is very very long. This text will truncate because it is very very long.</div>
         <div
           class="pf-v6-c-data-list__cell"
+          tabindex="0"
         >This text will truncate because it is very very long. This text will truncate because it is very very long.</div>
         <div
           class="pf-v6-c-data-list__cell"
+          tabindex="0"
         >This text will truncate because it is very very long. This text will truncate because it is very very long.</div>
         <div
           class="pf-v6-c-data-list__cell"
+          tabindex="0"
         >This text will truncate because it is very very long. This text will truncate because it is very very long.</div>
       </div>
     </div>
@@ -1957,6 +1962,7 @@ When a list item includes more than one block of content, it can be difficult fo
           >This text will wrap to the next line because it has the default behavior of the data list cell.</span>
           <span
             class="pf-v6-c-data-list__text pf-m-truncate"
+            tabindex="0"
           >This is data list text, you can apply `pf-m-truncate` directly to the text. This is data list text, you can apply `pf-m-truncate` directly to the text.</span>
         </div>
         <div class="pf-v6-c-data-list__cell">

package/docs/components/Icon/examples/Icon.md

@@ -285,16 +285,6 @@ extra large
   <span class="pf-v6-c-icon__content">
     <i class="fas fa-check-circle" aria-hidden="true"></i>
   </span>
-  <span class="pf-v6-c-icon__progress">
-    <svg
-      class="pf-v6-c-spinner pf-m-md"
-      role="progressbar"
-      viewBox="0 0 100 100"
-      aria-label="Loading..."
-    >
-      <circle class="pf-v6-c-spinner__path" cx="50" cy="50" r="45" fill="none" />
-    </svg>
-  </span>
 </span>
 
 ```

package/docs/components/Progress/examples/Progress.md

@@ -336,6 +336,7 @@ cssPrefix: pf-v6-c-progress
   <div
     class="pf-v6-c-progress__description pf-m-truncate"
     id="progress-truncate-description-example-description"
+    tabindex="0"
   >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis ultricies lectus, eu lobortis mauris. Morbi pretium arcu id rhoncus mollis. Donec accumsan tincidunt enim nec varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse potenti.</div>
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__measure">33%</span>
@@ -425,7 +426,7 @@ If the status that displays with the bar is not a percentage, then the ARIA tag
 When conveying status, you should ensure:
 
 * There is visible helper text that explains the status.
-* The helper text includes the status icon, as seen in our [basic helper text example](/components/helper-text/html#basic).
+* The helper text includes the status icon, as seen in our HTML [helper text component](/components/helper-text).
 * The helper text is linked to the `.pf-v6-c-progress__bar[role="progressbar"]` element via an `aria-describedby` attribute, as seen in the [progress helper text example](#helper-text).
 
 ### Success

package/docs/components/Truncate/examples/Truncate.md

@@ -8,13 +8,15 @@ cssPrefix: pf-v6-c-truncate
 
 The default behavior of the truncate component is to truncate based on whether the content can fit within the width of its parent container, and to prevent text from wrapping. The following examples that use this default behavior render the truncate component inside a resizable container, allowing you to see how the parent container width affects the truncation.
 
+Note that when content is truncated, a tabindex of 0 should also be added to the element to ensure it remains accessible. The examples below however, add a tabindex in both cases as the content is static.
+
 ### Default
 
 When only the `.pf-v6-c-truncate__start` element is used, truncation will occur at the end of the string.
 
 ```html
 <div class="pf-v6-c-truncate--example">
-  <span class="pf-v6-c-truncate">
+  <span class="pf-v6-c-truncate" tabindex="0">
     <span
       class="pf-v6-c-truncate__start"
     >redhat_logo_black_and_white_reversed_simple_with_fedora_container.zip</span>
@@ -29,7 +31,7 @@ When both `.pf-v6-c-truncate__start` and `.pf-v6-c-truncate__end` elements are u
 
 ```html
 <div class="pf-v6-c-truncate--example">
-  <span class="pf-v6-c-truncate">
+  <span class="pf-v6-c-truncate" tabindex="0">
     <span
       class="pf-v6-c-truncate__start"
     >redhat_logo_black_and_white_reversed_simple_</span>
@@ -45,7 +47,7 @@ When only the `.pf-v6-c-truncate__end` element is used, truncation will occur at
 
 ```html
 <div class="pf-v6-c-truncate--example">
-  <span class="pf-v6-c-truncate">
+  <span class="pf-v6-c-truncate" tabindex="0">
     <span
       class="pf-v6-c-truncate__end"
     >redhat_logo_black_and_white_reversed_simple_with_fedora_container.zip</span>
@@ -60,7 +62,7 @@ Apply the `.pf-m-fixed` class to the `.pf-v6-c-truncate` element to implement tr
 
 ```html
 <div>Truncated at end position:</div>
-<span class="pf-v6-c-truncate pf-m-fixed">
+<span class="pf-v6-c-truncate pf-m-fixed" tabindex="0">
   <span
     class="pf-v6-c-truncate__text"
   >redhat_logo_black_and_white_reversed_simple_with_</span>
@@ -70,7 +72,7 @@ Apply the `.pf-m-fixed` class to the `.pf-v6-c-truncate` element to implement tr
 <br />
 <br />
 <div>Truncated at middle position:</div>
-<span class="pf-v6-c-truncate pf-m-fixed">
+<span class="pf-v6-c-truncate pf-m-fixed" tabindex="0">
   <span class="pf-v6-c-truncate__text">redhat_logo_black_and_</span>
   <span class="pf-v6-screen-reader">white_reversed_simple_with_</span>
 
@@ -80,7 +82,7 @@ Apply the `.pf-m-fixed` class to the `.pf-v6-c-truncate` element to implement tr
 <br />
 <br />
 <div>Truncated at start position:</div>
-<span class="pf-v6-c-truncate pf-m-fixed">
+<span class="pf-v6-c-truncate pf-m-fixed" tabindex="0">
   <span class="pf-v6-screen-reader">redhat_logo_black_</span>
 
   <span class="pf-v6-c-truncate__omission" aria-hidden="true">&hellip;</span>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.3.0-prerelease.63",
+  "version": "6.3.0-prerelease.65",
   "keywords": [],
   "license": "MIT",
   "engines": {
@@ -51,7 +51,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.22.4",
+    "@patternfly/documentation-framework": "6.22.5",
     "@patternfly/patternfly-a11y": "5.1.0",
     "@patternfly/react-code-editor": "6.3.1",
     "@patternfly/react-core": "6.3.1",

package/patternfly-no-globals.css

@@ -9399,7 +9399,7 @@
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
-  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
+  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -9409,7 +9409,7 @@
   --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
+  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
   --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -9454,6 +9454,8 @@
 }
 .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
   --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
+  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
+  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
 }
 
 .pf-v6-c-alert-group__item {
@@ -9510,19 +9512,6 @@
     transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
   }
 }
-.pf-v6-c-alert-group__item:hover {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
-  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
-}
-.pf-v6-c-alert-group__item:focus {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
-}
-.pf-v6-c-alert-group__item:active {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
-}
 
 .pf-v6-c-avatar {
   --pf-v6-c-avatar--BorderColor: transparent;

package/patternfly.css

@@ -9539,7 +9539,7 @@ button) {
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
   --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
-  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
+  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -9549,7 +9549,7 @@ button) {
   --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
+  --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
   --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
   --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -9594,6 +9594,8 @@ button) {
 }
 .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
   --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
+  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
+  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
 }
 
 .pf-v6-c-alert-group__item {
@@ -9650,19 +9652,6 @@ button) {
     transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
   }
 }
-.pf-v6-c-alert-group__item:hover {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
-  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
-}
-.pf-v6-c-alert-group__item:focus {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
-}
-.pf-v6-c-alert-group__item:active {
-  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
-  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
-}
 
 .pf-v6-c-avatar {
   --pf-v6-c-avatar--BorderColor: transparent;