@patternfly/react-tokens 6.5.0-prerelease.9 → 6.5.1-prerelease.0

package/dist/esm/c_card.d.ts

@@ -12,12 +12,12 @@ export const c_card: {
     },
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#e0e0e0",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--subtle",
+        "--pf-t--global--border--color--50",
+        "--pf-t--color--gray--20",
+        "#e0e0e0"
       ]
     },
     "c_card_BorderStyle": {
@@ -149,12 +149,12 @@ export const c_card: {
     },
     "c_card_c_button_disabled_Color": {
       "name": "--pf-v6-c-card--c-button--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card__body_FontSize": {
@@ -305,18 +305,27 @@ export const c_card: {
     },
     "c_card_m_expanded__header_toggle_icon_Rotate": {
       "name": "--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate",
-      "value": "90deg"
+      "value": "-180deg"
     },
     "c_card_m_selectable_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-v6-c-card--BorderWidth",
         "--pf-t--global--border--width--box--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
     },
+    "c_card_m_selectable_BorderColor": {
+      "name": "--pf-v6-c-card--m-selectable--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
     "c_card_m_clickable_m_current_BorderColor": {
       "name": "--pf-v6-c-card--m-clickable--m-current--BorderColor",
       "value": "#0066cc",
@@ -329,11 +338,11 @@ export const c_card: {
     },
     "c_card_m_clickable_m_current_BorderWidth": {
       "name": "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     },
     "c_card_m_selectable_m_selected_BorderColor": {
@@ -348,11 +357,11 @@ export const c_card: {
     },
     "c_card_m_selectable_m_selected_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--m-selected--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     },
     "c_card_m_selectable_hover_BorderColor": {
@@ -367,11 +376,11 @@ export const c_card: {
     },
     "c_card_m_selectable_hover_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--hover--BorderWidth",
-      "value": "1px",
+      "value": "2px",
       "values": [
         "--pf-t--global--border--width--box--hover",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--border--width--200",
+        "2px"
       ]
     },
     "c_card_m_selectable_focus_BorderColor": {
@@ -386,11 +395,11 @@ export const c_card: {
     },
     "c_card_m_selectable_focus_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--focus--BorderWidth",
-      "value": "1px",
+      "value": "2px",
       "values": [
         "--pf-t--global--border--width--box--hover",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--border--width--200",
+        "2px"
       ]
     },
     "c_card_m_selectable_m_selected_focus_BorderColor": {
@@ -405,41 +414,41 @@ export const c_card: {
     },
     "c_card_m_selectable_m_selected_focus_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     },
     "c_card_m_selectable_m_disabled__title_text_Color": {
       "name": "--pf-v6-c-card--m-selectable--m-disabled__title-text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card_m_selectable_m_disabled__body_Color": {
       "name": "--pf-v6-c-card--m-selectable--m-disabled__body--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card_m_selectable_m_disabled__footer_Color": {
       "name": "--pf-v6-c-card--m-selectable--m-disabled__footer--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card_m_selectable_m_disabled_BackgroundColor": {
@@ -468,11 +477,11 @@ export const c_card: {
     },
     "c_card_m_selectable_m_clickable_m_current_BorderWidth": {
       "name": "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     },
     "c_card_m_compact__title_text_FontSize": {
@@ -653,22 +662,6 @@ export const c_card: {
         "#f2f2f2"
       ]
     },
-    "c_card_m_secondary_BorderColor": {
-      "name": "--pf-v6-c-card--m-secondary--BorderColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-t--global--border--color--high-contrast",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
-    },
-    "c_card_m_secondary_BorderWidth": {
-      "name": "--pf-v6-c-card--m-secondary--BorderWidth",
-      "value": "0px",
-      "values": [
-        "--pf-t--global--border--width--high-contrast--regular",
-        "0px"
-      ]
-    },
     "c_card_m_full_height_Height": {
       "name": "--pf-v6-c-card--m-full-height--Height",
       "value": "100%"
@@ -700,6 +693,112 @@ export const c_card: {
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
+    },
+    "c_card_m_as_tile_BackgroundColor": {
+      "name": "--pf-v6-c-card--m-as-tile--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_card_m_as_tile_BorderColor": {
+      "name": "--pf-v6-c-card--m-as-tile--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
+    "c_card_m_glass_BorderColor": {
+      "name": "--pf-v6-c-card--m-glass--BorderColor",
+      "value": "initial",
+      "values": [
+        "--pf-t--global--border--color--glass--default",
+        "initial"
+      ]
+    },
+    "c_card_m_glass_BorderWidth": {
+      "name": "--pf-v6-c-card--m-glass--BorderWidth",
+      "value": "initial",
+      "values": [
+        "--pf-t--global--border--width--glass--default",
+        "initial"
+      ]
+    },
+    "c_card_m_glass_BoxShadow": {
+      "name": "--pf-v6-c-card--m-glass--BoxShadow",
+      "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "values": [
+        "--pf-t--global--box-shadow--glass--default",
+        "--pf-t--global--box-shadow--md",
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--default\n    --pf-t--global--box-shadow--color--md--default",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+      ]
+    },
+    "c_card_m_glass_BackdropFilter": {
+      "name": "--pf-v6-c-card--m-glass--BackdropFilter",
+      "value": "initial",
+      "values": [
+        "--pf-t--global--background--filter--glass--blur--primary",
+        "initial"
+      ]
+    },
+    "c_card_m_glass_BackgroundColor": {
+      "name": "--pf-v6-c-card--m-glass--BackgroundColor",
+      "value": "initial",
+      "values": [
+        "--pf-t--global--background--color--glass--primary--default",
+        "initial"
+      ]
+    }
+  },
+  ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-v6-c-card--BackgroundColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BackgroundColor",
+        "--pf-t--global--background--color--glass--primary--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderColor",
+        "--pf-t--global--border--color--glass--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderWidth",
+        "--pf-t--global--border--width--glass--default",
+        "initial"
+      ]
+    }
+  },
+  ".pf-v6-c-card.pf-m-selectable": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-v6-c-card--m-selectable--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
     }
   },
   ".pf-v6-c-card.pf-m-current": {
@@ -716,12 +815,12 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-v6-c-card--m-clickable--m-current--BorderWidth",
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     },
     "c_card_m_selectable_hover_BorderColor": {
@@ -781,12 +880,12 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     }
   },
@@ -804,6 +903,31 @@ export const c_card: {
     }
   },
   ".pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader)": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-v6-c-card--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-card--m-as-tile--BackgroundColor",
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-v6-c-card--m-as-tile--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    }
+  },
+  ".pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable)": {
     "c_card__actions_PaddingInlineStart": {
       "name": "--pf-v6-c-card__actions--PaddingInlineStart",
       "value": "0"
@@ -1008,24 +1132,6 @@ export const c_card: {
     }
   },
   ".pf-v6-c-card.pf-m-secondary": {
-    "c_card_BorderColor": {
-      "name": "--pf-v6-c-card--BorderColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
-      "values": [
-        "--pf-v6-c-card--m-secondary--BorderColor",
-        "--pf-t--global--border--color--high-contrast",
-        "rgba(255, 255, 255, 0.0000)"
-      ]
-    },
-    "c_card_BorderWidth": {
-      "name": "--pf-v6-c-card--BorderWidth",
-      "value": "0px",
-      "values": [
-        "--pf-v6-c-card--m-secondary--BorderWidth",
-        "--pf-t--global--border--width--high-contrast--regular",
-        "0px"
-      ]
-    },
     "c_card_BackgroundColor": {
       "name": "--pf-v6-c-card--BackgroundColor",
       "value": "#f2f2f2",
@@ -1038,6 +1144,29 @@ export const c_card: {
       ]
     }
   },
+  ".pf-v6-c-card.pf-m-secondary.pf-m-selectable:not(.pf-m-current, .pf-m-selected)": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-v6-c-card--m-selectable--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v6-c-card--m-selectable--BorderWidth",
+        "--pf-t--global--border--width--box--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    }
+  },
   ".pf-v6-c-card.pf-m-plain": {
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
@@ -1056,6 +1185,52 @@ export const c_card: {
       ]
     }
   },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#8c8c8c",
+      "values": [
+        "--pf-v6-c-card--m-selectable--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-v6-c-card--m-selectable--BorderWidth",
+        "--pf-t--global--border--width--box--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    }
+  },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "3px",
+      "values": [
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
+        "--pf-t--global--border--width--box--clicked",
+        "--pf-t--global--border--width--300",
+        "3px"
+      ]
+    }
+  },
   ".pf-v6-c-card__header .pf-v6-c-card__title": {
     "c_card_first_child_PaddingBlockStart": {
       "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
@@ -1120,12 +1295,12 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "1px",
+      "value": "2px",
       "values": [
         "--pf-v6-c-card--m-selectable--hover--BorderWidth",
         "--pf-t--global--border--width--box--hover",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--border--width--200",
+        "2px"
       ]
     }
   },
@@ -1143,12 +1318,12 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-v6-c-card--m-selectable--m-selected--BorderWidth",
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     }
   },
@@ -1166,12 +1341,12 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "1px",
+      "value": "2px",
       "values": [
         "--pf-v6-c-card--m-selectable--focus--BorderWidth",
         "--pf-t--global--border--width--box--hover",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--border--width--200",
+        "2px"
       ]
     }
   },
@@ -1189,47 +1364,47 @@ export const c_card: {
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "2px",
+      "value": "3px",
       "values": [
         "--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth",
         "--pf-t--global--border--width--box--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     }
   },
   ".pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)": {
     "c_card__title_text_Color": {
       "name": "--pf-v6-c-card__title-text--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-card--m-selectable--m-disabled__title-text--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card__body_Color": {
       "name": "--pf-v6-c-card__body--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-card--m-selectable--m-disabled__body--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card__footer_Color": {
       "name": "--pf-v6-c-card__footer--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-card--m-selectable--m-disabled__footer--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_card_BackgroundColor": {
@@ -1255,13 +1430,13 @@ export const c_card: {
   ".pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled": {
     "c_button_disabled_Color": {
       "name": "--pf-v6-c-button--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-card--c-button--disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },