@patternfly/react-tokens 6.3.0-prerelease.1 → 6.3.0-prerelease.10

package/dist/esm/c_nav.d.ts

@@ -426,24 +426,32 @@ export const c_nav: {
     },
     "c_nav__subnav_TransitionDuration_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-      "value": "400ms",
+      "value": "200ms",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--default",
-        "--pf-t--global--motion--duration--xl",
-        "--pf-t--global--duration--400",
-        "400ms"
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
       ]
     },
+    "c_nav__subnav_TransitionDuration_expand_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+      "value": "0s"
+    },
     "c_nav__subnav_TransitionDuration_collapse": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-      "value": "300ms",
+      "value": "100ms",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
       ]
     },
+    "c_nav__subnav_TransitionDuration_collapse_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+      "value": "0s"
+    },
     "c_nav__subnav_TransitionTimingFunction_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand",
       "value": "cubic-bezier(.4, 0, .2, 1)",
@@ -453,6 +461,14 @@ export const c_nav: {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_nav__subnav_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--TranslateY",
+      "value": "0"
+    },
+    "c_nav__subnav_hidden_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
+      "value": "0"
+    },
     "c_nav__scroll_button_BorderColor": {
       "name": "--pf-v6-c-nav__scroll-button--BorderColor",
       "value": "#c7c7c7",
@@ -793,24 +809,32 @@ export const c_nav: {
   ".pf-v6-c-nav__subnav[hidden]": {
     "c_nav__subnav_TransitionDelay_expand_focus": {
       "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
-      "value": "400ms",
+      "value": "200ms",
       "values": [
         "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-        "--pf-t--global--motion--duration--slide-in--default",
-        "--pf-t--global--motion--duration--xl",
-        "--pf-t--global--duration--400",
-        "400ms"
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
       ]
     },
     "c_nav__subnav_TransitionDuration_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-      "value": "300ms",
+      "value": "100ms",
       "values": [
         "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_nav__subnav_TransitionDuration_expand_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+        "0s"
       ]
     },
     "c_nav__subnav_PaddingBlockStart": {
@@ -820,6 +844,14 @@ export const c_nav: {
     "c_nav__subnav_PaddingBlockEnd": {
       "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd",
       "value": "0"
+    },
+    "c_nav__subnav_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-nav__subnav--hidden--TranslateY",
+        "0"
+      ]
     }
   },
   ".pf-v6-c-nav__link.pf-m-current": {

package/dist/esm/c_nav.js

@@ -426,24 +426,32 @@ export const c_nav = {
     },
     "c_nav__subnav_TransitionDuration_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-      "value": "400ms",
+      "value": "200ms",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--default",
-        "--pf-t--global--motion--duration--xl",
-        "--pf-t--global--duration--400",
-        "400ms"
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
       ]
     },
+    "c_nav__subnav_TransitionDuration_expand_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+      "value": "0s"
+    },
     "c_nav__subnav_TransitionDuration_collapse": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-      "value": "300ms",
+      "value": "100ms",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
       ]
     },
+    "c_nav__subnav_TransitionDuration_collapse_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+      "value": "0s"
+    },
     "c_nav__subnav_TransitionTimingFunction_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand",
       "value": "cubic-bezier(.4, 0, .2, 1)",
@@ -453,6 +461,14 @@ export const c_nav = {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_nav__subnav_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--TranslateY",
+      "value": "0"
+    },
+    "c_nav__subnav_hidden_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
+      "value": "0"
+    },
     "c_nav__scroll_button_BorderColor": {
       "name": "--pf-v6-c-nav__scroll-button--BorderColor",
       "value": "#c7c7c7",
@@ -793,24 +809,32 @@ export const c_nav = {
   ".pf-v6-c-nav__subnav[hidden]": {
     "c_nav__subnav_TransitionDelay_expand_focus": {
       "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
-      "value": "400ms",
+      "value": "200ms",
       "values": [
         "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-        "--pf-t--global--motion--duration--slide-in--default",
-        "--pf-t--global--motion--duration--xl",
-        "--pf-t--global--duration--400",
-        "400ms"
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
       ]
     },
     "c_nav__subnav_TransitionDuration_expand": {
       "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-      "value": "300ms",
+      "value": "100ms",
       "values": [
         "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-        "--pf-t--global--motion--duration--slide-in--short",
-        "--pf-t--global--motion--duration--lg",
-        "--pf-t--global--duration--300",
-        "300ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_nav__subnav_TransitionDuration_expand_slide": {
+      "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+        "0s"
       ]
     },
     "c_nav__subnav_PaddingBlockStart": {
@@ -820,6 +844,14 @@ export const c_nav = {
     "c_nav__subnav_PaddingBlockEnd": {
       "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd",
       "value": "0"
+    },
+    "c_nav__subnav_TranslateY": {
+      "name": "--pf-v6-c-nav__subnav--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-nav__subnav--hidden--TranslateY",
+        "0"
+      ]
     }
   },
   ".pf-v6-c-nav__link.pf-m-current": {

package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDelay_expand_focus: {
   "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
-  "value": "400ms",
+  "value": "200ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus)"
 };
 export default c_nav__subnav_TransitionDelay_expand_focus;

package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.js

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDelay_expand_focus = {
   "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
-  "value": "400ms",
+  "value": "200ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus)"
 };
 export default c_nav__subnav_TransitionDelay_expand_focus;

package/dist/esm/c_nav__subnav_TransitionDuration_collapse.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDuration_collapse: {
   "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-  "value": "300ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse)"
 };
 export default c_nav__subnav_TransitionDuration_collapse;

package/dist/esm/c_nav__subnav_TransitionDuration_collapse.js

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDuration_collapse = {
   "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
-  "value": "300ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse)"
 };
 export default c_nav__subnav_TransitionDuration_collapse;

package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TransitionDuration_collapse_slide: {
+  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+  "value": "0s",
+  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide)"
+};
+export default c_nav__subnav_TransitionDuration_collapse_slide;

package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TransitionDuration_collapse_slide = {
+  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
+  "value": "0s",
+  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide)"
+};
+export default c_nav__subnav_TransitionDuration_collapse_slide;

package/dist/esm/c_nav__subnav_TransitionDuration_expand.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDuration_expand: {
   "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-  "value": "300ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand)"
 };
 export default c_nav__subnav_TransitionDuration_expand;

package/dist/esm/c_nav__subnav_TransitionDuration_expand.js

@@ -1,6 +1,6 @@
 export const c_nav__subnav_TransitionDuration_expand = {
   "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
-  "value": "300ms",
+  "value": "100ms",
   "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand)"
 };
 export default c_nav__subnav_TransitionDuration_expand;

package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TransitionDuration_expand_slide: {
+  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+  "value": "0s",
+  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide)"
+};
+export default c_nav__subnav_TransitionDuration_expand_slide;

package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TransitionDuration_expand_slide = {
+  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
+  "value": "0s",
+  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide)"
+};
+export default c_nav__subnav_TransitionDuration_expand_slide;

package/dist/esm/c_nav__subnav_TranslateY.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TranslateY: {
+  "name": "--pf-v6-c-nav__subnav--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-nav__subnav--TranslateY)"
+};
+export default c_nav__subnav_TranslateY;

package/dist/esm/c_nav__subnav_TranslateY.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav_TranslateY = {
+  "name": "--pf-v6-c-nav__subnav--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-nav__subnav--TranslateY)"
+};
+export default c_nav__subnav_TranslateY;

package/dist/esm/c_nav__subnav_hidden_TranslateY.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav_hidden_TranslateY: {
+  "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-nav__subnav--hidden--TranslateY)"
+};
+export default c_nav__subnav_hidden_TranslateY;

package/dist/esm/c_nav__subnav_hidden_TranslateY.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav_hidden_TranslateY = {
+  "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-nav__subnav--hidden--TranslateY)"
+};
+export default c_nav__subnav_hidden_TranslateY;

package/dist/esm/c_page.d.ts

@@ -72,29 +72,45 @@ export const c_page: {
       "name": "--pf-v6-c-page__sidebar--BoxShadow",
       "value": "none"
     },
