@patternfly/react-tokens 5.0.0-alpha.6 → 5.0.0-alpha.7

package/dist/esm/index.js

@@ -833,17 +833,17 @@ export { c_table_m_compact__expandable_row_content_PaddingLeft } from './c_table
 export { c_table_nested_first_last_child_PaddingRight } from './c_table_nested_first_last_child_PaddingRight';
 export { c_table_nested_first_last_child_PaddingLeft } from './c_table_nested_first_last_child_PaddingLeft';
 export { c_table__expandable_row_m_expanded_BorderBottomColor } from './c_table__expandable_row_m_expanded_BorderBottomColor';
-export { c_table_tr_m_hoverable_BoxShadow_top } from './c_table_tr_m_hoverable_BoxShadow_top';
-export { c_table_tr_m_hoverable_BackgroundColor } from './c_table_tr_m_hoverable_BackgroundColor';
-export { c_table_tr_m_hoverable_BoxShadow } from './c_table_tr_m_hoverable_BoxShadow';
-export { c_table_tr_m_hoverable_OutlineOffset } from './c_table_tr_m_hoverable_OutlineOffset';
-export { c_table_tr_m_hoverable_hover_BoxShadow } from './c_table_tr_m_hoverable_hover_BoxShadow';
-export { c_table_tr_m_hoverable_hover_BackgroundColor } from './c_table_tr_m_hoverable_hover_BackgroundColor';
-export { c_table_tr_m_hoverable_focus_BoxShadow } from './c_table_tr_m_hoverable_focus_BoxShadow';
-export { c_table_tr_m_hoverable_focus_BackgroundColor } from './c_table_tr_m_hoverable_focus_BackgroundColor';
-export { c_table_tr_m_hoverable_active_BoxShadow } from './c_table_tr_m_hoverable_active_BoxShadow';
-export { c_table_tr_m_hoverable_active_BackgroundColor } from './c_table_tr_m_hoverable_active_BackgroundColor';
-export { c_table_tr_m_hoverable_m_selected_BoxShadow } from './c_table_tr_m_hoverable_m_selected_BoxShadow';
+export { c_table_tr_m_clickable_BoxShadow_top } from './c_table_tr_m_clickable_BoxShadow_top';
+export { c_table_tr_m_clickable_BackgroundColor } from './c_table_tr_m_clickable_BackgroundColor';
+export { c_table_tr_m_clickable_BoxShadow } from './c_table_tr_m_clickable_BoxShadow';
+export { c_table_tr_m_clickable_OutlineOffset } from './c_table_tr_m_clickable_OutlineOffset';
+export { c_table_tr_m_clickable_hover_BoxShadow } from './c_table_tr_m_clickable_hover_BoxShadow';
+export { c_table_tr_m_clickable_hover_BackgroundColor } from './c_table_tr_m_clickable_hover_BackgroundColor';
+export { c_table_tr_m_clickable_focus_BoxShadow } from './c_table_tr_m_clickable_focus_BoxShadow';
+export { c_table_tr_m_clickable_focus_BackgroundColor } from './c_table_tr_m_clickable_focus_BackgroundColor';
+export { c_table_tr_m_clickable_active_BoxShadow } from './c_table_tr_m_clickable_active_BoxShadow';
+export { c_table_tr_m_clickable_active_BackgroundColor } from './c_table_tr_m_clickable_active_BackgroundColor';
+export { c_table_tr_m_clickable_m_selected_BoxShadow } from './c_table_tr_m_clickable_m_selected_BoxShadow';
 export { c_table_tr_m_selected_BoxShadow_top } from './c_table_tr_m_selected_BoxShadow_top';
 export { c_table_tr_m_selected_BackgroundColor } from './c_table_tr_m_selected_BackgroundColor';
 export { c_table_tr_m_selected_BoxShadow } from './c_table_tr_m_selected_BoxShadow';
@@ -853,18 +853,18 @@ export { c_table_tr_m_selected_after_BorderLeftColor } from './c_table_tr_m_sele
 export { c_table_tr_m_selected_m_selected_BoxShadow } from './c_table_tr_m_selected_m_selected_BoxShadow';
 export { c_table_tr_m_selected_hover_m_selected_BoxShadow } from './c_table_tr_m_selected_hover_m_selected_BoxShadow';
 export { c_table_tr_m_selected_tr_m_selected_hover_BoxShadow } from './c_table_tr_m_selected_tr_m_selected_hover_BoxShadow';
-export { c_table_tbody_m_hoverable_BoxShadow_top } from './c_table_tbody_m_hoverable_BoxShadow_top';
-export { c_table_tbody_m_hoverable_BoxShadow } from './c_table_tbody_m_hoverable_BoxShadow';
-export { c_table_tbody_m_hoverable_BackgroundColor } from './c_table_tbody_m_hoverable_BackgroundColor';
-export { c_table_tbody_m_hoverable_OutlineOffset } from './c_table_tbody_m_hoverable_OutlineOffset';
-export { c_table_tbody_m_hoverable_hover_BoxShadow } from './c_table_tbody_m_hoverable_hover_BoxShadow';
-export { c_table_tbody_m_hoverable_hover_BackgroundColor } from './c_table_tbody_m_hoverable_hover_BackgroundColor';
-export { c_table_tbody_m_hoverable_focus_BoxShadow } from './c_table_tbody_m_hoverable_focus_BoxShadow';
-export { c_table_tbody_m_hoverable_focus_BackgroundColor } from './c_table_tbody_m_hoverable_focus_BackgroundColor';
-export { c_table_tbody_m_hoverable_active_BoxShadow } from './c_table_tbody_m_hoverable_active_BoxShadow';
-export { c_table_tbody_m_hoverable_active_BackgroundColor } from './c_table_tbody_m_hoverable_active_BackgroundColor';
-export { c_table_tbody_m_hoverable_m_expanded_BorderColor } from './c_table_tbody_m_hoverable_m_expanded_BorderColor';
-export { c_table_tbody_m_hoverable_m_selected_hover_tr_BoxShadow } from './c_table_tbody_m_hoverable_m_selected_hover_tr_BoxShadow';
+export { c_table_tbody_m_clickable_BoxShadow_top } from './c_table_tbody_m_clickable_BoxShadow_top';
+export { c_table_tbody_m_clickable_BoxShadow } from './c_table_tbody_m_clickable_BoxShadow';
+export { c_table_tbody_m_clickable_BackgroundColor } from './c_table_tbody_m_clickable_BackgroundColor';
+export { c_table_tbody_m_clickable_OutlineOffset } from './c_table_tbody_m_clickable_OutlineOffset';
+export { c_table_tbody_m_clickable_hover_BoxShadow } from './c_table_tbody_m_clickable_hover_BoxShadow';
+export { c_table_tbody_m_clickable_hover_BackgroundColor } from './c_table_tbody_m_clickable_hover_BackgroundColor';
+export { c_table_tbody_m_clickable_focus_BoxShadow } from './c_table_tbody_m_clickable_focus_BoxShadow';
+export { c_table_tbody_m_clickable_focus_BackgroundColor } from './c_table_tbody_m_clickable_focus_BackgroundColor';
+export { c_table_tbody_m_clickable_active_BoxShadow } from './c_table_tbody_m_clickable_active_BoxShadow';
+export { c_table_tbody_m_clickable_active_BackgroundColor } from './c_table_tbody_m_clickable_active_BackgroundColor';
+export { c_table_tbody_m_clickable_m_expanded_BorderColor } from './c_table_tbody_m_clickable_m_expanded_BorderColor';
+export { c_table_tbody_m_clickable_m_selected_hover_tr_BoxShadow } from './c_table_tbody_m_clickable_m_selected_hover_tr_BoxShadow';
 export { c_table_tbody_m_selected_BackgroundColor } from './c_table_tbody_m_selected_BackgroundColor';
 export { c_table_tbody_m_selected_BoxShadow_top } from './c_table_tbody_m_selected_BoxShadow_top';
 export { c_table_tbody_m_selected_BoxShadow } from './c_table_tbody_m_selected_BoxShadow';
@@ -1055,18 +1055,7 @@ export { c_spinner_m_xl_diameter } from './c_spinner_m_xl_diameter';
 export { c_spinner_m_inline_diameter } from './c_spinner_m_inline_diameter';
 export { c_spinner_AnimationDuration } from './c_spinner_AnimationDuration';
 export { c_spinner_AnimationTimingFunction } from './c_spinner_AnimationTimingFunction';
-export { c_spinner_stroke_width_multiplier } from './c_spinner_stroke_width_multiplier';
 export { c_spinner_stroke_width } from './c_spinner_stroke_width';
-export { c_spinner__clipper_Width } from './c_spinner__clipper_Width';
-export { c_spinner__clipper_Height } from './c_spinner__clipper_Height';
-export { c_spinner__clipper_after_BoxShadowColor } from './c_spinner__clipper_after_BoxShadowColor';
-export { c_spinner__clipper_after_Width } from './c_spinner__clipper_after_Width';
-export { c_spinner__clipper_after_Height } from './c_spinner__clipper_after_Height';
-export { c_spinner__clipper_after_BoxShadowSpreadRadius } from './c_spinner__clipper_after_BoxShadowSpreadRadius';
-export { c_spinner__lead_ball_after_BackgroundColor } from './c_spinner__lead_ball_after_BackgroundColor';
-export { c_spinner__ball_after_Width } from './c_spinner__ball_after_Width';
-export { c_spinner__ball_after_Height } from './c_spinner__ball_after_Height';
-export { c_spinner__tail_ball_after_BackgroundColor } from './c_spinner__tail_ball_after_BackgroundColor';
 export { c_spinner__path_Stroke } from './c_spinner__path_Stroke';
 export { c_spinner__path_StrokeWidth } from './c_spinner__path_StrokeWidth';
 export { c_spinner__path_AnimationTimingFunction } from './c_spinner__path_AnimationTimingFunction';
@@ -3478,6 +3467,7 @@ export { c_form__label_text_FontWeight } from './c_form__label_text_FontWeight';
 export { c_form__label_required_MarginLeft } from './c_form__label_required_MarginLeft';
 export { c_form__label_required_FontSize } from './c_form__label_required_FontSize';
 export { c_form__label_required_Color } from './c_form__label_required_Color';
+export { c_form__group_label_help_BackgroundColor } from './c_form__group_label_help_BackgroundColor';
 export { c_form__group_label_help_PaddingTop } from './c_form__group_label_help_PaddingTop';
 export { c_form__group_label_help_PaddingRight } from './c_form__group_label_help_PaddingRight';
 export { c_form__group_label_help_PaddingBottom } from './c_form__group_label_help_PaddingBottom';
@@ -4055,21 +4045,21 @@ export { c_data_list_BorderTopColor } from './c_data_list_BorderTopColor';
 export { c_data_list_BorderTopWidth } from './c_data_list_BorderTopWidth';
 export { c_data_list_sm_BorderTopWidth } from './c_data_list_sm_BorderTopWidth';
 export { c_data_list_sm_BorderTopColor } from './c_data_list_sm_BorderTopColor';
+export { c_data_list_MarginLeft } from './c_data_list_MarginLeft';
 export { c_data_list__item_BackgroundColor } from './c_data_list__item_BackgroundColor';
 export { c_data_list__item_m_selected_ZIndex } from './c_data_list__item_m_selected_ZIndex';
 export { c_data_list__item_m_expanded_before_BackgroundColor } from './c_data_list__item_m_expanded_before_BackgroundColor';
 export { c_data_list__item_m_selected_before_BackgroundColor } from './c_data_list__item_m_selected_before_BackgroundColor';
 export { c_data_list__item_m_selected_BoxShadow } from './c_data_list__item_m_selected_BoxShadow';
