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

package/dist/esm/c_data_list.d.ts

@@ -1,19 +1,19 @@
 export const c_data_list: {
   ".pf-v6-c-data-list__item-action": {
-    "_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",
       "values": [
         "--pf-v6-c-data-list__item-action--Display",
@@ -22,12 +22,12 @@ export const c_data_list: {
     }
   },
   ".pf-m-hidden.pf-v6-c-data-list__item-action": {
-    "_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"
       ]
     }
   },
@@ -315,7 +315,7 @@ export const c_data_list: {
       "name": "--pf-v6-c-data-list__toggle--MarginTop",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--button--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -324,7 +324,7 @@ export const c_data_list: {
       "name": "--pf-v6-c-data-list__toggle--MarginBottom",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--button--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -434,7 +434,7 @@ export const c_data_list: {
       "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"
       ]
@@ -1238,7 +1238,7 @@ export const c_data_list: {
       "values": [
         "--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--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"
       ]

package/dist/esm/c_data_list.js

@@ -1,19 +1,19 @@
 export const c_data_list = {
   ".pf-v6-c-data-list__item-action": {
-    "_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",
       "values": [
         "--pf-v6-c-data-list__item-action--Display",
@@ -22,12 +22,12 @@ export const c_data_list = {
     }
   },
   ".pf-m-hidden.pf-v6-c-data-list__item-action": {
-    "_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"
       ]
     }
   },
@@ -315,7 +315,7 @@ export const c_data_list = {
       "name": "--pf-v6-c-data-list__toggle--MarginTop",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--button--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -324,7 +324,7 @@ export const c_data_list = {
       "name": "--pf-v6-c-data-list__toggle--MarginBottom",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--button--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -434,7 +434,7 @@ export const c_data_list = {
       "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"
       ]
@@ -1238,7 +1238,7 @@ export const c_data_list = {
       "values": [
         "--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--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"
       ]

package/dist/esm/c_date_picker.d.ts

@@ -69,7 +69,7 @@ export const c_date_picker: {
       "name": "--pf-v6-c-date-picker__calendar--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },

package/dist/esm/c_date_picker.js

@@ -69,7 +69,7 @@ export const c_date_picker = {
       "name": "--pf-v6-c-date-picker__calendar--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },

package/dist/esm/c_divider.d.ts

@@ -1,19 +1,19 @@
 export const c_divider: {
   ".pf-v6-c-divider": {
-    "_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",
       "values": [
         "--pf-v6-c-divider--Display",
@@ -22,12 +22,12 @@ export const c_divider: {
     }
   },
   ".pf-m-hidden.pf-v6-c-divider": {
-    "_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"
       ]
     }
   },

package/dist/esm/c_divider.js

@@ -1,19 +1,19 @@
 export const c_divider = {
   ".pf-v6-c-divider": {
-    "_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",
       "values": [
         "--pf-v6-c-divider--Display",
@@ -22,12 +22,12 @@ export const c_divider = {
     }
   },
   ".pf-m-hidden.pf-v6-c-divider": {
-    "_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"
       ]
     }
   },

package/dist/esm/c_drawer.d.ts

@@ -52,7 +52,7 @@ export const c_drawer: {
       "name": "--pf-v6-c-drawer__content--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },
@@ -68,7 +68,7 @@ export const c_drawer: {
       "name": "--pf-v6-c-drawer__panel--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -633,18 +633,18 @@ export const c_drawer: {
       "name": "--pf-v6-c-drawer__actions--MarginTop",
       "value": "calc(4px * -1.5)",
       "values": [
-        "calc(--pf-t--global--spacer--xs * -1.5)",
+        "calc(--pf-t--global--spacer--control--vertical--compact * -1.5)",
         "calc(--pf-t--global--spacer--100 * -1.5)",
         "calc(4px * -1.5)"
       ]
     },
     "c_drawer__actions_MarginRight": {
       "name": "--pf-v6-c-drawer__actions--MarginRight",
-      "value": "calc(4px * -1.5)",
+      "value": "calc(8px * -1.5)",
       "values": [
-        "calc(--pf-t--global--spacer--xs * -1.5)",
-        "calc(--pf-t--global--spacer--100 * -1.5)",
-        "calc(4px * -1.5)"
+        "calc(--pf-t--global--spacer--control--horizontal--compact * -1.5)",
+        "calc(--pf-t--global--spacer--200 * -1.5)",
+        "calc(8px * -1.5)"
       ]
     },
     "c_drawer__panel_BoxShadow": {
@@ -737,13 +737,12 @@ export const c_drawer: {
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
-        "--pf-v6-global--BoxShadow--lg-right",
-        "$pf-v5-global--BoxShadow--lg-right",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg--right",
+        "--pf-t--global--box-shadow--X--lg--right\n    --pf-t--global--box-shadow--Y--lg--right\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -760,13 +759,12 @@ export const c_drawer: {
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
-        "--pf-v6-global--BoxShadow--lg-left",
-        "$pf-v5-global--BoxShadow--lg-left",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg--left",
+        "--pf-t--global--box-shadow--X--lg--left\n    --pf-t--global--box-shadow--Y--lg--left\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },

package/dist/esm/c_drawer.js

@@ -52,7 +52,7 @@ export const c_drawer = {
       "name": "--pf-v6-c-drawer__content--ZIndex",
       "value": "100",
       "values": [
-        "--pf-t--global--Zindex--xs",
+        "--pf-t--global--z-index--xs",
         "100"
       ]
     },
@@ -68,7 +68,7 @@ export const c_drawer = {
       "name": "--pf-v6-c-drawer__panel--ZIndex",
       "value": "200",
       "values": [
-        "--pf-t--global--Zindex--sm",
+        "--pf-t--global--z-index--sm",
         "200"
       ]
     },
@@ -633,18 +633,18 @@ export const c_drawer = {
       "name": "--pf-v6-c-drawer__actions--MarginTop",
       "value": "calc(4px * -1.5)",
       "values": [
-        "calc(--pf-t--global--spacer--xs * -1.5)",
+        "calc(--pf-t--global--spacer--control--vertical--compact * -1.5)",
         "calc(--pf-t--global--spacer--100 * -1.5)",
         "calc(4px * -1.5)"
       ]
     },
     "c_drawer__actions_MarginRight": {
       "name": "--pf-v6-c-drawer__actions--MarginRight",
-      "value": "calc(4px * -1.5)",
+      "value": "calc(8px * -1.5)",
       "values": [
-        "calc(--pf-t--global--spacer--xs * -1.5)",
-        "calc(--pf-t--global--spacer--100 * -1.5)",
-        "calc(4px * -1.5)"
+        "calc(--pf-t--global--spacer--control--horizontal--compact * -1.5)",
+        "calc(--pf-t--global--spacer--200 * -1.5)",
+        "calc(8px * -1.5)"
       ]
     },
     "c_drawer__panel_BoxShadow": {
@@ -737,13 +737,12 @@ export const c_drawer = {
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
-        "--pf-v6-global--BoxShadow--lg-right",
-        "$pf-v5-global--BoxShadow--lg-right",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg--right",
+        "--pf-t--global--box-shadow--X--lg--right\n    --pf-t--global--box-shadow--Y--lg--right\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -760,13 +759,12 @@ export const c_drawer = {
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
-        "--pf-v6-global--BoxShadow--lg-left",
-        "$pf-v5-global--BoxShadow--lg-left",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "pf-size-prem(-12px) 0 pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg--left",
+        "--pf-t--global--box-shadow--X--lg--left\n    --pf-t--global--box-shadow--Y--lg--left\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },

package/dist/esm/c_drawer__actions_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginRight: {
   "name": "--pf-v6-c-drawer__actions--MarginRight",
-  "value": "calc(4px * -1.5)",
+  "value": "calc(8px * -1.5)",
   "var": "var(--pf-v6-c-drawer__actions--MarginRight)"
 };
 export default c_drawer__actions_MarginRight;

package/dist/esm/c_drawer__actions_MarginRight.js

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginRight = {
   "name": "--pf-v6-c-drawer__actions--MarginRight",
-  "value": "calc(4px * -1.5)",
+  "value": "calc(8px * -1.5)",
   "var": "var(--pf-v6-c-drawer__actions--MarginRight)"
 };
 export default c_drawer__actions_MarginRight;

package/dist/esm/c_drawer_m_expanded_m_panel_left__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer_m_expanded_m_panel_left__panel_BoxShadow: {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-  "value": "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+  "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow)"
 };
 export default c_drawer_m_expanded_m_panel_left__panel_BoxShadow;

package/dist/esm/c_drawer_m_expanded_m_panel_left__panel_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_drawer_m_expanded_m_panel_left__panel_BoxShadow = {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-  "value": "-0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+  "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow)"
 };
 export default c_drawer_m_expanded_m_panel_left__panel_BoxShadow;