+    "c_page__sidebar_TransitionProperty": {
+      "name": "--pf-v6-c-page__sidebar--TransitionProperty",
+      "value": "opacity"
+    },
     "c_page__sidebar_TransitionDuration": {
       "name": "--pf-v6-c-page__sidebar--TransitionDuration",
-      "value": "400ms",
+      "value": "200ms",
       "values": [
-        "--pf-t--global--motion--duration--slide-in--default",
-        "--pf-t--global--motion--duration--xl",
-        "--pf-t--global--duration--400",
-        "400ms"
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
       ]
     },
     "c_page__sidebar_TransitionTimingFunction": {
       "name": "--pf-v6-c-page__sidebar--TransitionTimingFunction",
-      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "value": "cubic-bezier(0, 0, .2, 1)",
       "values": [
-        "--pf-t--global--motion--timing-function--default",
-        "--pf-t--global--timing-function--200",
-        "cubic-bezier(.4, 0, .2, 1)"
+        "--pf-t--global--motion--timing-function--decelerate",
+        "--pf-t--global--timing-function--300",
+        "cubic-bezier(0, 0, .2, 1)"
       ]
     },
     "c_page__sidebar_TranslateX": {
       "name": "--pf-v6-c-page__sidebar--TranslateX",
       "value": "-100%"
     },
+    "c_page__sidebar_Opacity": {
+      "name": "--pf-v6-c-page__sidebar--Opacity",
+      "value": "0"
+    },
+    "c_page__sidebar_m_expanded_Opacity": {
+      "name": "--pf-v6-c-page__sidebar--m-expanded--Opacity",
+      "value": "1"
+    },
+    "c_page__sidebar_xl_Opacity": {
+      "name": "--pf-v6-c-page__sidebar--xl--Opacity",
+      "value": "1"
+    },
     "c_page__sidebar_TranslateZ": {
       "name": "--pf-v6-c-page__sidebar--TranslateZ",
       "value": "0"
@@ -707,6 +723,98 @@ export const c_page: {
       ]
     }
   },
+  ".pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": {
+    "c_button_hamburger_icon_top_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path",
+      "value": "path(\"M5,1 L9,1\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--top--collapse--path",
+        "path(\"M5,1 L9,1\")"
+      ]
+    },
+    "c_button_hamburger_icon_arrow_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
+      "value": "path(\"M3,7 L1,5 L3,3\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
+        "path(\"M3,7 L1,5 L3,3\")"
+      ]
+    },
+    "c_button_hamburger_icon_bottom_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
+      "value": "path(\"M9,9 L5,9\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
+        "path(\"M9,9 L5,9\")"
+      ]
+    },
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "-1",
+      "values": [
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+        "-1"
+      ]
+    },
+    "c_button_hover__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "-1",
+      "values": [
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+        "-1"
+      ]
+    }
+  },
+  ".pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible)": {
+    "c_button_hamburger_icon_top_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path",
+      "value": "path(\"M5,1 L9,1\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--top--collapse--path",
+        "path(\"M5,1 L9,1\")"
+      ]
+    },
+    "c_button_hamburger_icon_arrow_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
+      "value": "path(\"M3,7 L1,5 L3,3\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
+        "path(\"M3,7 L1,5 L3,3\")"
+      ]
+    },
+    "c_button_hamburger_icon_bottom_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
+      "value": "path(\"M9,9 L5,9\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
+        "path(\"M9,9 L5,9\")"
+      ]
+    },
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "1"
+    }
+  },
   ".pf-v6-c-page__sidebar.pf-m-expanded": {
     "c_page__sidebar_TranslateX": {
       "name": "--pf-v6-c-page__sidebar--TranslateX",
@@ -715,6 +823,14 @@ export const c_page: {
         "--pf-v6-c-page__sidebar--m-expanded--TranslateX",
         "0"
       ]
+    },
+    "c_page__sidebar_Opacity": {
+      "name": "--pf-v6-c-page__sidebar--Opacity",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-page__sidebar--m-expanded--Opacity",
+        "1"
+      ]
     }
   },
   ".pf-v6-c-page__sidebar-body.pf-m-page-insets": {