-export { c_data_list__item_m_selectable_OutlineOffset } from './c_data_list__item_m_selectable_OutlineOffset';
-export { c_data_list__item_m_selectable_hover_ZIndex } from './c_data_list__item_m_selectable_hover_ZIndex';
-export { c_data_list__item_m_selectable_hover_BoxShadow } from './c_data_list__item_m_selectable_hover_BoxShadow';
-export { c_data_list__item_m_selectable_focus_BoxShadow } from './c_data_list__item_m_selectable_focus_BoxShadow';
-export { c_data_list__item_m_selectable_active_BoxShadow } from './c_data_list__item_m_selectable_active_BoxShadow';
-export { c_data_list__item_m_expanded_m_selectable_before_BackgroundColor } from './c_data_list__item_m_expanded_m_selectable_before_BackgroundColor';
+export { c_data_list__item_m_clickable_OutlineOffset } from './c_data_list__item_m_clickable_OutlineOffset';
+export { c_data_list__item_m_clickable_hover_ZIndex } from './c_data_list__item_m_clickable_hover_ZIndex';
+export { c_data_list__item_m_clickable_hover_BoxShadow } from './c_data_list__item_m_clickable_hover_BoxShadow';
+export { c_data_list__item_m_clickable_focus_BoxShadow } from './c_data_list__item_m_clickable_focus_BoxShadow';
+export { c_data_list__item_m_clickable_active_BoxShadow } from './c_data_list__item_m_clickable_active_BoxShadow';
 export { c_data_list__item_BorderBottomColor } from './c_data_list__item_BorderBottomColor';
 export { c_data_list__item_BorderBottomWidth } from './c_data_list__item_BorderBottomWidth';
-export { c_data_list__item_m_selectable_hover_item_BorderTopColor } from './c_data_list__item_m_selectable_hover_item_BorderTopColor';
-export { c_data_list__item_m_selectable_hover_item_BorderTopWidth } from './c_data_list__item_m_selectable_hover_item_BorderTopWidth';
+export { c_data_list__item_m_clickable_hover_item_BorderTopColor } from './c_data_list__item_m_clickable_hover_item_BorderTopColor';
+export { c_data_list__item_m_clickable_hover_item_BorderTopWidth } from './c_data_list__item_m_clickable_hover_item_BorderTopWidth';
 export { c_data_list__item_sm_BorderBottomWidth } from './c_data_list__item_sm_BorderBottomWidth';
 export { c_data_list__item_sm_BorderBottomColor } from './c_data_list__item_sm_BorderBottomColor';
 export { c_data_list__item_before_BackgroundColor } from './c_data_list__item_before_BackgroundColor';
@@ -4133,8 +4123,6 @@ export { c_data_list__item_action_not_last_child_MarginRight } from './c_data_li
 export { c_data_list__item_action__action_MarginTop } from './c_data_list__item_action__action_MarginTop';
 export { c_data_list__action_MarginTop } from './c_data_list__action_MarginTop';
 export { c_data_list__item_action__action_MarginBottom } from './c_data_list__item_action__action_MarginBottom';
-export { c_data_list__expandable_content_BorderTopWidth } from './c_data_list__expandable_content_BorderTopWidth';
-export { c_data_list__expandable_content_BorderTopColor } from './c_data_list__expandable_content_BorderTopColor';
 export { c_data_list__expandable_content_MarginRight } from './c_data_list__expandable_content_MarginRight';
 export { c_data_list__expandable_content_MarginLeft } from './c_data_list__expandable_content_MarginLeft';
 export { c_data_list__expandable_content_MaxHeight } from './c_data_list__expandable_content_MaxHeight';
@@ -4495,13 +4483,23 @@ export { c_card__header_toggle_MarginBottom } from './c_card__header_toggle_Marg
 export { c_card__header_toggle_MarginLeft } from './c_card__header_toggle_MarginLeft';
 export { c_card__header_toggle_icon_Transition } from './c_card__header_toggle_icon_Transition';
 export { c_card_m_expanded__header_toggle_icon_Rotate } from './c_card_m_expanded__header_toggle_icon_Rotate';
