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

package/dist/js/c_dual_list_selector.js

@@ -130,8 +130,8 @@ exports.c_dual_list_selector = {
       "name": "--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]
@@ -140,8 +140,8 @@ exports.c_dual_list_selector = {
       "name": "--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]
@@ -150,8 +150,8 @@ exports.c_dual_list_selector = {
       "name": "--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]
@@ -529,8 +529,8 @@ exports.c_dual_list_selector = {
       "value": "#f0f0f0",
       "values": [
         "--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]
@@ -586,8 +586,8 @@ exports.c_dual_list_selector = {
       "value": "#f0f0f0",
       "values": [
         "--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]
@@ -599,8 +599,8 @@ exports.c_dual_list_selector = {
       "value": "#f0f0f0",
       "values": [
         "--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor",
-        "--pf-v5-global--BackgroundColor--light-300",
-        "$pf-v5-global--BackgroundColor--light-300",
+        "--pf-v5-global--BackgroundColor--200",
+        "$pf-v5-global--BackgroundColor--200",
         "$pf-v5-color-black-200",
         "#f0f0f0"
       ]

package/dist/js/c_empty_state.d.ts

@@ -154,8 +154,8 @@ export const c_empty_state: {
       "name": "--pf-v5-c-empty-state__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/js/c_empty_state.js

@@ -156,8 +156,8 @@ exports.c_empty_state = {
       "name": "--pf-v5-c-empty-state__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/js/c_log_viewer.d.ts

@@ -240,11 +240,11 @@ export const c_log_viewer: {
     },
     "c_log_viewer__list_FontFamily": {
       "name": "--pf-v5-c-log-viewer__list--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_log_viewer__list_FontSize": {

package/dist/js/c_log_viewer.js

@@ -242,11 +242,11 @@ exports.c_log_viewer = {
     },
     "c_log_viewer__list_FontFamily": {
       "name": "--pf-v5-c-log-viewer__list--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_log_viewer__list_FontSize": {

package/dist/js/c_log_viewer__list_FontFamily.d.ts

@@ -1,6 +1,6 @@
 export const c_log_viewer__list_FontFamily: {
   "name": "--pf-v5-c-log-viewer__list--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-log-viewer__list--FontFamily)"
 };
 export default c_log_viewer__list_FontFamily;

package/dist/js/c_log_viewer__list_FontFamily.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_log_viewer__list_FontFamily = {
   "name": "--pf-v5-c-log-viewer__list--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-log-viewer__list--FontFamily)"
 };
 exports["default"] = exports.c_log_viewer__list_FontFamily;

package/dist/js/c_menu_toggle.d.ts

@@ -752,8 +752,8 @@ export const c_menu_toggle: {
       "name": "--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color",
       "value": "#6a6e73",
       "values": [
-        "--pf-v5-global--Color--dark-200",
-        "$pf-v5-global--Color--dark-200",
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]
@@ -1648,6 +1648,10 @@ export const c_menu_toggle: {
     "c_check__label_Color": {
       "name": "--pf-v5-c-check__label--Color",
       "value": "currentcolor"
+    },
+    "c_check__label_disabled_Color": {
+      "name": "--pf-v5-c-check__label--disabled--Color",
+      "value": "currentcolor"
     }
   },
   ".pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover": {
@@ -1820,28 +1824,6 @@ export const c_menu_toggle: {
     }
   },
   ".pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled": {
-    "c_menu_toggle_m_split_button_child_BackgroundColor": {
-      "name": "--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-        "--pf-v5-global--disabled-color--300",
-        "$pf-v5-global--disabled-color--300",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_menu_toggle_m_split_button_child_Color": {
-      "name": "--pf-v5-c-menu-toggle--m-split-button--child--Color",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color",
-        "--pf-v5-global--Color--dark-200",
-        "$pf-v5-global--Color--dark-200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
-      ]
-    },
     "c_menu_toggle_m_split_button_m_action_child_BorderLeftColor": {
       "name": "--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor",
       "value": "transparent"

package/dist/js/c_menu_toggle.js

@@ -754,8 +754,8 @@ exports.c_menu_toggle = {
       "name": "--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color",
       "value": "#6a6e73",
       "values": [
-        "--pf-v5-global--Color--dark-200",
-        "$pf-v5-global--Color--dark-200",
+        "--pf-v5-global--disabled-color--100",
+        "$pf-v5-global--disabled-color--100",
         "$pf-v5-color-black-600",
         "#6a6e73"
       ]
@@ -1650,6 +1650,10 @@ exports.c_menu_toggle = {
     "c_check__label_Color": {
       "name": "--pf-v5-c-check__label--Color",
       "value": "currentcolor"
+    },
+    "c_check__label_disabled_Color": {
+      "name": "--pf-v5-c-check__label--disabled--Color",
+      "value": "currentcolor"
     }
   },
   ".pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover": {
@@ -1822,28 +1826,6 @@ exports.c_menu_toggle = {
     }
   },
   ".pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled": {
-    "c_menu_toggle_m_split_button_child_BackgroundColor": {
-      "name": "--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-        "--pf-v5-global--disabled-color--300",
-        "$pf-v5-global--disabled-color--300",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_menu_toggle_m_split_button_child_Color": {
-      "name": "--pf-v5-c-menu-toggle--m-split-button--child--Color",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color",
-        "--pf-v5-global--Color--dark-200",
-        "$pf-v5-global--Color--dark-200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
-      ]
-    },
     "c_menu_toggle_m_split_button_m_action_child_BorderLeftColor": {
       "name": "--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor",
       "value": "transparent"

package/dist/js/c_menu_toggle_m_split_button_child_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#fff",
   "var": "var(--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor)"
 };
 export default c_menu_toggle_m_split_button_child_BackgroundColor;

package/dist/js/c_menu_toggle_m_split_button_child_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_split_button_child_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#fff",
   "var": "var(--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor)"
 };
 exports["default"] = exports.c_menu_toggle_m_split_button_child_BackgroundColor;

package/dist/js/c_modal_box.d.ts

@@ -222,8 +222,8 @@ export const c_modal_box: {
       "name": "--pf-v5-c-modal-box__title--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/js/c_modal_box.js

@@ -224,8 +224,8 @@ exports.c_modal_box = {
       "name": "--pf-v5-c-modal-box__title--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/js/c_nav.d.ts

@@ -664,12 +664,12 @@ export const c_nav: {
     },
     "c_nav_m_horizontal__link_Color": {
       "name": "--pf-v5-c-nav--m-horizontal__link--Color",
-      "value": "#d2d2d2",
+      "value": "#f0f0f0",
       "values": [
-        "--pf-v5-global--Color--light-300",
-        "$pf-v5-global--Color--light-300",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-v5-global--Color--light-200",
+        "$pf-v5-global--Color--light-200",
+        "$pf-v5-color-black-200",
+        "#f0f0f0"
       ]
     },
     "c_nav_m_horizontal__link_hover_Color": {
@@ -3268,13 +3268,13 @@ export const c_nav: {
     },
     "c_nav__link_Color": {
       "name": "--pf-v5-c-nav__link--Color",
-      "value": "#d2d2d2",
+      "value": "#f0f0f0",
       "values": [
         "--pf-v5-c-nav--m-horizontal__link--Color",
-        "--pf-v5-global--Color--light-300",
-        "$pf-v5-global--Color--light-300",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-v5-global--Color--light-200",
+        "$pf-v5-global--Color--light-200",
+        "$pf-v5-color-black-200",
+        "#f0f0f0"
       ]
     },
     "c_nav__link_hover_Color": {

package/dist/js/c_nav.js

@@ -666,12 +666,12 @@ exports.c_nav = {
     },
     "c_nav_m_horizontal__link_Color": {
       "name": "--pf-v5-c-nav--m-horizontal__link--Color",
-      "value": "#d2d2d2",
+      "value": "#f0f0f0",
       "values": [
-        "--pf-v5-global--Color--light-300",
-        "$pf-v5-global--Color--light-300",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-v5-global--Color--light-200",
+        "$pf-v5-global--Color--light-200",
+        "$pf-v5-color-black-200",
+        "#f0f0f0"
       ]
     },
     "c_nav_m_horizontal__link_hover_Color": {
@@ -3270,13 +3270,13 @@ exports.c_nav = {
     },
     "c_nav__link_Color": {
       "name": "--pf-v5-c-nav__link--Color",
-      "value": "#d2d2d2",
+      "value": "#f0f0f0",
       "values": [
         "--pf-v5-c-nav--m-horizontal__link--Color",
-        "--pf-v5-global--Color--light-300",
-        "$pf-v5-global--Color--light-300",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-v5-global--Color--light-200",
+        "$pf-v5-global--Color--light-200",
+        "$pf-v5-color-black-200",
+        "#f0f0f0"
       ]
     },
     "c_nav__link_hover_Color": {

package/dist/js/c_nav_m_horizontal__link_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_nav_m_horizontal__link_Color: {
   "name": "--pf-v5-c-nav--m-horizontal__link--Color",
-  "value": "#d2d2d2",
+  "value": "#f0f0f0",
   "var": "var(--pf-v5-c-nav--m-horizontal__link--Color)"
 };
 export default c_nav_m_horizontal__link_Color;

package/dist/js/c_nav_m_horizontal__link_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_nav_m_horizontal__link_Color = {
   "name": "--pf-v5-c-nav--m-horizontal__link--Color",
-  "value": "#d2d2d2",
+  "value": "#f0f0f0",
   "var": "var(--pf-v5-c-nav--m-horizontal__link--Color)"
 };
 exports["default"] = exports.c_nav_m_horizontal__link_Color;

package/dist/js/c_panel.d.ts

@@ -73,6 +73,16 @@ export const c_panel: {
         "200"
       ]
     },
+    "c_panel_m_raised_BackgroundColor": {
+      "name": "--pf-v5-c-panel--m-raised--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-global--BackgroundColor--100",
+        "$pf-v5-global--BackgroundColor--100",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
     "c_panel__header_PaddingTop": {
       "name": "--pf-v5-c-panel__header--PaddingTop",
       "value": "1rem",
@@ -231,6 +241,17 @@ export const c_panel: {
     }
   },
   ".pf-v5-c-panel.pf-m-raised": {
+    "c_panel_BackgroundColor": {
+      "name": "--pf-v5-c-panel--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-c-panel--m-raised--BackgroundColor",
+        "--pf-v5-global--BackgroundColor--100",
+        "$pf-v5-global--BackgroundColor--100",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
     "c_panel_BoxShadow": {
       "name": "--pf-v5-c-panel--BoxShadow",
       "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",

package/dist/js/c_panel.js

@@ -75,6 +75,16 @@ exports.c_panel = {
         "200"
       ]
     },
+    "c_panel_m_raised_BackgroundColor": {
+      "name": "--pf-v5-c-panel--m-raised--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-global--BackgroundColor--100",
+        "$pf-v5-global--BackgroundColor--100",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
     "c_panel__header_PaddingTop": {
       "name": "--pf-v5-c-panel__header--PaddingTop",
       "value": "1rem",
@@ -233,6 +243,17 @@ exports.c_panel = {
     }
   },
   ".pf-v5-c-panel.pf-m-raised": {
+    "c_panel_BackgroundColor": {
+      "name": "--pf-v5-c-panel--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-v5-c-panel--m-raised--BackgroundColor",
+        "--pf-v5-global--BackgroundColor--100",
+        "$pf-v5-global--BackgroundColor--100",
+        "$pf-v5-color-white",
+        "#fff"
+      ]
+    },
     "c_panel_BoxShadow": {
       "name": "--pf-v5-c-panel--BoxShadow",
       "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",

package/dist/js/c_panel_m_raised_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_panel_m_raised_BackgroundColor: {
+  "name": "--pf-v5-c-panel--m-raised--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-v5-c-panel--m-raised--BackgroundColor)"
+};
+export default c_panel_m_raised_BackgroundColor;

package/dist/js/c_panel_m_raised_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_panel_m_raised_BackgroundColor = {
+  "name": "--pf-v5-c-panel--m-raised--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-v5-c-panel--m-raised--BackgroundColor)"
+};
+exports["default"] = exports.c_panel_m_raised_BackgroundColor;

package/dist/js/c_popover.d.ts

@@ -337,8 +337,8 @@ export const c_popover: {
       "name": "--pf-v5-c-popover__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/js/c_popover.js

@@ -339,8 +339,8 @@ exports.c_popover = {
       "name": "--pf-v5-c-popover__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'"
       ]
     },