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

package/dist/js/c_table.d.ts

@@ -1401,24 +1401,24 @@ export const c_table: {
         "#d2d2d2"
       ]
     },
-    "c_table_tr_m_hoverable_BoxShadow_top": {
-      "name": "--pf-c-table--tr--m-hoverable--BoxShadow--top",
+    "c_table_tr_m_clickable_BoxShadow_top": {
+      "name": "--pf-c-table--tr--m-clickable--BoxShadow--top",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08)",
       "values": [
         "--pf-c-table--tr--BoxShadow--top--base",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08)"
       ]
     },
-    "c_table_tr_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--BackgroundColor",
+    "c_table_tr_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--BackgroundColor",
       "value": "transparent"
     },
-    "c_table_tr_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--BoxShadow",
+    "c_table_tr_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--BoxShadow",
       "value": "none"
     },
-    "c_table_tr_m_hoverable_OutlineOffset": {
-      "name": "--pf-c-table--tr--m-hoverable--OutlineOffset",
+    "c_table_tr_m_clickable_OutlineOffset": {
+      "name": "--pf-c-table--tr--m-clickable--OutlineOffset",
       "value": "calc(-1 * 0.25rem)",
       "values": [
         "calc(-1 * --pf-global--spacer--xs)",
@@ -1427,11 +1427,11 @@ export const c_table: {
         "calc(-1 * 0.25rem)"
       ]
     },
-    "c_table_tr_m_hoverable_hover_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--hover--BoxShadow",
+    "c_table_tr_m_clickable_hover_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--hover--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1439,8 +1439,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_hover_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--hover--BackgroundColor",
+    "c_table_tr_m_clickable_hover_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--hover--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1449,11 +1449,11 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tr_m_hoverable_focus_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--focus--BoxShadow",
+    "c_table_tr_m_clickable_focus_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--focus--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1461,8 +1461,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_focus_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--focus--BackgroundColor",
+    "c_table_tr_m_clickable_focus_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--focus--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1471,11 +1471,11 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tr_m_hoverable_active_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--active--BoxShadow",
+    "c_table_tr_m_clickable_active_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--active--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1483,8 +1483,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_active_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--active--BackgroundColor",
+    "c_table_tr_m_clickable_active_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--active--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1493,8 +1493,8 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tr_m_hoverable_m_selected_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--m-selected--BoxShadow",
+    "c_table_tr_m_clickable_m_selected_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--m-selected--BoxShadow",
       "value": "0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16) inset, 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-bottom inset, --pf-global--BoxShadow--sm-bottom",
@@ -1546,12 +1546,12 @@ export const c_table: {
     },
     "c_table_tr_m_selected_after_BorderLeftWidth": {
       "name": "--pf-c-table--tr--m-selected--after--BorderLeftWidth",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
-        "--pf-c-table__expandable-row--after--border-width--base",
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-c-table__expandable-row--after--border-width--base)",
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_table_tr_m_selected_after_BorderLeftColor": {
@@ -1598,24 +1598,24 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_BoxShadow_top": {
-      "name": "--pf-c-table--tbody--m-hoverable--BoxShadow--top",
+    "c_table_tbody_m_clickable_BoxShadow_top": {
+      "name": "--pf-c-table--tbody--m-clickable--BoxShadow--top",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08)",
       "values": [
         "--pf-c-table--tr--BoxShadow--top--base",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08)"
       ]
     },
-    "c_table_tbody_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--BoxShadow",
+    "c_table_tbody_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--BoxShadow",
       "value": "none"
     },
-    "c_table_tbody_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--BackgroundColor",
+    "c_table_tbody_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
       "value": "transparent"
     },
