@patternfly/react-tokens 6.2.0-prerelease.9 → 6.2.1-prerelease.0

package/dist/js/c_card__actions_PaddingInlineStart.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_card__actions_PaddingInlineStart = {
   "name": "--pf-v6-c-card__actions--PaddingInlineStart",
-  "value": "1rem",
+  "value": "0",
   "var": "var(--pf-v6-c-card__actions--PaddingInlineStart)"
 };
 exports["default"] = exports.c_card__actions_PaddingInlineStart;

package/dist/js/c_card__header_m_wrap_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_card__header_m_wrap_ColumnGap: {
+  "name": "--pf-v6-c-card__header--m-wrap--ColumnGap",
+  "value": "1rem",
+  "var": "var(--pf-v6-c-card__header--m-wrap--ColumnGap)"
+};
+export default c_card__header_m_wrap_ColumnGap;

package/dist/js/c_card__header_m_wrap_ColumnGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_card__header_m_wrap_ColumnGap = {
+  "name": "--pf-v6-c-card__header--m-wrap--ColumnGap",
+  "value": "1rem",
+  "var": "var(--pf-v6-c-card__header--m-wrap--ColumnGap)"
+};
+exports["default"] = exports.c_card__header_m_wrap_ColumnGap;

package/dist/js/c_card__header_m_wrap_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_card__header_m_wrap_RowGap: {
+  "name": "--pf-v6-c-card__header--m-wrap--RowGap",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-card__header--m-wrap--RowGap)"
+};
+export default c_card__header_m_wrap_RowGap;

package/dist/js/c_card__header_m_wrap_RowGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_card__header_m_wrap_RowGap = {
+  "name": "--pf-v6-c-card__header--m-wrap--RowGap",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-card__header--m-wrap--RowGap)"
+};
+exports["default"] = exports.c_card__header_m_wrap_RowGap;

package/dist/js/c_card__header_toggle_icon_TransitionDuration.d.ts

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_icon_TransitionDuration: {
   "name": "--pf-v6-c-card__header-toggle-icon--TransitionDuration",
-  "value": "200ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-card__header-toggle-icon--TransitionDuration)"
 };
 export default c_card__header_toggle_icon_TransitionDuration;

package/dist/js/c_card__header_toggle_icon_TransitionDuration.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_card__header_toggle_icon_TransitionDuration = {
   "name": "--pf-v6-c-card__header-toggle-icon--TransitionDuration",
-  "value": "200ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-card__header-toggle-icon--TransitionDuration)"
 };
 exports["default"] = exports.c_card__header_toggle_icon_TransitionDuration;

package/dist/js/c_card__title_text_OverflowWrap.d.ts

@@ -0,0 +1,6 @@
+export const c_card__title_text_OverflowWrap: {
+  "name": "--pf-v6-c-card__title-text--OverflowWrap",
+  "value": "break-word",
+  "var": "var(--pf-v6-c-card__title-text--OverflowWrap)"
+};
+export default c_card__title_text_OverflowWrap;

package/dist/js/c_card__title_text_OverflowWrap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_card__title_text_OverflowWrap = {
+  "name": "--pf-v6-c-card__title-text--OverflowWrap",
+  "value": "break-word",
+  "var": "var(--pf-v6-c-card__title-text--OverflowWrap)"
+};
+exports["default"] = exports.c_card__title_text_OverflowWrap;

package/dist/js/c_clipboard_copy.d.ts