-export { c_card_m_hoverable_hover_BoxShadow } from './c_card_m_hoverable_hover_BoxShadow';
+export { c_card_m_selectable_BorderWidth } from './c_card_m_selectable_BorderWidth';
+export { c_card_m_selectable_m_selected_BackgroundColor } from './c_card_m_selectable_m_selected_BackgroundColor';
+export { c_card_m_selectable_m_selected_BorderColor } from './c_card_m_selectable_m_selected_BorderColor';
+export { c_card_m_selectable_hover_BackgroundColor } from './c_card_m_selectable_hover_BackgroundColor';
 export { c_card_m_selectable_hover_BoxShadow } from './c_card_m_selectable_hover_BoxShadow';
-export { c_card_m_selectable_focus_BoxShadow } from './c_card_m_selectable_focus_BoxShadow';
-export { c_card_m_selectable_active_BoxShadow } from './c_card_m_selectable_active_BoxShadow';
-export { c_card_m_selectable_m_selected_BoxShadow } from './c_card_m_selectable_m_selected_BoxShadow';
-export { c_card_m_selectable_m_selected_before_Height } from './c_card_m_selectable_m_selected_before_Height';
-export { c_card_m_selectable_m_selected_before_BackgroundColor } from './c_card_m_selectable_m_selected_before_BackgroundColor';
+export { c_card_m_selectable_focus_BackgroundColor } from './c_card_m_selectable_focus_BackgroundColor';
+export { c_card_m_selectable_focus_BorderColor } from './c_card_m_selectable_focus_BorderColor';
+export { c_card_m_selectable_m_selected_focus_BorderColor } from './c_card_m_selectable_m_selected_focus_BorderColor';
+export { c_card_m_selectable_m_disabled_BackgroundColor } from './c_card_m_selectable_m_disabled_BackgroundColor';
+export { c_card_m_selectable_m_disabled_BorderColor } from './c_card_m_selectable_m_disabled_BorderColor';
+export { c_card_m_selectable_m_disabled_BoxShadow } from './c_card_m_selectable_m_disabled_BoxShadow';
+export { c_card_m_selectable_m_clickable_hover_BackgroundColor } from './c_card_m_selectable_m_clickable_hover_BackgroundColor';
+export { c_card_m_selectable_m_clickable_hover_BoxShadow } from './c_card_m_selectable_m_clickable_hover_BoxShadow';
+export { c_card_m_selectable_m_clickable_m_selected_BorderColor } from './c_card_m_selectable_m_clickable_m_selected_BorderColor';
+export { c_card_m_selectable_m_clickable_m_selected_BackgroundColor } from './c_card_m_selectable_m_clickable_m_selected_BackgroundColor';
+export { c_card_m_selectable_m_clickable_m_current_BackgroundColor } from './c_card_m_selectable_m_clickable_m_current_BackgroundColor';
+export { c_card_m_selectable_m_clickable_m_current_BorderColor } from './c_card_m_selectable_m_clickable_m_current_BorderColor';
 export { c_card_m_hoverable_raised_hover_BoxShadow } from './c_card_m_hoverable_raised_hover_BoxShadow';
 export { c_card_m_hoverable_raised_hover_before_BackgroundColor } from './c_card_m_hoverable_raised_hover_before_BackgroundColor';
 export { c_card_m_selectable_raised_before_Right } from './c_card_m_selectable_raised_before_Right';
@@ -4561,6 +4559,7 @@ export { c_card__header_m_toggle_right_toggle_MarginRight } from './c_card__head
 export { c_card__header_m_toggle_right_toggle_MarginLeft } from './c_card__header_m_toggle_right_toggle_MarginLeft';
 export { c_card__input_focus_BorderWidth } from './c_card__input_focus_BorderWidth';
 export { c_card__input_focus_BorderColor } from './c_card__input_focus_BorderColor';
+export { c_card_BorderColor } from './c_card_BorderColor';
 export { c_calendar_month } from './c_calendar_month';
 export { c_calendar_month_BackgroundColor } from './c_calendar_month_BackgroundColor';
 export { c_calendar_month_PaddingTop } from './c_calendar_month_PaddingTop';

