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

package/dist/js/c_data_list.d.ts

@@ -1112,7 +1112,7 @@ export const c_data_list: {
       ]
     }
   },
-  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain)": {
+  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass)": {
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item--BackgroundColor",
       "value": "transparent",

package/dist/js/c_data_list.js

@@ -1114,7 +1114,7 @@ exports.c_data_list = {
       ]
     }
   },
-  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain)": {
+  ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass)": {
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-v6-c-data-list__item--BackgroundColor",
       "value": "transparent",

package/dist/js/c_drawer.d.ts

@@ -286,10 +286,10 @@ export const c_drawer: {
     },
     "c_drawer__panel_m_resizable_md_FlexBasis_min": {
       "name": "--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min",
-      "value": "0.5625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v6-c-drawer__splitter--m-vertical--Width",
-        "0.5625rem"
+        "0.75rem"
       ]
     },
     "c_drawer__panel_m_resizable_MinWidth": {
@@ -591,7 +591,7 @@ export const c_drawer: {
     },
     "c_drawer__splitter_Height": {
       "name": "--pf-v6-c-drawer__splitter--Height",
-      "value": "0.5625rem"
+      "value": "0.75rem"
     },
     "c_drawer__splitter_Width": {
       "name": "--pf-v6-c-drawer__splitter--Width",
@@ -599,13 +599,7 @@ export const c_drawer: {
     },
     "c_drawer__splitter_BackgroundColor": {
       "name": "--pf-v6-c-drawer__splitter--BackgroundColor",
-      "value": "#ffffff",
-      "values": [
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
-      ]
+      "value": "transparent"
     },
     "c_drawer__splitter_Cursor": {
       "name": "--pf-v6-c-drawer__splitter--Cursor",
@@ -617,12 +611,16 @@ export const c_drawer: {
     },
     "c_drawer__splitter_m_vertical_Width": {
       "name": "--pf-v6-c-drawer__splitter--m-vertical--Width",
-      "value": "0.5625rem"
+      "value": "0.75rem"
     },
     "c_drawer__splitter_m_vertical_Cursor": {
       "name": "--pf-v6-c-drawer__splitter--m-vertical--Cursor",
       "value": "col-resize"
     },
+    "c_drawer__splitter_focus_OutlineOffset": {
+      "name": "--pf-v6-c-drawer__splitter--focus--OutlineOffset",
+      "value": "-0.0625rem"
+    },
     "c_drawer_m_inline__splitter_focus_OutlineOffset": {
       "name": "--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset",
       "value": "-0.0625rem"
@@ -637,6 +635,36 @@ export const c_drawer: {
         "#c7c7c7"
       ]
     },
+    "c_drawer__splitter_hover_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--hover--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_drawer__splitter_focus_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--focus--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_drawer__splitter_active_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--active--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
     "c_drawer__splitter_after_border_width_base": {
       "name": "--pf-v6-c-drawer__splitter--after--border-width--base",
       "value": "1px",
@@ -674,6 +702,30 @@ export const c_drawer: {
         "1px"
       ]
     },
+    "c_drawer__splitter_after_InsetBlockStart": {
+      "name": "--pf-v6-c-drawer__splitter--after--InsetBlockStart",
+      "value": "0"
+    },
+    "c_drawer__splitter_after_InsetBlockEnd": {
+      "name": "--pf-v6-c-drawer__splitter--after--InsetBlockEnd",
+      "value": "0"
+    },
+    "c_drawer__splitter_after_InsetInlineStart": {
+      "name": "--pf-v6-c-drawer__splitter--after--InsetInlineStart",
+      "value": "0"
+    },
+    "c_drawer__splitter_after_InsetInlineEnd": {
+      "name": "--pf-v6-c-drawer__splitter--after--InsetInlineEnd",
+      "value": "0"
+    },
+    "c_drawer__splitter_after_Width": {
+      "name": "--pf-v6-c-drawer__splitter--after--Width",
+      "value": "auto"
+    },
+    "c_drawer__splitter_after_Height": {
+      "name": "--pf-v6-c-drawer__splitter--after--Height",
+      "value": "auto"
+    },
     "c_drawer_m_panel_bottom__splitter_after_BorderBlockStartWidth": {
       "name": "--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth",
       "value": "1px",
@@ -694,9 +746,157 @@ export const c_drawer: {
         "1px"
       ]
     },
+    "c_drawer_m_pill__splitter_m_vertical_Width": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width",
+      "value": "0.625rem"
+    },
+    "c_drawer_m_pill__splitter_m_vertical_Height": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height",
+      "value": "calc(100% - (2 * 24px))",
+      "values": [
+        "calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))",
+        "calc(100% - (2 * --pf-t--global--border--radius--large))",
+        "calc(100% - (2 * --pf-t--global--border--radius--400))",
+        "calc(100% - (2 * 24px))"
+      ]
+    },
+    "c_drawer_m_pill__splitter_m_vertical_MarginBlockStart": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart",
+      "value": "24px",
+      "values": [
+        "--pf-v6-c-drawer--m-pill__panel--BorderRadius",
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
+      ]
+    },
+    "c_drawer_m_pill__splitter_after_BorderColor": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--BorderColor",
+      "value": "transparent"
+    },
+    "c_drawer_m_pill__splitter_after_BorderInlineEndWidth": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth",
+      "value": "0"
+    },
+    "c_drawer_m_pill__splitter_hover_after_BorderColor": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor",
+      "value": "#4394e5",
+      "values": [
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
+      ]
+    },
+    "c_drawer_m_pill__splitter_focus_after_BorderColor": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_drawer_m_pill__splitter_active_after_BorderColor": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_drawer_m_pill__splitter_after_Width": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--Width",
+      "value": "0.0625rem"
+    },
+    "c_drawer_m_pill__splitter_after_Height": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--Height",
+      "value": "auto"
+    },
+    "c_drawer_m_pill__splitter_after_InsetInlineStart": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart",
+      "value": "50%"
+    },
+    "c_drawer_m_pill__splitter_after_InsetInlineEnd": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd",
+      "value": "auto"
+    },
+    "c_drawer_m_pill__splitter_after_TranslateX": {
+      "name": "--pf-v6-c-drawer--m-pill__splitter--after--TranslateX",
+      "value": "-50%"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_Height": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height",
+      "value": "0.5rem"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_Width": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width",
+      "value": "calc(100% - (2 * 24px))",
+      "values": [
+        "calc(100% - (2 * --pf-v6-c-drawer--m-pill__panel--BorderRadius))",
+        "calc(100% - (2 * --pf-t--global--border--radius--large))",
+        "calc(100% - (2 * --pf-t--global--border--radius--400))",
+        "calc(100% - (2 * 24px))"
+      ]
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_MarginInlineStart": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart",
+      "value": "24px",
+      "values": [
+        "--pf-v6-c-drawer--m-pill__panel--BorderRadius",
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
+      ]
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_Width": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width",
+      "value": "auto"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_Height": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height",
+      "value": "0.0625rem"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_BorderBlockStartWidth": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v6-c-drawer__splitter--after--border-width--base",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth",
+      "value": "0"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetBlockStart": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart",
+      "value": "50%"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetBlockEnd": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd",
+      "value": "auto"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetInlineStart": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart",
+      "value": "0"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_InsetInlineEnd": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd",
+      "value": "0"
+    },
+    "c_drawer_m_pill_m_panel_bottom__splitter_after_TranslateY": {
+      "name": "--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY",
+      "value": "-50%"
+    },
     "c_drawer_m_inline__splitter_m_vertical_Width": {
       "name": "--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width",
-      "value": "0.625rem"
+      "value": "0.75rem"
     },
     "c_drawer_m_inline__splitter_handle_InsetInlineStart": {
       "name": "--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart",
@@ -704,7 +904,7 @@ export const c_drawer: {
     },
     "c_drawer_m_inline_m_panel_bottom__splitter_Height": {
       "name": "--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height",
-      "value": "0.625rem"
+      "value": "0.75rem"
     },
     "c_drawer_m_inline_m_panel_bottom__splitter_handle_InsetBlockStart": {
       "name": "--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart",
@@ -726,13 +926,7 @@ export const c_drawer: {
     },
     "c_drawer__splitter_handle_InsetInlineStart": {
       "name": "--pf-v6-c-drawer__splitter-handle--InsetInlineStart",
-      "value": "calc(50% - 1px)",
-      "values": [
-        "calc(50% - --pf-v6-c-drawer__splitter--after--border-width--base)",
-        "calc(50% - --pf-t--global--border--width--divider--default)",
-        "calc(50% - --pf-t--global--border--width--100)",
-        "calc(50% - 1px)"
-      ]
+      "value": "50%"
     },
     "c_drawer_m_panel_left__splitter_handle_InsetInlineStart": {
       "name": "--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart",
@@ -740,22 +934,54 @@ export const c_drawer: {
     },
     "c_drawer_m_panel_bottom__splitter_handle_InsetBlockStart": {
       "name": "--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart",
-      "value": "calc(50% - 1px)",
+      "value": "50%"
+    },
+    "c_drawer__splitter_handle_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--after--BackgroundColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
+    "c_drawer__splitter_handle_hover_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor",
+      "value": "#4394e5",
+      "values": [
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
+      ]
+    },
+    "c_drawer__splitter_handle_focus_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_drawer__splitter_handle_active_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor",
+      "value": "#0066cc",
       "values": [
-        "calc(50% - --pf-v6-c-drawer__splitter--after--border-width--base)",
-        "calc(50% - --pf-t--global--border--width--divider--default)",
-        "calc(50% - --pf-t--global--border--width--100)",
-        "calc(50% - 1px)"
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
     "c_drawer__splitter_handle_after_BorderColor": {
       "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor",
-      "value": "#c7c7c7",
+      "value": "rgba(255, 255, 255, 0.0000)",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
       ]
     },
     "c_drawer__splitter_handle_after_BorderBlockStartWidth": {
@@ -784,14 +1010,23 @@ export const c_drawer: {
       "name": "--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth",
       "value": "0"
     },
+    "c_drawer__splitter_handle_after_BorderRadius": {
+      "name": "--pf-v6-c-drawer__splitter-handle--after--BorderRadius",
+      "value": "999px",
+      "values": [
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
+      ]
+    },
     "c_drawer__splitter_hover__splitter_handle_after_BorderColor": {
       "name": "--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor",
-      "value": "#4394e5",
+      "value": "#004d99",
       "values": [
-        "--pf-t--global--border--color--hover",
-        "--pf-t--global--color--brand--100",
-        "--pf-t--color--blue--40",
-        "#4394e5"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
     "c_drawer__splitter_m_vertical__splitter_handle_after_BorderBlockStartWidth": {
@@ -822,7 +1057,7 @@ export const c_drawer: {
     },
     "c_drawer__splitter_handle_after_Width": {
       "name": "--pf-v6-c-drawer__splitter-handle--after--Width",
-      "value": "0.75rem"
+      "value": "2.1875rem"
     },
     "c_drawer__splitter_handle_after_Height": {
       "name": "--pf-v6-c-drawer__splitter-handle--after--Height",
@@ -834,7 +1069,7 @@ export const c_drawer: {
     },
     "c_drawer__splitter_m_vertical__splitter_handle_after_Height": {
       "name": "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height",
-      "value": "0.75rem"
+      "value": "2.1875rem"
     },
     "c_drawer__actions_MarginBlockStart": {
       "name": "--pf-v6-c-drawer__actions--MarginBlockStart",
@@ -1129,10 +1364,10 @@ export const c_drawer: {
     },
     "c_drawer__splitter_Width": {
       "name": "--pf-v6-c-drawer__splitter--Width",
-      "value": "0.5625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v6-c-drawer__splitter--m-vertical--Width",
-        "0.5625rem"
+        "0.75rem"
       ]
     },
     "c_drawer__splitter_Cursor": {
@@ -1153,10 +1388,10 @@ export const c_drawer: {
     },
     "c_drawer__splitter_handle_after_Height": {
       "name": "--pf-v6-c-drawer__splitter-handle--after--Height",
-      "value": "0.75rem",
+      "value": "2.1875rem",
       "values": [
         "--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height",
-        "0.75rem"
+        "2.1875rem"
       ]
     },
     "c_drawer__splitter_handle_after_BorderBlockStartWidth": {
@@ -1197,16 +1432,75 @@ export const c_drawer: {
     }
   },
   ".pf-v6-c-drawer__splitter:hover": {
-    "c_drawer__splitter_handle_after_BorderColor": {
-      "name": "--pf-v6-c-drawer__splitter-handle--after--BorderColor",
+    "c_drawer__splitter_handle_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--after--BackgroundColor",
       "value": "#4394e5",
       "values": [
-        "--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor",
+        "--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor",
         "--pf-t--global--border--color--hover",
         "--pf-t--global--color--brand--100",
         "--pf-t--color--blue--40",
         "#4394e5"
       ]
+    },
+    "c_drawer__splitter_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-drawer__splitter--hover--after--BorderColor",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    }
+  },
+  ".pf-v6-c-drawer__splitter:focus": {
+    "c_drawer__splitter_handle_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--after--BackgroundColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_drawer__splitter_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-drawer__splitter--focus--after--BorderColor",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    }
+  },
+  ".pf-v6-c-drawer__splitter:active": {
+    "c_drawer__splitter_handle_after_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__splitter-handle--after--BackgroundColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_drawer__splitter_after_BorderColor": {
+      "name": "--pf-v6-c-drawer__splitter--after--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-drawer__splitter--active--after--BorderColor",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
     }
   }
 };