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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.2.1-prerelease.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.2.0...@patternfly/react-tokens@6.2.1-prerelease.0) (2025-04-14)
+
+### Features
+
+- **Page:** Added support for sidebar-less layout ([#11760](https://github.com/patternfly/patternfly-react/issues/11760)) ([217aad3](https://github.com/patternfly/patternfly-react/commit/217aad3241e79b02ab8f1f74fd1d8022860a138b))
+
 # 6.2.0 (2025-04-07)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_card.d.ts

@@ -143,6 +143,10 @@ export const c_card: {
         "1.3"
       ]
     },
+    "c_card__title_text_OverflowWrap": {
+      "name": "--pf-v6-c-card__title-text--OverflowWrap",
+      "value": "break-word"
+    },
     "c_card_c_button_disabled_Color": {
       "name": "--pf-v6-c-card--c-button--disabled--Color",
       "value": "#4d4d4d",

package/dist/esm/c_card.js

@@ -143,6 +143,10 @@ export const c_card = {
         "1.3"
       ]
     },
+    "c_card__title_text_OverflowWrap": {
+      "name": "--pf-v6-c-card__title-text--OverflowWrap",
+      "value": "break-word"
+    },
     "c_card_c_button_disabled_Color": {
       "name": "--pf-v6-c-card--c-button--disabled--Color",
       "value": "#4d4d4d",

package/dist/esm/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/esm/c_card__title_text_OverflowWrap.js

@@ -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/esm/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/esm/c_drawer.js

@@ -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/esm/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/esm/c_drawer__panel_Opacity.js

@@ -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/esm/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/esm/c_drawer__panel_TransitionDelay.js

@@ -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/esm/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/esm/c_drawer__panel_TransitionDelay_expand_focus.js

@@ -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/esm/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/esm/c_drawer__panel_TransitionDelay_focus.js

@@ -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/esm/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;

package/dist/esm/c_drawer__panel_TransitionDuration.js

@@ -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;

package/dist/esm/c_drawer__panel_TransitionDuration_fade.d.ts

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

package/dist/esm/c_drawer__panel_TransitionDuration_fade.js

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

package/dist/esm/c_drawer_m_expanded__panel_Opacity.d.ts

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

package/dist/esm/c_drawer_m_expanded__panel_Opacity.js

@@ -0,0 +1,6 @@
+export const c_drawer_m_expanded__panel_Opacity = {
+  "name": "--pf-v6-c-drawer--m-expanded__panel--Opacity",
+  "value": "1",
+  "var": "var(--pf-v6-c-drawer--m-expanded__panel--Opacity)"
+};
+export default c_drawer_m_expanded__panel_Opacity;

package/dist/esm/c_page.d.ts

@@ -38,13 +38,25 @@ export const c_page: {
         "200"
       ]
     },
+    "c_page__sidebar_Width_base": {
+      "name": "--pf-v6-c-page__sidebar--Width--base",
+      "value": "18.125rem"
+    },
     "c_page__sidebar_Width": {
       "name": "--pf-v6-c-page__sidebar--Width",
-      "value": "18.125rem"
+      "value": "18.125rem",
+      "values": [
+        "--pf-v6-c-page__sidebar--Width--base",
+        "18.125rem"
+      ]
     },
     "c_page__sidebar_xl_Width": {
       "name": "--pf-v6-c-page__sidebar--xl--Width",
-      "value": "18.125rem"
+      "value": "18.125rem",
+      "values": [
+        "--pf-v6-c-page__sidebar--Width--base",
+        "18.125rem"
+      ]
     },
     "c_page__sidebar_BackgroundColor": {
       "name": "--pf-v6-c-page__sidebar--BackgroundColor",
@@ -459,6 +471,7 @@ export const c_page: {
       "value": "calc(125rem - 18.125rem)",
       "values": [
         "calc(125rem - --pf-v6-c-page__sidebar--Width)",
+        "calc(125rem - --pf-v6-c-page__sidebar--Width--base)",
         "calc(125rem - 18.125rem)"
       ]
     },

package/dist/esm/c_page.js

@@ -38,13 +38,25 @@ export const c_page = {
         "200"
       ]
     },
+    "c_page__sidebar_Width_base": {
+      "name": "--pf-v6-c-page__sidebar--Width--base",
+      "value": "18.125rem"
+    },
     "c_page__sidebar_Width": {
       "name": "--pf-v6-c-page__sidebar--Width",
-      "value": "18.125rem"
+      "value": "18.125rem",
+      "values": [
+        "--pf-v6-c-page__sidebar--Width--base",
+        "18.125rem"
+      ]
     },
     "c_page__sidebar_xl_Width": {
       "name": "--pf-v6-c-page__sidebar--xl--Width",
-      "value": "18.125rem"
+      "value": "18.125rem",
+      "values": [
+        "--pf-v6-c-page__sidebar--Width--base",
+        "18.125rem"
+      ]
     },
     "c_page__sidebar_BackgroundColor": {
       "name": "--pf-v6-c-page__sidebar--BackgroundColor",
@@ -459,6 +471,7 @@ export const c_page = {
       "value": "calc(125rem - 18.125rem)",
       "values": [
         "calc(125rem - --pf-v6-c-page__sidebar--Width)",
+        "calc(125rem - --pf-v6-c-page__sidebar--Width--base)",
         "calc(125rem - 18.125rem)"
       ]
     },

package/dist/esm/c_page__sidebar_Width_base.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_Width_base: {
+  "name": "--pf-v6-c-page__sidebar--Width--base",
+  "value": "18.125rem",
+  "var": "var(--pf-v6-c-page__sidebar--Width--base)"
+};
+export default c_page__sidebar_Width_base;

package/dist/esm/c_page__sidebar_Width_base.js

@@ -0,0 +1,6 @@
+export const c_page__sidebar_Width_base = {
+  "name": "--pf-v6-c-page__sidebar--Width--base",
+  "value": "18.125rem",
+  "var": "var(--pf-v6-c-page__sidebar--Width--base)"
+};
+export default c_page__sidebar_Width_base;