package/dist/js/c_card.d.ts

@@ -231,15 +231,42 @@ export const c_card: {
       "name": "--pf-c-card--m-expanded__header-toggle-icon--Rotate",
       "value": "90deg"
     },
-    "c_card_m_hoverable_hover_BoxShadow": {
-      "name": "--pf-c-card--m-hoverable--hover--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+    "c_card_m_selectable_BorderWidth": {
+      "name": "--pf-c-card--m-selectable--BorderWidth",
+      "value": "1px",
       "values": [
-        "--pf-global--BoxShadow--lg",
-        "$pf-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_card_m_selectable_m_selected_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--m-selected--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--BackgroundColor--200",
+        "$pf-global--BackgroundColor--200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_card_m_selectable_m_selected_BorderColor": {
+      "name": "--pf-c-card--m-selectable--m-selected--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_card_m_selectable_hover_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--hover--BackgroundColor",
+      "value": "#f5f5f5",
+      "values": [
+        "--pf-global--palette--black-150",
+        "$pf-color-black-150",
+        "#f5f5f5"
       ]
     },
     "c_card_m_selectable_hover_BoxShadow": {
@@ -253,50 +280,117 @@ export const c_card: {
         "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
       ]
     },
-    "c_card_m_selectable_focus_BoxShadow": {
-      "name": "--pf-c-card--m-selectable--focus--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+    "c_card_m_selectable_focus_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--focus--BackgroundColor",
+      "value": "#bee1f4",
       "values": [
-        "--pf-global--BoxShadow--lg",
-        "$pf-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+        "--pf-global--palette--blue-100",
+        "$pf-color-blue-100",
+        "#bee1f4"
       ]
     },
-    "c_card_m_selectable_active_BoxShadow": {
-      "name": "--pf-c-card--m-selectable--active--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+    "c_card_m_selectable_focus_BorderColor": {
+      "name": "--pf-c-card--m-selectable--focus--BorderColor",
+      "value": "#06c",
       "values": [
-        "--pf-global--BoxShadow--lg",
-        "$pf-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
       ]
     },
-    "c_card_m_selectable_m_selected_BoxShadow": {
-      "name": "--pf-c-card--m-selectable--m-selected--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+    "c_card_m_selectable_m_selected_focus_BorderColor": {
+      "name": "--pf-c-card--m-selectable--m-selected--focus--BorderColor",
+      "value": "#06c",
       "values": [
-        "--pf-global--BoxShadow--lg",
-        "$pf-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
       ]
     },
-    "c_card_m_selectable_m_selected_before_Height": {
-      "name": "--pf-c-card--m-selectable--m-selected--before--Height",
-      "value": "3px",
+    "c_card_m_selectable_m_disabled_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--m-disabled--BackgroundColor",
+      "value": "#fafafa",
       "values": [
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "--pf-global--palette--black-100",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_m_selectable_m_disabled_BorderColor": {
+      "name": "--pf-c-card--m-selectable--m-disabled--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_m_disabled_BoxShadow": {
+      "name": "--pf-c-card--m-selectable--m-disabled--BoxShadow",
+      "value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-global--BoxShadow--sm",
+        "$pf-global--BoxShadow--sm",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
+        "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_card_m_selectable_m_clickable_hover_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--m-clickable--hover--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_card_m_selectable_m_clickable_hover_BoxShadow": {
+      "name": "--pf-c-card--m-selectable--m-clickable--hover--BoxShadow",
+      "value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-global--BoxShadow--sm",
+        "$pf-global--BoxShadow--sm",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
+        "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_card_m_selectable_m_clickable_m_selected_BorderColor": {
+      "name": "--pf-c-card--m-selectable--m-clickable--m-selected--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_m_clickable_m_selected_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--m-clickable--m-selected--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
       ]
     },
-    "c_card_m_selectable_m_selected_before_BackgroundColor": {
-      "name": "--pf-c-card--m-selectable--m-selected--before--BackgroundColor",
+    "c_card_m_selectable_m_clickable_m_current_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
+      "value": "#f5f5f5",
+      "values": [
+        "--pf-global--palette--black-150",
+        "$pf-color-black-150",
+        "#f5f5f5"
+      ]
+    },
+    "c_card_m_selectable_m_clickable_m_current_BorderColor": {
+      "name": "--pf-c-card--m-selectable--m-clickable--m-current--BorderColor",
       "value": "#06c",
       "values": [
         "--pf-global--active-color--100",
@@ -803,6 +897,121 @@ export const c_card: {
       ]
     }
   },
+  ".pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible) ~ .pf-c-check__label": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "unset"
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "unset"
+    }
+  },
+  ".pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:checked) ~ .pf-c-check__label": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-selected--BackgroundColor",
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-selected--BorderColor",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    }
+  },
+  ".pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#f5f5f5",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
+        "--pf-global--palette--black-150",
+        "$pf-color-black-150",
+        "#f5f5f5"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-current--BorderColor",
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    }
+  },
+  ".pf-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#f5f5f5",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-current--BackgroundColor",
+        "--pf-global--palette--black-150",
+        "$pf-color-black-150",
+        "#f5f5f5"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-card--m-selectable--m-clickable--m-current--BorderColor",
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    }
+  },
+  ".pf-c-card.pf-m-selectable.pf-m-clickable .pf-c-card__selectable-actions .pf-c-check__input:where(:disabled) ~ .pf-c-check__label": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BackgroundColor",
+        "--pf-global--palette--black-100",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BorderColor",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BoxShadow",
+        "--pf-global--BoxShadow--sm",
+        "$pf-global--BoxShadow--sm",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
+        "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    }
+  },
   ".pf-c-card.pf-m-hoverable-raised:hover": {
     "c_card_BoxShadow": {
       "name": "--pf-c-card--BoxShadow",
@@ -1283,6 +1492,125 @@ export const c_card: {
       "value": "0"
     }
   },
+  ".pf-c-card__selectable-actions .pf-c-check__label:hover": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#f5f5f5",
+      "values": [
+        "--pf-c-card--m-selectable--hover--BackgroundColor",
+        "--pf-global--palette--black-150",
+        "$pf-color-black-150",
+        "#f5f5f5"
+      ]
+    },
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+      "values": [
+        "--pf-c-card--m-selectable--hover--BoxShadow",
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
+        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+      ]
+    }
+  },
+  ".pf-c-card__selectable-actions .pf-c-check__input:where(:checked) ~ .pf-c-check__label": {
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-card--m-selectable--m-selected--BorderColor",
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-card--m-selectable--m-selected--BackgroundColor",
+        "--pf-global--BackgroundColor--200",
+        "$pf-global--BackgroundColor--200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
+  ".pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible) ~ .pf-c-check__label": {
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-card--m-selectable--focus--BorderColor",
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#bee1f4",
+      "values": [
+        "--pf-c-card--m-selectable--focus--BackgroundColor",
+        "--pf-global--palette--blue-100",
+        "$pf-color-blue-100",
+        "#bee1f4"
+      ]
+    }
+  },
+  ".pf-c-card__selectable-actions .pf-c-check__input:where(:focus-visible):where(:checked) ~ .pf-c-check__label": {
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-card--m-selectable--m-selected--focus--BorderColor",
+        "--pf-global--active-color--100",
+        "$pf-global--active-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    }
+  },
+  ".pf-c-card__selectable-actions .pf-c-check__input:where(:disabled) ~ .pf-c-check__label": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BackgroundColor",
+        "--pf-global--palette--black-100",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-c-card--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BorderColor",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-c-card--m-selectable--m-disabled--BoxShadow",
+        "--pf-global--BoxShadow--sm",
+        "$pf-global--BoxShadow--sm",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(2px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(1px) pf-size-prem(2px) 0 rgba(#030303, .12), 0 0 pf-size-prem(2px) 0 rgba(#030303, .06)",
+        "0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    }
+  },
   ".pf-c-card__expandable-content": {
     "c_card_first_child_PaddingTop": {
       "name": "--pf-c-card--first-child--PaddingTop",