@patternfly/react-tokens 6.2.0-prerelease.10 → 6.2.0-prerelease.12

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.2.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0-prerelease.11...@patternfly/react-tokens@6.2.0-prerelease.12) (2025-04-01)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# [6.2.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0-prerelease.10...@patternfly/react-tokens@6.2.0-prerelease.11) (2025-03-20)
+
+### Bug Fixes
+
+- **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.20 ([#11653](https://github.com/patternfly/patternfly-react/issues/11653)) ([f4df244](https://github.com/patternfly/patternfly-react/commit/f4df244b1fe68c1ac34bff7379f2bb6558676fb2))
+- **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.23 ([#11660](https://github.com/patternfly/patternfly-react/issues/11660)) ([01006e6](https://github.com/patternfly/patternfly-react/commit/01006e6ec3085a3e25fb47904206e5476013e0eb))
+
+### Features
+
+- **Alert:** added animations ([#11495](https://github.com/patternfly/patternfly-react/issues/11495)) ([74dd258](https://github.com/patternfly/patternfly-react/commit/74dd258abb9f329dc2fc3fcaaa6fc4de460fc088))
+- **ClipboardCopy:** added truncation for inlinecompact variant ([#11610](https://github.com/patternfly/patternfly-react/issues/11610)) ([48b5749](https://github.com/patternfly/patternfly-react/commit/48b5749dfda3841aaaeea995659f2094272dc999))
+
 # [6.2.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0-prerelease.9...@patternfly/react-tokens@6.2.0-prerelease.10) (2025-03-11)
 
 ### Bug Fixes

package/README.md

@@ -15,7 +15,7 @@ npm install --save @patternfly/react-tokens
 ## Usage
 
 All Tokens and their corresponding values can be viewed on the
-[PatternFly React Tokens][token-page] page.
+[All PatternFly tokens][token-page] page.
 
 #### Import tokens
 
@@ -39,4 +39,4 @@ t_global_background_color_primary_default.value === '#fff'; // true
 t_global_background_color_primary_default.var === 'var(--pf-t--global--background--color--primary--default)'; // true
 ```
 
-[token-page]: https://react-staging.patternfly.org/developer-resources/global-css-variables
+[token-page]: https://www.patternfly.org/tokens/all-patternfly-tokens

package/dist/esm/c_accordion.d.ts

@@ -164,9 +164,35 @@ export const c_accordion: {
         "500"
       ]
     },
+    "c_accordion__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_accordion__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-accordion__toggle-icon--TransitionDuration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--default",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
     "c_accordion__toggle_icon_Transition": {
       "name": "--pf-v6-c-accordion__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-accordion__toggle-icon--TransitionDuration --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+        "transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default",
+        "transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200",
+        "transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1)",
+        "transform 100ms cubic-bezier(.4, 0, .2, 1)"
+      ]
     },
     "c_accordion__toggle_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate",

package/dist/esm/c_accordion.js

@@ -164,9 +164,35 @@ export const c_accordion = {
         "500"
       ]
     },
+    "c_accordion__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_accordion__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-accordion__toggle-icon--TransitionDuration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--default",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
     "c_accordion__toggle_icon_Transition": {
       "name": "--pf-v6-c-accordion__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-accordion__toggle-icon--TransitionDuration --pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+        "transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default",
+        "transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200",
+        "transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1)",
+        "transform 100ms cubic-bezier(.4, 0, .2, 1)"
+      ]
     },
     "c_accordion__toggle_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate",

package/dist/esm/c_accordion__toggle_icon_Transition.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_icon_Transition: {
   "name": "--pf-v6-c-accordion__toggle-icon--Transition",
-  "value": ".2s ease-in 0s",
+  "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
   "var": "var(--pf-v6-c-accordion__toggle-icon--Transition)"
 };
 export default c_accordion__toggle_icon_Transition;

package/dist/esm/c_accordion__toggle_icon_Transition.js

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_icon_Transition = {
   "name": "--pf-v6-c-accordion__toggle-icon--Transition",
-  "value": ".2s ease-in 0s",
+  "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
   "var": "var(--pf-v6-c-accordion__toggle-icon--Transition)"
 };
 export default c_accordion__toggle_icon_Transition;

package/dist/esm/c_accordion__toggle_icon_TransitionDuration.d.ts

@@ -0,0 +1,6 @@
+export const c_accordion__toggle_icon_TransitionDuration: {
+  "name": "--pf-v6-c-accordion__toggle-icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-accordion__toggle-icon--TransitionDuration)"
+};
+export default c_accordion__toggle_icon_TransitionDuration;

package/dist/esm/c_accordion__toggle_icon_TransitionDuration.js

@@ -0,0 +1,6 @@
+export const c_accordion__toggle_icon_TransitionDuration = {
+  "name": "--pf-v6-c-accordion__toggle-icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-accordion__toggle-icon--TransitionDuration)"
+};
+export default c_accordion__toggle_icon_TransitionDuration;

package/dist/esm/c_accordion__toggle_icon_TransitionTimingFunction.d.ts

@@ -0,0 +1,6 @@
+export const c_accordion__toggle_icon_TransitionTimingFunction: {
+  "name": "--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction)"
+};
+export default c_accordion__toggle_icon_TransitionTimingFunction;

package/dist/esm/c_accordion__toggle_icon_TransitionTimingFunction.js

@@ -0,0 +1,6 @@
+export const c_accordion__toggle_icon_TransitionTimingFunction = {
+  "name": "--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction)"
+};
+export default c_accordion__toggle_icon_TransitionTimingFunction;

package/dist/esm/c_banner.d.ts

@@ -770,8 +770,8 @@ export const c_banner: {
     }
   },
   ".pf-v6-c-banner .pf-v6-c-button.pf-m-inline": {
-    "c_button_m_link_Color": {
-      "name": "--pf-v6-c-button--m-link--Color",
+    "c_button_m_link_m_inline_Color": {
+      "name": "--pf-v6-c-button--m-link--m-inline--Color",
       "value": "#151515",
       "values": [
         "--pf-v6-c-banner--link--Color",
@@ -783,8 +783,8 @@ export const c_banner: {
         "#151515"
       ]
     },
-    "c_button_m_link_hover_Color": {
-      "name": "--pf-v6-c-button--m-link--hover--Color",
+    "c_button_m_link_m_inline_hover_Color": {
+      "name": "--pf-v6-c-button--m-link--m-inline--hover--Color",
       "value": "#151515",
       "values": [
         "--pf-v6-c-banner--link--hover--Color",

package/dist/esm/c_banner.js

@@ -770,8 +770,8 @@ export const c_banner = {
     }
   },
   ".pf-v6-c-banner .pf-v6-c-button.pf-m-inline": {
-    "c_button_m_link_Color": {
-      "name": "--pf-v6-c-button--m-link--Color",
+    "c_button_m_link_m_inline_Color": {
+      "name": "--pf-v6-c-button--m-link--m-inline--Color",
       "value": "#151515",
       "values": [
         "--pf-v6-c-banner--link--Color",
@@ -783,8 +783,8 @@ export const c_banner = {
         "#151515"
       ]
     },
-    "c_button_m_link_hover_Color": {
-      "name": "--pf-v6-c-button--m-link--hover--Color",
+    "c_button_m_link_m_inline_hover_Color": {
+      "name": "--pf-v6-c-button--m-link--m-inline--hover--Color",
       "value": "#151515",
       "values": [
         "--pf-v6-c-banner--link--hover--Color",

package/dist/esm/c_button.d.ts

@@ -2160,6 +2160,64 @@ export const c_button: {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_button_m_favorite__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--default",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_button_m_favorite__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_button_m_favorited__icon_Color": {
+      "name": "--pf-v6-c-button--m-favorited__icon--Color",
+      "value": "#ffcc17",
+      "values": [
+        "--pf-t--global--color--favorite--default",
+        "--pf-t--global--color--favorite--100",
+        "--pf-t--color--yellow--30",
+        "#ffcc17"
+      ]
+    },
+    "c_button_m_favorited_hover__icon_Color": {
+      "name": "--pf-v6-c-button--m-favorited--hover__icon--Color",
+      "value": "#dca614",
+      "values": [
+        "--pf-t--global--color--favorite--hover",
+        "--pf-t--global--color--favorite--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
+      ]
+    },
+    "c_button_m_favorited__icon_AnimationDuration": {
+      "name": "--pf-v6-c-button--m-favorited__icon--AnimationDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_m_favorited__icon_AnimationTimingFunction": {
+      "name": "--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
       "value": "calc(1rem + 0.5rem)",
@@ -2779,16 +2837,14 @@ export const c_button: {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#151515",
+      "value": "#0066cc",
       "values": [
         "--pf-v6-c-button--m-link--Color",
-        "--pf-v6-c-banner--link--Color",
-        "--pf-v6-c-banner--Color",
-        "--pf-t--global--text--color--nonstatus--on-gray--default",
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--95",
-        "#151515"
+        "--pf-t--global--text--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
     "c_button_BorderRadius": {
@@ -2824,16 +2880,14 @@ export const c_button: {
     },
     "c_button_hover_Color": {
       "name": "--pf-v6-c-button--hover--Color",
-      "value": "#151515",
+      "value": "#004d99",
       "values": [
         "--pf-v6-c-button--m-link--hover--Color",
-        "--pf-v6-c-banner--link--hover--Color",
-        "--pf-v6-c-banner--Color",
-        "--pf-t--global--text--color--nonstatus--on-gray--default",
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--95",
-        "#151515"
+        "--pf-t--global--text--color--brand--hover",
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -3078,14 +3132,16 @@ export const c_button: {
     },
     "c_button_m_link_Color": {
       "name": "--pf-v6-c-button--m-link--Color",
-      "value": "#0066cc",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--Color",
-        "--pf-t--global--text--color--brand--default",
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-v6-c-banner--link--Color",
+        "--pf-v6-c-banner--Color",
+        "--pf-t--global--text--color--nonstatus--on-gray--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_link__icon_Color": {
@@ -3118,14 +3174,16 @@ export const c_button: {
     },
     "c_button_m_link_hover_Color": {
       "name": "--pf-v6-c-button--m-link--hover--Color",
-      "value": "#004d99",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--Color",
-        "--pf-t--global--text--color--brand--hover",
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
+        "--pf-v6-c-banner--link--hover--Color",
+        "--pf-v6-c-banner--Color",
+        "--pf-t--global--text--color--nonstatus--on-gray--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_link_hover__icon_Color": {
@@ -4437,6 +4495,30 @@ export const c_button: {
       ]
     }
   },
+  ".pf-v6-c-button.pf-m-favorited": {
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#ffcc17",
+      "values": [
+        "--pf-v6-c-button--m-favorited__icon--Color",
+        "--pf-t--global--color--favorite--default",
+        "--pf-t--global--color--favorite--100",
+        "--pf-t--color--yellow--30",
+        "#ffcc17"
+      ]
+    },
+    "c_button_hover__icon_Color": {
+      "name": "--pf-v6-c-button--hover__icon--Color",
+      "value": "#dca614",
+      "values": [
+        "--pf-v6-c-button--m-favorited--hover__icon--Color",
+        "--pf-t--global--color--favorite--hover",
+        "--pf-t--global--color--favorite--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
+      ]
+    }
+  },
   ".pf-v6-c-button:hover": {
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",

package/dist/esm/c_button.js

@@ -2160,6 +2160,64 @@ export const c_button = {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_button_m_favorite__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--default",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_button_m_favorite__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_button_m_favorited__icon_Color": {
+      "name": "--pf-v6-c-button--m-favorited__icon--Color",
+      "value": "#ffcc17",
+      "values": [
+        "--pf-t--global--color--favorite--default",
+        "--pf-t--global--color--favorite--100",
+        "--pf-t--color--yellow--30",
+        "#ffcc17"
+      ]
+    },
+    "c_button_m_favorited_hover__icon_Color": {
+      "name": "--pf-v6-c-button--m-favorited--hover__icon--Color",
+      "value": "#dca614",
+      "values": [
+        "--pf-t--global--color--favorite--hover",
+        "--pf-t--global--color--favorite--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
+      ]
+    },
+    "c_button_m_favorited__icon_AnimationDuration": {
+      "name": "--pf-v6-c-button--m-favorited__icon--AnimationDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_m_favorited__icon_AnimationTimingFunction": {
+      "name": "--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
       "value": "calc(1rem + 0.5rem)",
@@ -2779,16 +2837,14 @@ export const c_button = {
     },
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
-      "value": "#151515",
+      "value": "#0066cc",
       "values": [
         "--pf-v6-c-button--m-link--Color",
-        "--pf-v6-c-banner--link--Color",
-        "--pf-v6-c-banner--Color",
-        "--pf-t--global--text--color--nonstatus--on-gray--default",
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--95",
-        "#151515"
+        "--pf-t--global--text--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
     "c_button_BorderRadius": {
@@ -2824,16 +2880,14 @@ export const c_button = {
     },
     "c_button_hover_Color": {
       "name": "--pf-v6-c-button--hover--Color",
-      "value": "#151515",
+      "value": "#004d99",
       "values": [
         "--pf-v6-c-button--m-link--hover--Color",
-        "--pf-v6-c-banner--link--hover--Color",
-        "--pf-v6-c-banner--Color",
-        "--pf-t--global--text--color--nonstatus--on-gray--default",
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--95",
-        "#151515"
+        "--pf-t--global--text--color--brand--hover",
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
     "c_button_hover_BackgroundColor": {
@@ -3078,14 +3132,16 @@ export const c_button = {
     },
     "c_button_m_link_Color": {
       "name": "--pf-v6-c-button--m-link--Color",
-      "value": "#0066cc",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--Color",
-        "--pf-t--global--text--color--brand--default",
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-v6-c-banner--link--Color",
+        "--pf-v6-c-banner--Color",
+        "--pf-t--global--text--color--nonstatus--on-gray--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_link__icon_Color": {
@@ -3118,14 +3174,16 @@ export const c_button = {
     },
     "c_button_m_link_hover_Color": {
       "name": "--pf-v6-c-button--m-link--hover--Color",
-      "value": "#004d99",
+      "value": "#151515",
       "values": [
         "--pf-v6-c-button--m-link--m-inline--hover--Color",
-        "--pf-t--global--text--color--brand--hover",
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
+        "--pf-v6-c-banner--link--hover--Color",
+        "--pf-v6-c-banner--Color",
+        "--pf-t--global--text--color--nonstatus--on-gray--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_button_m_link_hover__icon_Color": {
@@ -4437,6 +4495,30 @@ export const c_button = {
       ]
     }
   },
+  ".pf-v6-c-button.pf-m-favorited": {
+    "c_button__icon_Color": {
+      "name": "--pf-v6-c-button__icon--Color",
+      "value": "#ffcc17",
+      "values": [
+        "--pf-v6-c-button--m-favorited__icon--Color",
+        "--pf-t--global--color--favorite--default",
+        "--pf-t--global--color--favorite--100",
+        "--pf-t--color--yellow--30",
+        "#ffcc17"
+      ]
+    },
+    "c_button_hover__icon_Color": {
+      "name": "--pf-v6-c-button--hover__icon--Color",
+      "value": "#dca614",
+      "values": [
+        "--pf-v6-c-button--m-favorited--hover__icon--Color",
+        "--pf-t--global--color--favorite--hover",
+        "--pf-t--global--color--favorite--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
+      ]
+    }
+  },
   ".pf-v6-c-button:hover": {
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",

package/dist/esm/c_button_m_favorite__icon_TransitionDuration.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_favorite__icon_TransitionDuration: {
+  "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-button--m-favorite__icon--TransitionDuration)"
+};
+export default c_button_m_favorite__icon_TransitionDuration;

package/dist/esm/c_button_m_favorite__icon_TransitionDuration.js

@@ -0,0 +1,6 @@
+export const c_button_m_favorite__icon_TransitionDuration = {
+  "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-button--m-favorite__icon--TransitionDuration)"
+};
+export default c_button_m_favorite__icon_TransitionDuration;

package/dist/esm/c_button_m_favorite__icon_TransitionTimingFunction.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_favorite__icon_TransitionTimingFunction: {
+  "name": "--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction)"
+};
+export default c_button_m_favorite__icon_TransitionTimingFunction;

package/dist/esm/c_button_m_favorite__icon_TransitionTimingFunction.js

@@ -0,0 +1,6 @@
+export const c_button_m_favorite__icon_TransitionTimingFunction = {
+  "name": "--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction)"
+};
+export default c_button_m_favorite__icon_TransitionTimingFunction;

package/dist/esm/c_button_m_favorited__icon_AnimationDuration.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_favorited__icon_AnimationDuration: {
+  "name": "--pf-v6-c-button--m-favorited__icon--AnimationDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-button--m-favorited__icon--AnimationDuration)"
+};
+export default c_button_m_favorited__icon_AnimationDuration;

package/dist/esm/c_button_m_favorited__icon_AnimationDuration.js

@@ -0,0 +1,6 @@
+export const c_button_m_favorited__icon_AnimationDuration = {
+  "name": "--pf-v6-c-button--m-favorited__icon--AnimationDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-button--m-favorited__icon--AnimationDuration)"
+};
+export default c_button_m_favorited__icon_AnimationDuration;

package/dist/esm/c_button_m_favorited__icon_AnimationTimingFunction.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_favorited__icon_AnimationTimingFunction: {
+  "name": "--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction)"
+};
+export default c_button_m_favorited__icon_AnimationTimingFunction;

package/dist/esm/c_button_m_favorited__icon_AnimationTimingFunction.js

@@ -0,0 +1,6 @@
+export const c_button_m_favorited__icon_AnimationTimingFunction = {
+  "name": "--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction)"
+};
+export default c_button_m_favorited__icon_AnimationTimingFunction;