@@ -1,8 +1,34 @@
 export const c_clipboard_copy: {
   ".pf-v6-c-clipboard-copy": {
+    "c_clipboard_copy__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-clipboard-copy__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_clipboard_copy__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-clipboard-copy__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_clipboard_copy__toggle_icon_Transition": {
       "name": "--pf-v6-c-clipboard-copy__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration --pf-v6-c-clipboard-copy__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_clipboard_copy_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate",

package/dist/js/c_clipboard_copy.js

@@ -2,9 +2,35 @@
 exports.__esModule = true;
 exports.c_clipboard_copy = {
   ".pf-v6-c-clipboard-copy": {
+    "c_clipboard_copy__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-clipboard-copy__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_clipboard_copy__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-clipboard-copy__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_clipboard_copy__toggle_icon_Transition": {
       "name": "--pf-v6-c-clipboard-copy__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration --pf-v6-c-clipboard-copy__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_clipboard_copy_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate",

package/dist/js/c_clipboard_copy__toggle_icon_Transition.d.ts

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

package/dist/js/c_clipboard_copy__toggle_icon_Transition.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_clipboard_copy__toggle_icon_Transition = {
   "name": "--pf-v6-c-clipboard-copy__toggle-icon--Transition",
-  "value": ".2s ease-in 0s",
+  "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
   "var": "var(--pf-v6-c-clipboard-copy__toggle-icon--Transition)"
 };
 exports["default"] = exports.c_clipboard_copy__toggle_icon_Transition;

package/dist/js/c_clipboard_copy__toggle_icon_TransitionDuration.d.ts

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

package/dist/js/c_clipboard_copy__toggle_icon_TransitionDuration.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_clipboard_copy__toggle_icon_TransitionDuration = {
+  "name": "--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration)"
+};
+exports["default"] = exports.c_clipboard_copy__toggle_icon_TransitionDuration;

package/dist/js/c_clipboard_copy__toggle_icon_TransitionTimingFunction.d.ts

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

package/dist/js/c_clipboard_copy__toggle_icon_TransitionTimingFunction.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_clipboard_copy__toggle_icon_TransitionTimingFunction = {
+  "name": "--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction)"
+};
+exports["default"] = exports.c_clipboard_copy__toggle_icon_TransitionTimingFunction;

package/dist/js/c_data_list.d.ts

@@ -311,9 +311,35 @@ export const c_data_list: {
         "calc(var( --pf-t--global--font--size--body) * 1.5)"
       ]
     },
+    "c_data_list__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-data-list__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_data_list__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-data-list__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_data_list__toggle_icon_Transition": {
       "name": "--pf-v6-c-data-list__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-data-list__toggle-icon--TransitionDuration --pf-v6-c-data-list__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_data_list__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__toggle-icon--Rotate",

package/dist/js/c_data_list.js

@@ -313,9 +313,35 @@ exports.c_data_list = {
         "calc(var( --pf-t--global--font--size--body) * 1.5)"
       ]
     },
+    "c_data_list__toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-data-list__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_data_list__toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-data-list__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_data_list__toggle_icon_Transition": {
       "name": "--pf-v6-c-data-list__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
+      "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "transform --pf-v6-c-data-list__toggle-icon--TransitionDuration --pf-v6-c-data-list__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_data_list__toggle_icon_Rotate": {
       "name": "--pf-v6-c-data-list__toggle-icon--Rotate",

package/dist/js/c_data_list__toggle_icon_Transition.d.ts

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

package/dist/js/c_data_list__toggle_icon_Transition.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_data_list__toggle_icon_Transition = {
   "name": "--pf-v6-c-data-list__toggle-icon--Transition",
-  "value": ".2s ease-in 0s",
+  "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)",
   "var": "var(--pf-v6-c-data-list__toggle-icon--Transition)"
 };
 exports["default"] = exports.c_data_list__toggle_icon_Transition;

package/dist/js/c_data_list__toggle_icon_TransitionDuration.d.ts

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

package/dist/js/c_data_list__toggle_icon_TransitionDuration.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_data_list__toggle_icon_TransitionDuration = {
+  "name": "--pf-v6-c-data-list__toggle-icon--TransitionDuration",
+  "value": "100ms",
+  "var": "var(--pf-v6-c-data-list__toggle-icon--TransitionDuration)"
+};
+exports["default"] = exports.c_data_list__toggle_icon_TransitionDuration;

package/dist/js/c_data_list__toggle_icon_TransitionTimingFunction.d.ts

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

package/dist/js/c_data_list__toggle_icon_TransitionTimingFunction.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_data_list__toggle_icon_TransitionTimingFunction = {
+  "name": "--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction)"
+};
+exports["default"] = exports.c_data_list__toggle_icon_TransitionTimingFunction;

package/dist/js/c_drawer.d.ts

@@ -131,6 +131,33 @@ export const c_drawer: {
         "0.5rem"
       ]
     },
+    "c_drawer__panel_TransitionDelay": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay",
+      "value": "0s, 200ms, 200ms",
+      "values": [
+        "0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus",
+        "0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade",
+        "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default",
+        "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md",
+        "0s, --pf-t--global--duration--200, --pf-t--global--duration--200",
+        "0s, 200ms, 200ms"
+      ]
+    },
+    "c_drawer__panel_TransitionDelay_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-drawer__panel--TransitionDuration--fade",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_drawer__panel_TransitionDelay_expand_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+      "value": "0s"
+    },
     "c_drawer__panel_TransitionTimingFunction": {
       "name": "--pf-v6-c-drawer__panel--TransitionTimingFunction",
       "value": "cubic-bezier(0, 0, .2, 1)",
@@ -140,19 +167,38 @@ export const c_drawer: {
         "cubic-bezier(0, 0, .2, 1)"
       ]
     },
+    "c_drawer__panel_TransitionDuration_fade": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
     "c_drawer__panel_TransitionDuration": {
       "name": "--pf-v6-c-drawer__panel--TransitionDuration",
-      "value": "300ms",
+      "value": "200ms, 0s, 0s",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s",
+        "200ms, 0s, 0s"
       ]
     },
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",
-      "value": "margin, transform, box-shadow, flex-basis"
+      "value": "opacity, visibility, transform"
+    },
+    "c_drawer__panel_Opacity": {
+      "name": "--pf-v6-c-drawer__panel--Opacity",
+      "value": "0"
+    },
+    "c_drawer_m_expanded__panel_Opacity": {
+      "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
+      "value": "1"
     },
     "c_drawer__panel_FlexBasis": {
       "name": "--pf-v6-c-drawer__panel--FlexBasis",
@@ -809,6 +855,26 @@ export const c_drawer: {
       ]
     }
   },
+  ".pf-v6-c-drawer.pf-m-expanded": {
+    "c_drawer__panel_TransitionDelay_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+        "0s"
+      ]
+    }
+  },
+  ".pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel": {
+    "c_drawer__panel_Opacity": {
+      "name": "--pf-v6-c-drawer__panel--Opacity",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-drawer--m-expanded__panel--Opacity",
+        "1"
+      ]
+    }
+  },
   ".pf-v6-c-drawer.pf-m-resizing": {
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",

package/dist/js/c_drawer.js

@@ -133,6 +133,33 @@ exports.c_drawer = {
         "0.5rem"
       ]
     },
+    "c_drawer__panel_TransitionDelay": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay",
+      "value": "0s, 200ms, 200ms",
+      "values": [
+        "0s, --pf-v6-c-drawer__panel--TransitionDelay--focus, --pf-v6-c-drawer__panel--TransitionDelay--focus",
+        "0s, --pf-v6-c-drawer__panel--TransitionDuration--fade, --pf-v6-c-drawer__panel--TransitionDuration--fade",
+        "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default",
+        "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md",
+        "0s, --pf-t--global--duration--200, --pf-t--global--duration--200",
+        "0s, 200ms, 200ms"
+      ]
+    },
+    "c_drawer__panel_TransitionDelay_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-drawer__panel--TransitionDuration--fade",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_drawer__panel_TransitionDelay_expand_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+      "value": "0s"
+    },
     "c_drawer__panel_TransitionTimingFunction": {
       "name": "--pf-v6-c-drawer__panel--TransitionTimingFunction",
       "value": "cubic-bezier(0, 0, .2, 1)",
@@ -142,19 +169,38 @@ exports.c_drawer = {
         "cubic-bezier(0, 0, .2, 1)"
       ]
     },
