@patternfly/react-tokens 5.0.0-alpha.11 → 5.0.0-alpha.13

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 5.0.0-alpha.13 (2023-05-18)
+
+### Features
+
+- **Flex:** add plain gap spacing ([#9143](https://github.com/patternfly/patternfly-react/issues/9143)) ([eceb265](https://github.com/patternfly/patternfly-react/commit/eceb265a5318d4c533a4c54484311bbd9810aa7d))
+
+# 5.0.0-alpha.12 (2023-05-18)
+
+### Features
+
+- **Table:** added class names for table elements ([#9133](https://github.com/patternfly/patternfly-react/issues/9133)) ([51d6d2b](https://github.com/patternfly/patternfly-react/commit/51d6d2b1a92af7bbfb0075361b375a4d881e110b))
+
 # 5.0.0-alpha.11 (2023-05-18)
 
 ### Features

package/dist/esm/c_accordion.d.ts

@@ -424,8 +424,8 @@ export const c_accordion: {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },
@@ -691,8 +691,8 @@ export const c_accordion: {
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_accordion.js

@@ -424,8 +424,8 @@ export const c_accordion = {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },
@@ -691,8 +691,8 @@ export const c_accordion = {
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_banner.d.ts

@@ -77,7 +77,8 @@ export const c_banner: {
       "value": "#f0ab00",
       "values": [
         "--pf-v5-c-banner--m-gold--BackgroundColor",
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -309,7 +310,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-red--BackgroundColor",
       "value": "#c9190b",
       "values": [
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -318,7 +320,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-green--BackgroundColor",
       "value": "#3e8635",
       "values": [
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]
@@ -327,7 +330,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-gold--BackgroundColor",
       "value": "#f0ab00",
       "values": [
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -371,7 +375,8 @@ export const c_banner: {
       "value": "#c9190b",
       "values": [
         "--pf-v5-c-banner--m-red--BackgroundColor",
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -383,7 +388,8 @@ export const c_banner: {
       "value": "#3e8635",
       "values": [
         "--pf-v5-c-banner--m-green--BackgroundColor",
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]

package/dist/esm/c_banner.js

@@ -77,7 +77,8 @@ export const c_banner = {
       "value": "#f0ab00",
       "values": [
         "--pf-v5-c-banner--m-gold--BackgroundColor",
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -309,7 +310,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-red--BackgroundColor",
       "value": "#c9190b",
       "values": [
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -318,7 +320,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-green--BackgroundColor",
       "value": "#3e8635",
       "values": [
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]
@@ -327,7 +330,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-gold--BackgroundColor",
       "value": "#f0ab00",
       "values": [
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -371,7 +375,8 @@ export const c_banner = {
       "value": "#c9190b",
       "values": [
         "--pf-v5-c-banner--m-red--BackgroundColor",
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -383,7 +388,8 @@ export const c_banner = {
       "value": "#3e8635",
       "values": [
         "--pf-v5-c-banner--m-green--BackgroundColor",
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]

package/dist/esm/c_button.d.ts

@@ -743,6 +743,16 @@ export const c_button: {
       "name": "--pf-v5-c-button--m-link--disabled--BackgroundColor",
       "value": "transparent"
     },
+    "c_button_m_link_disabled_Color": {
+      "name": "--pf-v5-c-button--m-link--disabled--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
+        "$pf-v5-color-black-600",
+        "#6a6e73"
+      ]
+    },
     "c_button_m_link_m_inline_FontSize": {
       "name": "--pf-v5-c-button--m-link--m-inline--FontSize",
       "value": "inherit"
@@ -1821,6 +1831,17 @@ export const c_button: {
         "--pf-v5-c-button--m-link--disabled--BackgroundColor",
         "transparent"
       ]
+    },
+    "c_button_disabled_Color": {
+      "name": "--pf-v5-c-button--disabled--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-v5-c-button--m-link--disabled--Color",
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
+        "$pf-v5-color-black-600",
+        "#6a6e73"
+      ]
     }
   },
   ".pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover": {

package/dist/esm/c_button.js

@@ -743,6 +743,16 @@ export const c_button = {
       "name": "--pf-v5-c-button--m-link--disabled--BackgroundColor",
       "value": "transparent"
     },
+    "c_button_m_link_disabled_Color": {
+      "name": "--pf-v5-c-button--m-link--disabled--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
+        "$pf-v5-color-black-600",
+        "#6a6e73"
+      ]
+    },
     "c_button_m_link_m_inline_FontSize": {
       "name": "--pf-v5-c-button--m-link--m-inline--FontSize",
       "value": "inherit"
@@ -1821,6 +1831,17 @@ export const c_button = {
         "--pf-v5-c-button--m-link--disabled--BackgroundColor",
         "transparent"
       ]
+    },
+    "c_button_disabled_Color": {
+      "name": "--pf-v5-c-button--disabled--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-v5-c-button--m-link--disabled--Color",
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
+        "$pf-v5-color-black-600",
+        "#6a6e73"
+      ]
     }
   },
   ".pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover": {

package/dist/esm/c_button_m_link_disabled_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_link_disabled_Color: {
+  "name": "--pf-v5-c-button--m-link--disabled--Color",
+  "value": "#6a6e73",
+  "var": "var(--pf-v5-c-button--m-link--disabled--Color)"
+};
+export default c_button_m_link_disabled_Color;

package/dist/esm/c_button_m_link_disabled_Color.js

@@ -0,0 +1,6 @@
+export const c_button_m_link_disabled_Color = {
+  "name": "--pf-v5-c-button--m-link--disabled--Color",
+  "value": "#6a6e73",
+  "var": "var(--pf-v5-c-button--m-link--disabled--Color)"
+};
+export default c_button_m_link_disabled_Color;

package/dist/esm/c_calendar_month.d.ts

@@ -72,16 +72,6 @@ export const c_calendar_month: {
         "#fff"
       ]
     },
-    "c_calendar_month_BackgroundColor": {
-      "name": "--pf-v5-c-calendar-month--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
-        "#fff"
-      ]
-    },
     "c_calendar_month_PaddingTop": {
       "name": "--pf-v5-c-calendar-month--PaddingTop",
       "value": "1.5rem",
@@ -367,8 +357,8 @@ export const c_calendar_month: {
       "name": "--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color",
       "value": "#6a6e73",
       "values": [
-        "--pf-v5-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
+        "--pf-v5-global--Color--200",
+        "$pf-v5-global--Color--200",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]
@@ -590,8 +580,8 @@ export const c_calendar_month: {
       "value": "#6a6e73",
       "values": [
         "--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color",
-        "--pf-v5-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
+        "--pf-v5-global--Color--200",
+        "$pf-v5-global--Color--200",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]

package/dist/esm/c_calendar_month.js

@@ -72,16 +72,6 @@ export const c_calendar_month = {
         "#fff"
       ]
     },
-    "c_calendar_month_BackgroundColor": {
-      "name": "--pf-v5-c-calendar-month--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
-        "#fff"
-      ]
-    },
     "c_calendar_month_PaddingTop": {
       "name": "--pf-v5-c-calendar-month--PaddingTop",
       "value": "1.5rem",
@@ -367,8 +357,8 @@ export const c_calendar_month = {
       "name": "--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color",
       "value": "#6a6e73",
       "values": [
-        "--pf-v5-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
+        "--pf-v5-global--Color--200",
+        "$pf-v5-global--Color--200",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]
@@ -590,8 +580,8 @@ export const c_calendar_month = {
       "value": "#6a6e73",
       "values": [
         "--pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color",
-        "--pf-v5-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
+        "--pf-v5-global--Color--200",
+        "$pf-v5-global--Color--200",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]

package/dist/esm/c_card.d.ts

@@ -85,8 +85,8 @@ export const c_card: {
       "name": "--pf-v5-c-card__title-text--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_card.js

@@ -85,8 +85,8 @@ export const c_card = {
       "name": "--pf-v5-c-card__title-text--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_clipboard_copy.d.ts

@@ -139,11 +139,11 @@ export const c_clipboard_copy: {
     },
     "c_clipboard_copy__text_m_code_FontFamily": {
       "name": "--pf-v5-c-clipboard-copy__text--m-code--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_clipboard_copy__text_m_code_FontSize": {

package/dist/esm/c_clipboard_copy.js

@@ -139,11 +139,11 @@ export const c_clipboard_copy = {
     },
     "c_clipboard_copy__text_m_code_FontFamily": {
       "name": "--pf-v5-c-clipboard-copy__text--m-code--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_clipboard_copy__text_m_code_FontSize": {

package/dist/esm/c_clipboard_copy__text_m_code_FontFamily.d.ts

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__text_m_code_FontFamily: {
   "name": "--pf-v5-c-clipboard-copy__text--m-code--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-clipboard-copy__text--m-code--FontFamily)"
 };
 export default c_clipboard_copy__text_m_code_FontFamily;

package/dist/esm/c_clipboard_copy__text_m_code_FontFamily.js

@@ -1,6 +1,6 @@
 export const c_clipboard_copy__text_m_code_FontFamily = {
   "name": "--pf-v5-c-clipboard-copy__text--m-code--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-clipboard-copy__text--m-code--FontFamily)"
 };
 export default c_clipboard_copy__text_m_code_FontFamily;

package/dist/esm/c_code_block.d.ts

@@ -71,11 +71,11 @@ export const c_code_block: {
     },
     "c_code_block__pre_FontFamily": {
       "name": "--pf-v5-c-code-block__pre--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_code_block__pre_FontSize": {

package/dist/esm/c_code_block.js

@@ -71,11 +71,11 @@ export const c_code_block = {
     },
     "c_code_block__pre_FontFamily": {
       "name": "--pf-v5-c-code-block__pre--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_code_block__pre_FontSize": {

package/dist/esm/c_code_block__pre_FontFamily.d.ts

@@ -1,6 +1,6 @@
 export const c_code_block__pre_FontFamily: {
   "name": "--pf-v5-c-code-block__pre--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-code-block__pre--FontFamily)"
 };
 export default c_code_block__pre_FontFamily;

package/dist/esm/c_code_block__pre_FontFamily.js

@@ -1,6 +1,6 @@
 export const c_code_block__pre_FontFamily = {
   "name": "--pf-v5-c-code-block__pre--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-code-block__pre--FontFamily)"
 };
 export default c_code_block__pre_FontFamily;

package/dist/esm/c_code_editor.d.ts

@@ -183,11 +183,11 @@ export const c_code_editor: {
     },
     "c_code_editor__code_pre_FontFamily": {
       "name": "--pf-v5-c-code-editor__code-pre--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_code_editor__header_main_PaddingRight": {

package/dist/esm/c_code_editor.js

@@ -183,11 +183,11 @@ export const c_code_editor = {
     },
     "c_code_editor__code_pre_FontFamily": {
       "name": "--pf-v5-c-code-editor__code-pre--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
       "values": [
         "--pf-v5-global--FontFamily--monospace",
         "$pf-v5-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+        "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
     "c_code_editor__header_main_PaddingRight": {

package/dist/esm/c_code_editor__code_pre_FontFamily.d.ts

@@ -1,6 +1,6 @@
 export const c_code_editor__code_pre_FontFamily: {
   "name": "--pf-v5-c-code-editor__code-pre--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-code-editor__code-pre--FontFamily)"
 };
 export default c_code_editor__code_pre_FontFamily;

package/dist/esm/c_code_editor__code_pre_FontFamily.js

@@ -1,6 +1,6 @@
 export const c_code_editor__code_pre_FontFamily = {
   "name": "--pf-v5-c-code-editor__code-pre--FontFamily",
-  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "value": "'\"RedHatMono\", \"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
   "var": "var(--pf-v5-c-code-editor__code-pre--FontFamily)"
 };
 export default c_code_editor__code_pre_FontFamily;

package/dist/esm/c_content.d.ts

@@ -52,8 +52,8 @@ export const c_content: {
       "name": "--pf-v5-c-content--heading--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_content.js

@@ -52,8 +52,8 @@ export const c_content = {
       "name": "--pf-v5-c-content--heading--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_drag_drop.d.ts

@@ -85,9 +85,34 @@ export const c_drag_drop: {
     }
   },
   ".pf-v5-c-droppable": {
-    "c_droppable_m_dragging_after_BackgroundColor": {
-      "name": "--pf-v5-c-droppable--m-dragging--after--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.6)"
+    "c_droppable_before_BackgroundColor": {
+      "name": "--pf-v5-c-droppable--before--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_droppable_before_Opacity": {
+      "name": "--pf-v5-c-droppable--before--Opacity",
+      "value": "0"
+    },
+    "c_droppable_after_BorderWidth": {
+      "name": "--pf-v5-c-droppable--after--BorderWidth",
+      "value": "0"
+    },
+    "c_droppable_after_BorderColor": {
+      "name": "--pf-v5-c-droppable--after--BorderColor",
+      "value": "transparent"
+    },
+    "c_droppable_m_dragging_before_BackgroundColor": {
+      "name": "--pf-v5-c-droppable--m-dragging--before--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-global--palette--white",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
+    "c_droppable_m_dragging_before_Opacity": {
+      "name": "--pf-v5-c-droppable--m-dragging--before--Opacity",
+      "value": ".6"
     },
     "c_droppable_m_dragging_after_BorderWidth": {
       "name": "--pf-v5-c-droppable--m-dragging--after--BorderWidth",
@@ -119,6 +144,47 @@ export const c_drag_drop: {
       ]
     }
   },
+  ".pf-v5-c-droppable.pf-m-dragging": {
+    "c_droppable_before_BackgroundColor": {
+      "name": "--pf-v5-c-droppable--before--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-c-droppable--m-dragging--before--BackgroundColor",
+        "--pf-v5-global--palette--white",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
+    "c_droppable_before_Opacity": {
+      "name": "--pf-v5-c-droppable--before--Opacity",
+      "value": ".6",
+      "values": [
+        "--pf-v5-c-droppable--m-dragging--before--Opacity",
+        ".6"
+      ]
+    },
+    "c_droppable_after_BorderWidth": {
+      "name": "--pf-v5-c-droppable--after--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v5-c-droppable--m-dragging--after--BorderWidth",
+        "--pf-v5-global--BorderWidth--sm",
+        "$pf-v5-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_droppable_after_BorderColor": {
+      "name": "--pf-v5-c-droppable--after--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-v5-c-droppable--m-dragging--after--BorderColor",
+        "--pf-v5-global--active-color--100",
+        "$pf-v5-global--active-color--100",
+        "$pf-v5-color-blue-400",
+        "#06c"
+      ]
+    }
+  },
   ".pf-v5-c-droppable.pf-m-drag-outside": {
     "c_droppable_m_dragging_after_BorderColor": {
       "name": "--pf-v5-c-droppable--m-dragging--after--BorderColor",