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

package/dist/js/c_table.js

@@ -1403,24 +1403,24 @@ exports.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)",
@@ -1429,11 +1429,11 @@ exports.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)",
@@ -1441,8 +1441,8 @@ exports.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",
@@ -1451,11 +1451,11 @@ exports.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)",
@@ -1463,8 +1463,8 @@ exports.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",
@@ -1473,11 +1473,11 @@ exports.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)",
@@ -1485,8 +1485,8 @@ exports.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",
@@ -1495,8 +1495,8 @@ exports.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",
@@ -1548,12 +1548,12 @@ exports.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": {
@@ -1600,24 +1600,24 @@ exports.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)",
@@ -1626,11 +1626,11 @@ exports.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)",
@@ -1638,8 +1638,8 @@ exports.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",
@@ -1648,11 +1648,11 @@ exports.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)",
@@ -1660,8 +1660,8 @@ exports.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",
@@ -1670,11 +1670,11 @@ exports.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)",
@@ -1682,8 +1682,8 @@ exports.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",
@@ -1692,8 +1692,8 @@ exports.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",
@@ -1702,8 +1702,8 @@ exports.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",
@@ -1755,12 +1755,12 @@ exports.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": {
@@ -2180,13 +2180,13 @@ exports.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)",
@@ -2194,11 +2194,11 @@ exports.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",
@@ -2206,13 +2206,13 @@ exports.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)",
@@ -2220,11 +2220,11 @@ exports.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",
@@ -2232,13 +2232,13 @@ exports.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)",
@@ -2246,11 +2246,11 @@ exports.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",
@@ -2261,13 +2261,13 @@ exports.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": {
@@ -2296,12 +2296,12 @@ exports.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",
@@ -2309,13 +2309,13 @@ exports.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)",
@@ -2323,11 +2323,11 @@ exports.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",
@@ -2335,13 +2335,13 @@ exports.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)",
@@ -2349,11 +2349,11 @@ exports.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",
@@ -2361,13 +2361,13 @@ exports.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)",
@@ -2375,11 +2375,11 @@ exports.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",
@@ -2390,13 +2390,13 @@ exports.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": {
@@ -2649,16 +2649,6 @@ exports.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": {

package/dist/js/c_table_tbody_m_clickable_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_table_tbody_m_clickable_BackgroundColor: {
+  "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-c-table--tbody--m-clickable--BackgroundColor)"
+};
+export default c_table_tbody_m_clickable_BackgroundColor;

package/dist/js/c_table_tbody_m_clickable_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_table_tbody_m_clickable_BackgroundColor = {
+  "name": "--pf-c-table--tbody--m-clickable--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-c-table--tbody--m-clickable--BackgroundColor)"
+};
+exports["default"] = exports.c_table_tbody_m_clickable_BackgroundColor;

package/dist/js/c_table_tbody_m_clickable_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-table--tbody--m-clickable--BoxShadow)"
+};
+export default c_table_tbody_m_clickable_BoxShadow;

package/dist/js/c_table_tbody_m_clickable_BoxShadow.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.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)",
+  "var": "var(--pf-c-table--tbody--m-clickable--BoxShadow)"
+};
+exports["default"] = exports.c_table_tbody_m_clickable_BoxShadow;

package/dist/js/c_table_tbody_m_clickable_BoxShadow_top.d.ts

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-table--tbody--m-clickable--BoxShadow--top)"
+};
+export default c_table_tbody_m_clickable_BoxShadow_top;

package/dist/js/c_table_tbody_m_clickable_BoxShadow_top.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.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)",
+  "var": "var(--pf-c-table--tbody--m-clickable--BoxShadow--top)"
+};
+exports["default"] = exports.c_table_tbody_m_clickable_BoxShadow_top;

package/dist/js/c_table_tbody_m_clickable_OutlineOffset.d.ts

@@ -0,0 +1,6 @@
+export const c_table_tbody_m_clickable_OutlineOffset: {
+  "name": "--pf-c-table--tbody--m-clickable--OutlineOffset",
+  "value": "calc(-1 * 0.25rem)",
+  "var": "var(--pf-c-table--tbody--m-clickable--OutlineOffset)"
+};
+export default c_table_tbody_m_clickable_OutlineOffset;

package/dist/js/c_table_tbody_m_clickable_OutlineOffset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_table_tbody_m_clickable_OutlineOffset = {
+  "name": "--pf-c-table--tbody--m-clickable--OutlineOffset",
+  "value": "calc(-1 * 0.25rem)",
+  "var": "var(--pf-c-table--tbody--m-clickable--OutlineOffset)"
+};
+exports["default"] = exports.c_table_tbody_m_clickable_OutlineOffset;

package/dist/js/c_table_tbody_m_clickable_active_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_table_tbody_m_clickable_active_BackgroundColor: {
+  "name": "--pf-c-table--tbody--m-clickable--active--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-c-table--tbody--m-clickable--active--BackgroundColor)"
+};
+export default c_table_tbody_m_clickable_active_BackgroundColor;