@patternfly/react-tokens 6.5.0-prerelease.14 → 6.5.0-prerelease.15

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.5.0-prerelease.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.14...@patternfly/react-tokens@6.5.0-prerelease.15) (2026-04-06)
+
+### Features
+
+- **Page:** added styles for glass ([#12293](https://github.com/patternfly/patternfly-react/issues/12293)) ([1f7485b](https://github.com/patternfly/patternfly-react/commit/1f7485b291b5da4bb80c596a5efcc19217cabc2c))
+
 # [6.5.0-prerelease.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.13...@patternfly/react-tokens@6.5.0-prerelease.14) (2026-04-01)
 
 ### Bug Fixes

package/dist/esm/c_button.d.ts

@@ -1661,6 +1661,7 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-stateful--BorderRadius",
       "value": "6px",
       "values": [
+        "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -1719,12 +1720,12 @@ export const c_button: {
     },
     "c_button_m_read_BorderColor": {
       "name": "--pf-v6-c-button--m-read--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_button_m_read_hover_BackgroundColor": {
@@ -4645,6 +4646,7 @@ export const c_button: {
       "value": "6px",
       "values": [
         "--pf-v6-c-button--m-stateful--BorderRadius",
+        "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -4710,13 +4712,13 @@ export const c_button: {
     },
     "c_button_BorderColor": {
       "name": "--pf-v6-c-button--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
         "--pf-v6-c-button--m-read--BorderColor",
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_button_hover_BackgroundColor": {

package/dist/esm/c_button.js

@@ -1661,6 +1661,7 @@ export const c_button = {
       "name": "--pf-v6-c-button--m-stateful--BorderRadius",
       "value": "6px",
       "values": [
+        "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -1719,12 +1720,12 @@ export const c_button = {
     },
     "c_button_m_read_BorderColor": {
       "name": "--pf-v6-c-button--m-read--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_button_m_read_hover_BackgroundColor": {
@@ -4645,6 +4646,7 @@ export const c_button = {
       "value": "6px",
       "values": [
         "--pf-v6-c-button--m-stateful--BorderRadius",
+        "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -4710,13 +4712,13 @@ export const c_button = {
     },
     "c_button_BorderColor": {
       "name": "--pf-v6-c-button--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
         "--pf-v6-c-button--m-read--BorderColor",
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_button_hover_BackgroundColor": {

package/dist/esm/c_button_m_read_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_read_BorderColor: {
   "name": "--pf-v6-c-button--m-read--BorderColor",
-  "value": "#c7c7c7",
+  "value": "#8c8c8c",
   "var": "var(--pf-v6-c-button--m-read--BorderColor)"
 };
 export default c_button_m_read_BorderColor;

package/dist/esm/c_button_m_read_BorderColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_read_BorderColor = {
   "name": "--pf-v6-c-button--m-read--BorderColor",
-  "value": "#c7c7c7",
+  "value": "#8c8c8c",
   "var": "var(--pf-v6-c-button--m-read--BorderColor)"
 };
 export default c_button_m_read_BorderColor;

package/dist/esm/c_clipboard_copy.d.ts

@@ -83,6 +83,7 @@ export const c_clipboard_copy: {
       "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
       "value": "#ffffff",
       "values": [
+        "--pf-t--global--background--color--control--default",
         "--pf-t--global--background--color--primary--default",
         "--pf-t--global--background--color--100",
         "--pf-t--color--white",
@@ -154,6 +155,26 @@ export const c_clipboard_copy: {
         "0.25rem"
       ]
     },
+    "c_clipboard_copy_m_readonly__expandable_content_BackgroundColor": {
+      "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--control--read-only",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
+    "c_clipboard_copy_m_readonly__expandable_content_BorderColor": {
+      "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
     "c_clipboard_copy__group_Gap": {
       "name": "--pf-v6-c-clipboard-copy__group--Gap",
       "value": "0.25rem",
@@ -252,6 +273,30 @@ export const c_clipboard_copy: {
       ]
     }
   },
+  ".pf-v6-c-clipboard-copy.pf-m-readonly": {
+    "c_clipboard_copy__expandable_content_BackgroundColor": {
+      "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+        "--pf-t--global--background--color--control--read-only",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
+    "c_clipboard_copy__expandable_content_BorderColor": {
+      "name": "--pf-v6-c-clipboard-copy__expandable-content--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    }
+  },
   ".pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain": {
     "c_button_m_plain__icon_Color": {
       "name": "--pf-v6-c-button--m-plain__icon--Color",

package/dist/esm/c_clipboard_copy.js

@@ -83,6 +83,7 @@ export const c_clipboard_copy = {
       "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
       "value": "#ffffff",
       "values": [
+        "--pf-t--global--background--color--control--default",
         "--pf-t--global--background--color--primary--default",
         "--pf-t--global--background--color--100",
         "--pf-t--color--white",
@@ -154,6 +155,26 @@ export const c_clipboard_copy = {
         "0.25rem"
       ]
     },
+    "c_clipboard_copy_m_readonly__expandable_content_BackgroundColor": {
+      "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--control--read-only",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
+    "c_clipboard_copy_m_readonly__expandable_content_BorderColor": {
+      "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
     "c_clipboard_copy__group_Gap": {
       "name": "--pf-v6-c-clipboard-copy__group--Gap",
       "value": "0.25rem",
@@ -252,6 +273,30 @@ export const c_clipboard_copy = {
       ]
     }
   },
+  ".pf-v6-c-clipboard-copy.pf-m-readonly": {
+    "c_clipboard_copy__expandable_content_BackgroundColor": {
+      "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+        "--pf-t--global--background--color--control--read-only",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
+    "c_clipboard_copy__expandable_content_BorderColor": {
+      "name": "--pf-v6-c-clipboard-copy__expandable-content--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    }
+  },
   ".pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain": {
     "c_button_m_plain__icon_Color": {
       "name": "--pf-v6-c-button--m-plain__icon--Color",

package/dist/esm/c_clipboard_copy__expandable_content_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__expandable_content_BackgroundColor: {
   "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
-  "value": "#ffffff",
+  "value": "#f2f2f2",
   "var": "var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor)"
 };
 export default c_clipboard_copy__expandable_content_BackgroundColor;

package/dist/esm/c_clipboard_copy__expandable_content_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__expandable_content_BackgroundColor = {
   "name": "--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor",
-  "value": "#ffffff",
+  "value": "#f2f2f2",
   "var": "var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor)"
 };
 export default c_clipboard_copy__expandable_content_BackgroundColor;

package/dist/esm/c_clipboard_copy__expandable_content_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__expandable_content_BorderColor: {
   "name": "--pf-v6-c-clipboard-copy__expandable-content--BorderColor",
-  "value": "#8c8c8c",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor)"
 };
 export default c_clipboard_copy__expandable_content_BorderColor;

package/dist/esm/c_clipboard_copy__expandable_content_BorderColor.js

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__expandable_content_BorderColor = {
   "name": "--pf-v6-c-clipboard-copy__expandable-content--BorderColor",
-  "value": "#8c8c8c",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor)"
 };
 export default c_clipboard_copy__expandable_content_BorderColor;

package/dist/esm/c_clipboard_copy_m_readonly__expandable_content_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_clipboard_copy_m_readonly__expandable_content_BackgroundColor: {
+  "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+  "value": "#f2f2f2",
+  "var": "var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor)"
+};
+export default c_clipboard_copy_m_readonly__expandable_content_BackgroundColor;

package/dist/esm/c_clipboard_copy_m_readonly__expandable_content_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_clipboard_copy_m_readonly__expandable_content_BackgroundColor = {
+  "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor",
+  "value": "#f2f2f2",
+  "var": "var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor)"
+};
+export default c_clipboard_copy_m_readonly__expandable_content_BackgroundColor;

package/dist/esm/c_clipboard_copy_m_readonly__expandable_content_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_clipboard_copy_m_readonly__expandable_content_BorderColor: {
+  "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+  "value": "#c7c7c7",
+  "var": "var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor)"
+};
+export default c_clipboard_copy_m_readonly__expandable_content_BorderColor;

package/dist/esm/c_clipboard_copy_m_readonly__expandable_content_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_clipboard_copy_m_readonly__expandable_content_BorderColor = {
+  "name": "--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor",
+  "value": "#c7c7c7",
+  "var": "var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor)"
+};
+export default c_clipboard_copy_m_readonly__expandable_content_BorderColor;