@patternfly/react-tokens 6.5.0-prerelease.2 → 6.5.0-prerelease.21

package/dist/esm/c_sidebar__panel_BoxShadow_base.js

@@ -1,6 +1,6 @@
 export const c_sidebar__panel_BoxShadow_base = {
   "name": "--pf-v6-c-sidebar__panel--BoxShadow--base",
-  "value": "0px\n    10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    10px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-sidebar__panel--BoxShadow--base)"
 };
 export default c_sidebar__panel_BoxShadow_base;

package/dist/esm/c_sidebar_m_stack__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_sidebar_m_stack__panel_BoxShadow: {
   "name": "--pf-v6-c-sidebar--m-stack__panel--BoxShadow",
-  "value": "0px\n    10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    10px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow)"
 };
 export default c_sidebar_m_stack__panel_BoxShadow;

package/dist/esm/c_sidebar_m_stack__panel_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_sidebar_m_stack__panel_BoxShadow = {
   "name": "--pf-v6-c-sidebar--m-stack__panel--BoxShadow",
-  "value": "0px\n    10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    10px\n    10px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow)"
 };
 export default c_sidebar_m_stack__panel_BoxShadow;

package/dist/esm/c_skeleton.d.ts

@@ -37,7 +37,7 @@ export const c_skeleton: {
     },
     "c_skeleton_before_Content": {
       "name": "--pf-v6-c-skeleton--before--Content",
-      "value": "\" \""
+      "value": "\"\\00a0\""
     },
     "c_skeleton_after_LinearGradientAngle": {
       "name": "--pf-v6-c-skeleton--after--LinearGradientAngle",

package/dist/esm/c_skeleton.js

@@ -37,7 +37,7 @@ export const c_skeleton = {
     },
     "c_skeleton_before_Content": {
       "name": "--pf-v6-c-skeleton--before--Content",
-      "value": "\" \""
+      "value": "\"\\00a0\""
     },
     "c_skeleton_after_LinearGradientAngle": {
       "name": "--pf-v6-c-skeleton--after--LinearGradientAngle",

package/dist/esm/c_skeleton_before_Content.d.ts

@@ -1,6 +1,6 @@
 export const c_skeleton_before_Content: {
   "name": "--pf-v6-c-skeleton--before--Content",
-  "value": "\" \"",
+  "value": "\"\\00a0\"",
   "var": "var(--pf-v6-c-skeleton--before--Content)"
 };
 export default c_skeleton_before_Content;

package/dist/esm/c_skeleton_before_Content.js

@@ -1,6 +1,6 @@
 export const c_skeleton_before_Content = {
   "name": "--pf-v6-c-skeleton--before--Content",
-  "value": "\" \"",
+  "value": "\"\\00a0\"",
   "var": "var(--pf-v6-c-skeleton--before--Content)"
 };
 export default c_skeleton_before_Content;

package/dist/esm/c_switch.d.ts

@@ -176,12 +176,12 @@ export const c_switch: {
     },
     "c_switch__input_disabled__toggle_before_BackgroundColor": {
       "name": "--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_switch__input_focus__toggle_OutlineWidth": {
@@ -235,12 +235,12 @@ export const c_switch: {
     },
     "c_switch__toggle_BorderColor": {
       "name": "--pf-v6-c-switch__toggle--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_switch__toggle_BorderWidth": {

package/dist/esm/c_switch.js

@@ -176,12 +176,12 @@ export const c_switch = {
     },
     "c_switch__input_disabled__toggle_before_BackgroundColor": {
       "name": "--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_switch__input_focus__toggle_OutlineWidth": {
@@ -235,12 +235,12 @@ export const c_switch = {
     },
     "c_switch__toggle_BorderColor": {
       "name": "--pf-v6-c-switch__toggle--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_switch__toggle_BorderWidth": {

package/dist/esm/c_switch__input_disabled__toggle_before_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_switch__input_disabled__toggle_before_BackgroundColor: {
   "name": "--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor)"
 };
 export default c_switch__input_disabled__toggle_before_BackgroundColor;

package/dist/esm/c_switch__input_disabled__toggle_before_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_switch__input_disabled__toggle_before_BackgroundColor = {
   "name": "--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor)"
 };
 export default c_switch__input_disabled__toggle_before_BackgroundColor;

package/dist/esm/c_table.d.ts

@@ -423,7 +423,7 @@ export const c_table: {
     },
     "c_table__toggle_c_button__toggle_icon_Rotate": {
       "name": "--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate",
-      "value": "270deg"
+      "value": "0"
     },
     "c_table__toggle_c_button__toggle_icon_TransitionDuration": {
       "name": "--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration",
@@ -446,7 +446,7 @@ export const c_table: {
     },
     "c_table__toggle_c_button_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate",
-      "value": "360deg"
+      "value": "-180deg"
     },
     "c_table__button_PaddingBlockStart": {
       "name": "--pf-v6-c-table__button--PaddingBlockStart",
@@ -539,6 +539,7 @@ export const c_table: {
       "name": "--pf-v6-c-table__button--BorderRadius",
       "value": "6px",
       "values": [
+        "--pf-t--global--border--radius--action--plain--default",
         "--pf-t--global--border--radius--small",
         "--pf-t--global--border--radius--200",
         "6px"
@@ -916,11 +917,7 @@ export const c_table: {
     },
     "c_table__compound_expansion_toggle__button_BackgroundColor": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-t--global--background--color--action--plain--default",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
+      "value": "transparent"
     },
     "c_table__compound_expansion_toggle__button_hover_Color": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--hover--Color",
@@ -935,20 +932,22 @@ export const c_table: {
     },
     "c_table__compound_expansion_toggle__button_hover_BackgroundColor": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-t--global--background--color--primary--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
     "c_table__compound_expansion_toggle__button_expanded_BackgroundColor": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-t--global--background--color--primary--clicked",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
     "c_table__compound_expansion_toggle__button_after_BorderColor": {
@@ -971,12 +970,7 @@ export const c_table: {
     },
     "c_table__compound_expansion_toggle__button_hover_after_BorderBlockStartWidth": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth",
-      "value": "2px",
-      "values": [
-        "--pf-t--global--border--width--strong",
-        "--pf-t--global--border--width--200",
-        "2px"
-      ]
+      "value": "0"
     },
     "c_table__compound_expansion_toggle_m_expanded__button_after_BorderBlockStartWidth": {
       "name": "--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth",
@@ -1199,6 +1193,36 @@ export const c_table: {
         "calc(-1 * 0.25rem)"
       ]
     },
+    "c_table__thead_m_nested_column_header_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v6-c-table--border-width--base",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_table__thead_m_nested_column_header_BorderBlockEndColor": {
+      "name": "--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-table--BorderColor",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_table__thead_m_nested_column_header_after_ZIndex": {
+      "name": "--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex",
+      "value": "calc(100 + 2)",
+      "values": [
+        "calc(--pf-t--global--z-index--xs + 2)",
+        "calc(--pf-t--global--z-index--100 + 2)",
+        "calc(100 + 2)"
+      ]
+    },
     "c_table__thead_m_nested_column_header_button_OutlineOffset": {
       "name": "--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset",
       "value": "-0.1875rem"
@@ -1253,12 +1277,21 @@ export const c_table: {
     },
     "c_table_m_striped__tr_BackgroundColor": {
       "name": "--pf-v6-c-table--m-striped__tr--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.1000)",
       "values": [
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--striped--row--default",
+        "--pf-t--global--background--color--700",
+        "rgba(199, 199, 199, 0.1000)"
+      ]
+    },
+    "c_table_m_sticky_header_BackgroundColor": {
+      "name": "--pf-v6-c-table--m-sticky-header--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--sticky--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
     "c_table_m_sticky_header_cell_ZIndex": {
@@ -1287,6 +1320,128 @@ export const c_table: {
         "calc(--pf-t--global--z-index--100 + 2)",
         "calc(100 + 2)"
       ]
+    },
+    "c_table_m_sticky_header_BorderRadius": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderRadius",
+      "value": "0"
+    },
+    "c_table_m_sticky_header_BoxShadow": {
+      "name": "--pf-v6-c-table--m-sticky-header--BoxShadow",
+      "value": "0"
+    },
+    "c_table_m_sticky_header_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v6-c-table--border-width--base",
+        "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_table_m_sticky_header_BorderBlockEndColor": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderBlockEndColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-v6-c-table--BorderColor",
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_table_m_sticky_header_BorderRadius_glass": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderRadius--glass",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
+        "16px"
+      ]
+    },
+    "c_table_m_sticky_header_BoxShadow_glass": {
+      "name": "--pf-v6-c-table--m-sticky-header--BoxShadow--glass",
+      "value": "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "values": [
+        "--pf-t--global--box-shadow--sm",
+        "--pf-t--global--box-shadow--X--sm--default\n    --pf-t--global--box-shadow--Y--sm--default\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--default\n    --pf-t--global--box-shadow--color--sm--default",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+      ]
+    },
+    "c_table_m_sticky_header_TransitionTimingFunction_BackgroundColor": {
+      "name": "--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_table_m_sticky_header_TransitionDuration_BackgroundColor": {
+      "name": "--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    }
+  },
+  ":where(.pf-v6-theme-glass) .pf-v6-c-table": {
+    "c_table_m_sticky_header_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth",
+      "value": "0"
+    },
+    "c_table_m_sticky_header_BoxShadow": {
+      "name": "--pf-v6-c-table--m-sticky-header--BoxShadow",
+      "value": "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "values": [
+        "--pf-v6-c-table--m-sticky-header--BoxShadow--glass",
+        "--pf-t--global--box-shadow--sm",
+        "--pf-t--global--box-shadow--X--sm--default\n    --pf-t--global--box-shadow--Y--sm--default\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--default\n    --pf-t--global--box-shadow--color--sm--default",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+      ]
+    },
+    "c_table_m_sticky_header_BorderRadius": {
+      "name": "--pf-v6-c-table--m-sticky-header--BorderRadius",
+      "value": "16px",
+      "values": [
+        "--pf-v6-c-table--m-sticky-header--BorderRadius--glass",
+        "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
+        "16px"
+      ]
+    }
+  },
+  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain": {
+    "c_table_BackgroundColor": {
+      "name": "--pf-v6-c-table--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_table__expandable_row_content_BackgroundColor": {
+      "name": "--pf-v6-c-table__expandable-row-content--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_table__expandable_row_content_PaddingInlineStart": {
+      "name": "--pf-v6-c-table__expandable-row-content--PaddingInlineStart",
+      "value": "0"
+    },
+    "c_table__expandable_row_content_PaddingInlineEnd": {
+      "name": "--pf-v6-c-table__expandable-row-content--PaddingInlineEnd",
+      "value": "0"
+    },
+    "c_table__control_row_BackgroundColor": {
+      "name": "--pf-v6-c-table__control-row--BackgroundColor",
+      "value": "transparent"
+    }
+  },
+  ".pf-v6-c-table.pf-m-sticky-header": {
+    "c_table__thead_m_nested_column_header_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth",
+      "value": "0"
     }
   },
   ".pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan])": {
@@ -1301,22 +1456,15 @@ export const c_table: {
       ]
     }
   },
-  ".pf-v6-c-table.pf-m-plain": {
-    "c_table_BackgroundColor": {
-      "name": "--pf-v6-c-table--BackgroundColor",
-      "value": "transparent"
-    }
-  },
   ".pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd)": {
     "c_table__sticky_column_BackgroundColor": {
       "name": "--pf-v6-c-table__sticky-column--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.1000)",
       "values": [
         "--pf-v6-c-table--m-striped__tr--BackgroundColor",
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--striped--row--default",
+        "--pf-t--global--background--color--700",
+        "rgba(199, 199, 199, 0.1000)"
       ]
     }
   },
@@ -1959,34 +2107,34 @@ export const c_table: {
   ".pf-v6-c-table__compound-expansion-toggle:hover": {
     "c_table__compound_expansion_toggle__button_BackgroundColor": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#f2f2f2",
       "values": [
         "--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-t--global--background--color--primary--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
     "c_table__compound_expansion_toggle__button_after_BorderBlockStartWidth": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth",
-      "value": "2px",
+      "value": "0",
       "values": [
         "--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth",
-        "--pf-t--global--border--width--strong",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "0"
       ]
     }
   },
   ".pf-v6-c-table__compound-expansion-toggle.pf-m-expanded": {
     "c_table__compound_expansion_toggle__button_BackgroundColor": {
       "name": "--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
+      "value": "#f2f2f2",
       "values": [
         "--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
+        "--pf-t--global--background--color--primary--clicked",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
       ]
     },
     "c_table__compound_expansion_toggle__button_after_BorderBlockStartWidth": {