-    "c_table_tbody_m_hoverable_OutlineOffset": {
-      "name": "--pf-c-table--tbody--m-hoverable--OutlineOffset",
+    "c_table_tbody_m_clickable_OutlineOffset": {
+      "name": "--pf-c-table--tbody--m-clickable--OutlineOffset",
       "value": "calc(-1 * 0.25rem)",
       "values": [
         "calc(-1 * --pf-global--spacer--xs)",
@@ -1624,11 +1624,11 @@ export const c_table: {
         "calc(-1 * 0.25rem)"
       ]
     },
-    "c_table_tbody_m_hoverable_hover_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--hover--BoxShadow",
+    "c_table_tbody_m_clickable_hover_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--hover--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1636,8 +1636,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_hover_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--hover--BackgroundColor",
+    "c_table_tbody_m_clickable_hover_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--hover--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1646,11 +1646,11 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tbody_m_hoverable_focus_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--focus--BoxShadow",
+    "c_table_tbody_m_clickable_focus_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--focus--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1658,8 +1658,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_focus_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--focus--BackgroundColor",
+    "c_table_tbody_m_clickable_focus_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--focus--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1668,11 +1668,11 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tbody_m_hoverable_active_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--active--BoxShadow",
+    "c_table_tbody_m_clickable_active_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--active--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -1680,8 +1680,8 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_active_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--active--BackgroundColor",
+    "c_table_tbody_m_clickable_active_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--active--BackgroundColor",
       "value": "#fff",
       "values": [
         "--pf-global--BackgroundColor--100",
@@ -1690,8 +1690,8 @@ export const c_table: {
         "#fff"
       ]
     },
-    "c_table_tbody_m_hoverable_m_expanded_BorderColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor",
+    "c_table_tbody_m_clickable_m_expanded_BorderColor": {
+      "name": "--pf-c-table--tbody--m-clickable--m-expanded--BorderColor",
       "value": "#73bcf7",
       "values": [
         "--pf-global--active-color--400",
@@ -1700,8 +1700,8 @@ export const c_table: {
         "#73bcf7"
       ]
     },
-    "c_table_tbody_m_hoverable_m_selected_hover_tr_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow",
+    "c_table_tbody_m_clickable_m_selected_hover_tr_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--m-selected--hover--tr--BoxShadow",
       "value": "0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16) inset, 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-bottom inset, --pf-global--BoxShadow--sm-bottom",
@@ -1753,12 +1753,12 @@ export const c_table: {
     },
     "c_table_tbody_m_selected_after_BorderLeftWidth": {
       "name": "--pf-c-table--tbody--m-selected--after--BorderLeftWidth",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
-        "--pf-c-table__expandable-row--after--border-width--base",
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-c-table__expandable-row--after--border-width--base)",
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_table_tbody_m_selected_after_BorderLeftColor": {
@@ -2178,13 +2178,13 @@ export const c_table: {
       "value": "normal"
     }
   },
-  ".pf-c-table tr.pf-m-hoverable:hover": {
-    "c_table_tr_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--BoxShadow",
+  ".pf-c-table tr.pf-m-clickable:hover": {
+    "c_table_tr_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--hover--BoxShadow",
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--hover--BoxShadow",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2192,11 +2192,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--BackgroundColor",
+    "c_table_tr_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tr--m-hoverable--hover--BackgroundColor",
+        "--pf-c-table--tr--m-clickable--hover--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2204,13 +2204,13 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tr.pf-m-hoverable:focus": {
-    "c_table_tr_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--BoxShadow",
+  ".pf-c-table tr.pf-m-clickable:focus": {
+    "c_table_tr_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--focus--BoxShadow",
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--focus--BoxShadow",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2218,11 +2218,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--BackgroundColor",
+    "c_table_tr_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tr--m-hoverable--focus--BackgroundColor",
+        "--pf-c-table--tr--m-clickable--focus--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2230,13 +2230,13 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tr.pf-m-hoverable:active": {
-    "c_table_tr_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tr--m-hoverable--BoxShadow",
+  ".pf-c-table tr.pf-m-clickable:active": {
+    "c_table_tr_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tr--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tr--m-hoverable--active--BoxShadow",
-        "--pf-c-table--tr--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tr--m-clickable--active--BoxShadow",
+        "--pf-c-table--tr--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2244,11 +2244,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tr_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tr--m-hoverable--BackgroundColor",
+    "c_table_tr_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tr--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tr--m-hoverable--active--BackgroundColor",
+        "--pf-c-table--tr--m-clickable--active--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2259,13 +2259,13 @@ export const c_table: {
   ".pf-c-table tr.pf-m-selected": {
     "c_table__expandable_row_after_BorderLeftWidth": {
       "name": "--pf-c-table__expandable-row--after--BorderLeftWidth",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
         "--pf-c-table--tr--m-selected--after--BorderLeftWidth",
-        "--pf-c-table__expandable-row--after--border-width--base",
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-c-table__expandable-row--after--border-width--base)",
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_table__expandable_row_after_BorderColor": {
@@ -2294,12 +2294,12 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected)": {
+  ".pf-c-table tbody.pf-m-clickable.pf-m-expanded:not(.pf-m-selected)": {
     "c_table__expandable_row_after_BorderColor": {
       "name": "--pf-c-table__expandable-row--after--BorderColor",
       "value": "#73bcf7",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor",
+        "--pf-c-table--tbody--m-clickable--m-expanded--BorderColor",
         "--pf-global--active-color--400",
         "$pf-global--active-color--400",
         "$pf-color-blue-200",
@@ -2307,13 +2307,13 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tbody.pf-m-hoverable:hover": {
-    "c_table_tbody_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--BoxShadow",
+  ".pf-c-table tbody.pf-m-clickable:hover": {
+    "c_table_tbody_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--hover--BoxShadow",
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--hover--BoxShadow",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2321,11 +2321,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--BackgroundColor",
+    "c_table_tbody_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--hover--BackgroundColor",
+        "--pf-c-table--tbody--m-clickable--hover--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2333,13 +2333,13 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tbody.pf-m-hoverable:focus": {
-    "c_table_tbody_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--BoxShadow",
+  ".pf-c-table tbody.pf-m-clickable:focus": {
+    "c_table_tbody_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--focus--BoxShadow",
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--focus--BoxShadow",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2347,11 +2347,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--BackgroundColor",
+    "c_table_tbody_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--focus--BackgroundColor",
+        "--pf-c-table--tbody--m-clickable--focus--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2359,13 +2359,13 @@ export const c_table: {
       ]
     }
   },
-  ".pf-c-table tbody.pf-m-hoverable:active": {
-    "c_table_tbody_m_hoverable_BoxShadow": {
-      "name": "--pf-c-table--tbody--m-hoverable--BoxShadow",
+  ".pf-c-table tbody.pf-m-clickable:active": {
+    "c_table_tbody_m_clickable_BoxShadow": {
+      "name": "--pf-c-table--tbody--m-clickable--BoxShadow",
       "value": "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--active--BoxShadow",
-        "--pf-c-table--tbody--m-hoverable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
+        "--pf-c-table--tbody--m-clickable--active--BoxShadow",
+        "--pf-c-table--tbody--m-clickable--BoxShadow--top, --pf-global--BoxShadow--sm-bottom",
         "--pf-c-table--tr--BoxShadow--top--base, $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), $pf-global--BoxShadow--sm-bottom",
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 pf-size-prem(2px) pf-size-prem(4px) pf-size-prem(-1px) rgba($pf-color-black-1000, .16)",
@@ -2373,11 +2373,11 @@ export const c_table: {
         "0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_table_tbody_m_hoverable_BackgroundColor": {
-      "name": "--pf-c-table--tbody--m-hoverable--BackgroundColor",
+    "c_table_tbody_m_clickable_BackgroundColor": {
+      "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-c-table--tbody--m-hoverable--active--BackgroundColor",
+        "--pf-c-table--tbody--m-clickable--active--BackgroundColor",
         "--pf-global--BackgroundColor--100",
         "$pf-global--BackgroundColor--100",
         "$pf-color-white",
@@ -2388,13 +2388,13 @@ export const c_table: {
   ".pf-c-table tbody.pf-m-selected": {
     "c_table__expandable_row_after_BorderLeftWidth": {
       "name": "--pf-c-table__expandable-row--after--BorderLeftWidth",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
         "--pf-c-table--tbody--m-selected--after--BorderLeftWidth",
-        "--pf-c-table__expandable-row--after--border-width--base",
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-c-table__expandable-row--after--border-width--base)",
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_table__expandable_row_after_BorderColor": {
@@ -2647,16 +2647,6 @@ export const c_table: {
     "c_table__compound_expansion_toggle__button_before_BorderLeftWidth": {
       "name": "--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth",
       "value": "0"
-    },
-    "c_table__expandable_row_after_BorderLeftWidth": {
-      "name": "--pf-c-table__expandable-row--after--BorderLeftWidth",
-      "value": "3px",
-      "values": [
-        "--pf-c-table__expandable-row--after--border-width--base",
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
-      ]
     }
   },
   ".pf-c-table__column-help-action .pf-c-button": {