+    "c_drawer__panel_TransitionDuration_fade": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDuration--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
     "c_drawer__panel_TransitionDuration": {
       "name": "--pf-v6-c-drawer__panel--TransitionDuration",
-      "value": "300ms",
+      "value": "200ms, 0s, 0s",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-v6-c-drawer__panel--TransitionDuration--fade, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s",
+        "200ms, 0s, 0s"
       ]
     },
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",
-      "value": "margin, transform, box-shadow, flex-basis"
+      "value": "opacity, visibility, transform"
+    },
+    "c_drawer__panel_Opacity": {
+      "name": "--pf-v6-c-drawer__panel--Opacity",
+      "value": "0"
+    },
+    "c_drawer_m_expanded__panel_Opacity": {
+      "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
+      "value": "1"
     },
     "c_drawer__panel_FlexBasis": {
       "name": "--pf-v6-c-drawer__panel--FlexBasis",
@@ -811,6 +857,26 @@ exports.c_drawer = {
       ]
     }
   },
+  ".pf-v6-c-drawer.pf-m-expanded": {
+    "c_drawer__panel_TransitionDelay_focus": {
+      "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+        "0s"
+      ]
+    }
+  },
+  ".pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel": {
+    "c_drawer__panel_Opacity": {
+      "name": "--pf-v6-c-drawer__panel--Opacity",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-drawer--m-expanded__panel--Opacity",
+        "1"
+      ]
+    }
+  },
   ".pf-v6-c-drawer.pf-m-resizing": {
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",

package/dist/js/c_drawer__panel_Opacity.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_Opacity: {
+  "name": "--pf-v6-c-drawer__panel--Opacity",
+  "value": "1",
+  "var": "var(--pf-v6-c-drawer__panel--Opacity)"
+};
+export default c_drawer__panel_Opacity;

package/dist/js/c_drawer__panel_Opacity.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer__panel_Opacity = {
+  "name": "--pf-v6-c-drawer__panel--Opacity",
+  "value": "1",
+  "var": "var(--pf-v6-c-drawer__panel--Opacity)"
+};
+exports["default"] = exports.c_drawer__panel_Opacity;

package/dist/js/c_drawer__panel_TransitionDelay.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_TransitionDelay: {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay",
+  "value": "0s, 200ms, 200ms",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay)"
+};
+export default c_drawer__panel_TransitionDelay;

package/dist/js/c_drawer__panel_TransitionDelay.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer__panel_TransitionDelay = {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay",
+  "value": "0s, 200ms, 200ms",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay)"
+};
+exports["default"] = exports.c_drawer__panel_TransitionDelay;

package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_TransitionDelay_expand_focus: {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+  "value": "0s",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus)"
+};
+export default c_drawer__panel_TransitionDelay_expand_focus;

package/dist/js/c_drawer__panel_TransitionDelay_expand_focus.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer__panel_TransitionDelay_expand_focus = {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay--expand--focus",
+  "value": "0s",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus)"
+};
+exports["default"] = exports.c_drawer__panel_TransitionDelay_expand_focus;

package/dist/js/c_drawer__panel_TransitionDelay_focus.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_TransitionDelay_focus: {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+  "value": "0s",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--focus)"
+};
+export default c_drawer__panel_TransitionDelay_focus;

package/dist/js/c_drawer__panel_TransitionDelay_focus.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer__panel_TransitionDelay_focus = {
+  "name": "--pf-v6-c-drawer__panel--TransitionDelay--focus",
+  "value": "0s",
+  "var": "var(--pf-v6-c-drawer__panel--TransitionDelay--focus)"
+};
+exports["default"] = exports.c_drawer__panel_TransitionDelay_focus;

package/dist/js/c_drawer__panel_TransitionDuration.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer__panel_TransitionDuration: {
   "name": "--pf-v6-c-drawer__panel--TransitionDuration",
-  "value": "300ms",
+  "value": "200ms, 0s, 0s",
   "var": "var(--pf-v6-c-drawer__panel--TransitionDuration)"
 };
 export default c_drawer__panel_TransitionDuration;