@patternfly/react-tokens 6.0.0-alpha.18 → 6.0.0-alpha.19

package/dist/esm/c_menu.js

@@ -1,29 +1,29 @@
 export const c_menu = {
   ".pf-v6-c-menu__item": {
-    "_pf_v5_hidden_visible_hidden_Display": {
-      "name": "--pf-v5-hidden-visible--hidden--Display",
+    "hidden_visible_hidden_Display": {
+      "name": "--pf-v6-hidden-visible--hidden--Display",
       "value": "none"
     },
-    "_pf_v5_hidden_visible_Display": {
-      "name": "--pf-v5-hidden-visible--Display",
-      "value": "undefined",
+    "hidden_visible_Display": {
+      "name": "--pf-v6-hidden-visible--Display",
+      "value": "flex",
       "values": [
-        "--pf-v5-hidden-visible--visible--Display",
-        "undefined"
+        "--pf-v6-hidden-visible--visible--Display",
+        "flex"
       ]
     },
-    "_pf_v5_hidden_visible_visible_Display": {
-      "name": "--pf-v5-hidden-visible--visible--Display",
+    "hidden_visible_visible_Display": {
+      "name": "--pf-v6-hidden-visible--visible--Display",
       "value": "flex"
     }
   },
   ".pf-m-hidden.pf-v6-c-menu__item": {
-    "_pf_v5_hidden_visible_Display": {
-      "name": "--pf-v5-hidden-visible--Display",
-      "value": "undefined",
+    "hidden_visible_Display": {
+      "name": "--pf-v6-hidden-visible--Display",
+      "value": "none",
       "values": [
-        "--pf-v5-hidden-visible--hidden--Display",
-        "undefined"
+        "--pf-v6-hidden-visible--hidden--Display",
+        "none"
       ]
     }
   },
@@ -115,7 +115,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -124,7 +124,7 @@ export const c_menu = {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -134,7 +134,7 @@ export const c_menu = {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -377,7 +377,7 @@ export const c_menu = {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -657,7 +657,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-flyout__Zindex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -705,8 +705,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height",
       "value": "250ms",
       "values": [
-        "--pf-v6-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
+        "--pf-t--global--transition--duration",
         "250ms"
       ]
     },
@@ -714,8 +713,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform",
       "value": "250ms",
       "values": [
-        "--pf-v6-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
+        "--pf-t--global--transition--duration",
         "250ms"
       ]
     },
@@ -724,8 +722,7 @@ export const c_menu = {
       "value": "transform 250ms, height 250ms",
       "values": [
         "transform --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform, height --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height",
-        "transform --pf-v6-global--TransitionDuration, height --pf-v6-global--TransitionDuration",
-        "transform $pf-v5-global--TransitionDuration, height $pf-v5-global--TransitionDuration",
+        "transform --pf-t--global--transition--duration, height --pf-t--global--transition--duration",
         "transform 250ms, height 250ms"
       ]
     },
@@ -737,8 +734,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
       "value": "250ms",
       "values": [
-        "--pf-v6-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
+        "--pf-t--global--transition--duration",
         "250ms"
       ]
     },
@@ -747,8 +743,7 @@ export const c_menu = {
       "value": "transform 250ms",
       "values": [
         "transform --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform",
-        "transform --pf-v6-global--TransitionDuration",
-        "transform $pf-v5-global--TransitionDuration",
+        "transform --pf-t--global--transition--duration",
         "transform 250ms"
       ]
     },
@@ -756,8 +751,7 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform",
       "value": "250ms",
       "values": [
-        "--pf-v6-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
+        "--pf-t--global--transition--duration",
         "250ms"
       ]
     },
@@ -766,8 +760,7 @@ export const c_menu = {
       "value": "transform 250ms",
       "values": [
         "transform --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform",
-        "transform --pf-v6-global--TransitionDuration",
-        "transform $pf-v5-global--TransitionDuration",
+        "transform --pf-t--global--transition--duration",
         "transform 250ms"
       ]
     },
@@ -775,14 +768,14 @@ export const c_menu = {
       "name": "--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     }
   },
   ".pf-v6-c-menu__list": {
-    "_pf_v5_hidden_visible_visible_Display": {
-      "name": "--pf-v5-hidden-visible--visible--Display",
+    "hidden_visible_visible_Display": {
+      "name": "--pf-v6-hidden-visible--visible--Display",
       "value": "grid"
     }
   },
@@ -793,7 +786,7 @@ export const c_menu = {
       "values": [
         "--pf-v6-c-menu__item--m-disabled--Color",
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -804,7 +797,7 @@ export const c_menu = {
       "values": [
         "--pf-v6-c-menu--icon--disabled--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -815,7 +808,7 @@ export const c_menu = {
       "values": [
         "--pf-v6-c-menu--icon--disabled--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -826,7 +819,7 @@ export const c_menu = {
       "values": [
         "--pf-v6-c-menu--icon--disabled--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1008,8 +1001,8 @@ export const c_menu = {
     }
   },
   ".pf-v6-c-menu__item-check .pf-v6-c-check": {
-    "_pf_v5_c_check__input_TranslateY": {
-      "name": "--pf-v5-c-check__input--TranslateY",
+    "c_check__input_TranslateY": {
+      "name": "--pf-v6-c-check__input--TranslateY",
       "value": "none"
     }
   },

package/dist/esm/c_menu_toggle.d.ts

@@ -128,7 +128,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--border--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },
@@ -274,12 +274,12 @@ export const c_menu_toggle: {
     },
     "c_menu_toggle_disabled_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--disabled--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_menu_toggle__icon_MinHeight": {
@@ -767,12 +767,12 @@ export const c_menu_toggle: {
     },
     "c_menu_toggle_m_split_button_child_disabled_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_menu_toggle_m_split_button_m_action_child_BorderLeftWidth": {
@@ -965,7 +965,7 @@ export const c_menu_toggle: {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1530,7 +1530,7 @@ export const c_menu_toggle: {
       "values": [
         "--pf-v6-c-menu-toggle--m-plain--disabled--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1728,13 +1728,13 @@ export const c_menu_toggle: {
     },
     "c_menu_toggle_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-menu-toggle--disabled--BackgroundColor",
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },

package/dist/esm/c_menu_toggle.js

@@ -128,7 +128,7 @@ export const c_menu_toggle = {
       "name": "--pf-v6-c-menu-toggle--border--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },
@@ -274,12 +274,12 @@ export const c_menu_toggle = {
     },
     "c_menu_toggle_disabled_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--disabled--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_menu_toggle__icon_MinHeight": {
@@ -767,12 +767,12 @@ export const c_menu_toggle = {
     },
     "c_menu_toggle_m_split_button_child_disabled_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_menu_toggle_m_split_button_m_action_child_BorderLeftWidth": {
@@ -965,7 +965,7 @@ export const c_menu_toggle = {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1530,7 +1530,7 @@ export const c_menu_toggle = {
       "values": [
         "--pf-v6-c-menu-toggle--m-plain--disabled--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1728,13 +1728,13 @@ export const c_menu_toggle = {
     },
     "c_menu_toggle_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-menu-toggle--disabled--BackgroundColor",
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },

package/dist/esm/c_menu_toggle_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_BackgroundColor: {
   "name": "--pf-v6-c-menu-toggle--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-menu-toggle--BackgroundColor)"
 };
 export default c_menu_toggle_BackgroundColor;

package/dist/esm/c_menu_toggle_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_BackgroundColor = {
   "name": "--pf-v6-c-menu-toggle--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-menu-toggle--BackgroundColor)"
 };
 export default c_menu_toggle_BackgroundColor;

package/dist/esm/c_menu_toggle_m_split_button_child_disabled_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_disabled_BackgroundColor: {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor)"
 };
 export default c_menu_toggle_m_split_button_child_disabled_BackgroundColor;

package/dist/esm/c_menu_toggle_m_split_button_child_disabled_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_disabled_BackgroundColor = {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor)"
 };
 export default c_menu_toggle_m_split_button_child_disabled_BackgroundColor;

package/dist/esm/c_modal_box.d.ts

@@ -33,8 +33,7 @@ export const c_modal_box: {
       "name": "--pf-v6-c-modal-box--ZIndex",
       "value": "500",
       "values": [
-        "--pf-v6-global--ZIndex--xl",
-        "$pf-v5-global--ZIndex--xl",
+        "--pf-t--global--z-index--xl",
         "500"
       ]
     },

package/dist/esm/c_modal_box.js

@@ -33,8 +33,7 @@ export const c_modal_box = {
       "name": "--pf-v6-c-modal-box--ZIndex",
       "value": "500",
       "values": [
-        "--pf-v6-global--ZIndex--xl",
-        "$pf-v5-global--ZIndex--xl",
+        "--pf-t--global--z-index--xl",
         "500"
       ]
     },

package/dist/esm/c_nav.d.ts

@@ -137,12 +137,11 @@ export const c_nav: {
     },
     "c_nav_OutlineOffset": {
       "name": "--pf-v6-c-nav--OutlineOffset",
-      "value": "calc(0.25rem * -1)",
+      "value": "calc(4px * -1)",
       "values": [
-        "calc(--pf-v6-global--spacer--xs * -1)",
-        "calc($pf-v5-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
+        "calc(--pf-t--global--spacer--xs * -1)",
+        "calc(--pf-t--global--spacer--100 * -1)",
+        "calc(4px * -1)"
       ]
     },
     "c_nav_BackgroundColor": {

package/dist/esm/c_nav.js

@@ -137,12 +137,11 @@ export const c_nav = {
     },
     "c_nav_OutlineOffset": {
       "name": "--pf-v6-c-nav--OutlineOffset",
-      "value": "calc(0.25rem * -1)",
+      "value": "calc(4px * -1)",
       "values": [
-        "calc(--pf-v6-global--spacer--xs * -1)",
-        "calc($pf-v5-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
+        "calc(--pf-t--global--spacer--xs * -1)",
+        "calc(--pf-t--global--spacer--100 * -1)",
+        "calc(4px * -1)"
       ]
     },
     "c_nav_BackgroundColor": {

package/dist/esm/c_nav_OutlineOffset.d.ts

@@ -1,6 +1,6 @@
 export const c_nav_OutlineOffset: {
   "name": "--pf-v6-c-nav--OutlineOffset",
-  "value": "calc(0.25rem * -1)",
+  "value": "calc(4px * -1)",
   "var": "var(--pf-v6-c-nav--OutlineOffset)"
 };
 export default c_nav_OutlineOffset;

package/dist/esm/c_nav_OutlineOffset.js

@@ -1,6 +1,6 @@
 export const c_nav_OutlineOffset = {
   "name": "--pf-v6-c-nav--OutlineOffset",
-  "value": "calc(0.25rem * -1)",
+  "value": "calc(4px * -1)",
   "var": "var(--pf-v6-c-nav--OutlineOffset)"
 };
 export default c_nav_OutlineOffset;

package/dist/esm/c_notification_drawer.d.ts

@@ -60,7 +60,7 @@ export const c_notification_drawer: {
       "name": "--pf-v6-c-notification-drawer__header--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -143,7 +143,7 @@ export const c_notification_drawer: {
       "name": "--pf-v6-c-notification-drawer__body--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },

package/dist/esm/c_notification_drawer.js

@@ -60,7 +60,7 @@ export const c_notification_drawer = {
       "name": "--pf-v6-c-notification-drawer__header--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -143,7 +143,7 @@ export const c_notification_drawer = {
       "name": "--pf-v6-c-notification-drawer__body--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },