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

package/dist/esm/c_card_m_selectable_m_clickable_m_selected_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_clickable_m_selected_BorderColor = {
+  "name": "--pf-c-card--m-selectable--m-clickable--m-selected--BorderColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-selectable--m-clickable--m-selected--BorderColor)"
+};
+export default c_card_m_selectable_m_clickable_m_selected_BorderColor;

package/dist/esm/c_card_m_selectable_m_disabled_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_disabled_BackgroundColor: {
+  "name": "--pf-c-card--m-selectable--m-disabled--BackgroundColor",
+  "value": "#fafafa",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BackgroundColor)"
+};
+export default c_card_m_selectable_m_disabled_BackgroundColor;

package/dist/esm/c_card_m_selectable_m_disabled_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_disabled_BackgroundColor = {
+  "name": "--pf-c-card--m-selectable--m-disabled--BackgroundColor",
+  "value": "#fafafa",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BackgroundColor)"
+};
+export default c_card_m_selectable_m_disabled_BackgroundColor;

package/dist/esm/c_card_m_selectable_m_disabled_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_disabled_BorderColor: {
+  "name": "--pf-c-card--m-selectable--m-disabled--BorderColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BorderColor)"
+};
+export default c_card_m_selectable_m_disabled_BorderColor;

package/dist/esm/c_card_m_selectable_m_disabled_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_disabled_BorderColor = {
+  "name": "--pf-c-card--m-selectable--m-disabled--BorderColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BorderColor)"
+};
+export default c_card_m_selectable_m_disabled_BorderColor;

package/dist/esm/c_card_m_selectable_m_disabled_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BoxShadow)"
+};
+export default c_card_m_selectable_m_disabled_BoxShadow;

package/dist/esm/c_card_m_selectable_m_disabled_BoxShadow.js

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-c-card--m-selectable--m-disabled--BoxShadow)"
+};
+export default c_card_m_selectable_m_disabled_BoxShadow;

package/dist/esm/c_card_m_selectable_m_selected_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_BackgroundColor: {
+  "name": "--pf-c-card--m-selectable--m-selected--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-card--m-selectable--m-selected--BackgroundColor)"
+};
+export default c_card_m_selectable_m_selected_BackgroundColor;

package/dist/esm/c_card_m_selectable_m_selected_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_BackgroundColor = {
+  "name": "--pf-c-card--m-selectable--m-selected--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-card--m-selectable--m-selected--BackgroundColor)"
+};
+export default c_card_m_selectable_m_selected_BackgroundColor;

package/dist/esm/c_card_m_selectable_m_selected_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_BorderColor: {
+  "name": "--pf-c-card--m-selectable--m-selected--BorderColor",
+  "value": "#06c",
+  "var": "var(--pf-c-card--m-selectable--m-selected--BorderColor)"
+};
+export default c_card_m_selectable_m_selected_BorderColor;

package/dist/esm/c_card_m_selectable_m_selected_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_BorderColor = {
+  "name": "--pf-c-card--m-selectable--m-selected--BorderColor",
+  "value": "#06c",
+  "var": "var(--pf-c-card--m-selectable--m-selected--BorderColor)"
+};
+export default c_card_m_selectable_m_selected_BorderColor;

package/dist/esm/c_card_m_selectable_m_selected_focus_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_focus_BorderColor: {
+  "name": "--pf-c-card--m-selectable--m-selected--focus--BorderColor",
+  "value": "#06c",
+  "var": "var(--pf-c-card--m-selectable--m-selected--focus--BorderColor)"
+};
+export default c_card_m_selectable_m_selected_focus_BorderColor;

package/dist/esm/c_card_m_selectable_m_selected_focus_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_selectable_m_selected_focus_BorderColor = {
+  "name": "--pf-c-card--m-selectable--m-selected--focus--BorderColor",
+  "value": "#06c",
+  "var": "var(--pf-c-card--m-selectable--m-selected--focus--BorderColor)"
+};
+export default c_card_m_selectable_m_selected_focus_BorderColor;

package/dist/esm/c_data_list.d.ts

@@ -124,6 +124,16 @@ export const c_data_list: {
         "#d2d2d2"
       ]
     },
+    "c_data_list_MarginLeft": {
+      "name": "--pf-c-data-list--MarginLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-c-data-list__item--BackgroundColor",
       "value": "#fff",
@@ -174,8 +184,8 @@ export const c_data_list: {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_OutlineOffset": {
-      "name": "--pf-c-data-list__item--m-selectable--OutlineOffset",
+    "c_data_list__item_m_clickable_OutlineOffset": {
+      "name": "--pf-c-data-list__item--m-clickable--OutlineOffset",
       "value": "calc(-1 * 0.25rem)",
       "values": [
         "calc(-1 * --pf-global--spacer--xs)",
@@ -184,8 +194,8 @@ export const c_data_list: {
         "calc(-1 * 0.25rem)"
       ]
     },
-    "c_data_list__item_m_selectable_hover_ZIndex": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--ZIndex",
+    "c_data_list__item_m_clickable_hover_ZIndex": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--ZIndex",
       "value": "calc(100 + 1)",
       "values": [
         "calc(--pf-c-data-list__item--m-selected--ZIndex + 1)",
@@ -194,8 +204,8 @@ export const c_data_list: {
         "calc(100 + 1)"
       ]
     },
-    "c_data_list__item_m_selectable_hover_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--BoxShadow",
+    "c_data_list__item_m_clickable_hover_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -205,8 +215,8 @@ export const c_data_list: {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_focus_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--focus--BoxShadow",
+    "c_data_list__item_m_clickable_focus_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--focus--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -216,8 +226,8 @@ export const c_data_list: {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_active_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--active--BoxShadow",
+    "c_data_list__item_m_clickable_active_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--active--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -227,16 +237,6 @@ export const c_data_list: {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_expanded_m_selectable_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-global--active-color--300",
-        "$pf-global--active-color--300",
-        "$pf-color-blue-300",
-        "#2b9af3"
-      ]
-    },
     "c_data_list__item_BorderBottomColor": {
       "name": "--pf-c-data-list__item--BorderBottomColor",
       "value": "#f0f0f0",
@@ -251,8 +251,8 @@ export const c_data_list: {
       "name": "--pf-c-data-list__item--BorderBottomWidth",
       "value": "0.5rem"
     },
-    "c_data_list__item_m_selectable_hover_item_BorderTopColor": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor",
+    "c_data_list__item_m_clickable_hover_item_BorderTopColor": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--item--BorderTopColor",
       "value": "#f0f0f0",
       "values": [
         "--pf-c-data-list__item--BorderBottomColor",
@@ -262,8 +262,8 @@ export const c_data_list: {
         "#f0f0f0"
       ]
     },
-    "c_data_list__item_m_selectable_hover_item_BorderTopWidth": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth",
+    "c_data_list__item_m_clickable_hover_item_BorderTopWidth": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--item--BorderTopWidth",
       "value": "0.5rem",
       "values": [
         "--pf-c-data-list__item--BorderBottomWidth",
@@ -295,11 +295,11 @@ export const c_data_list: {
     },
     "c_data_list__item_before_Width": {
       "name": "--pf-c-data-list__item--before--Width",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_data_list__item_before_Transition": {
@@ -794,25 +794,6 @@ export const c_data_list: {
         "calc(0.375rem * -1)"
       ]
     },
-    "c_data_list__expandable_content_BorderTopWidth": {
-      "name": "--pf-c-data-list__expandable-content--BorderTopWidth",
-      "value": "1px",
-      "values": [
-        "--pf-global--BorderWidth--sm",
-        "$pf-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
-    "c_data_list__expandable_content_BorderTopColor": {
-      "name": "--pf-c-data-list__expandable-content--BorderTopColor",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-global--BorderColor--100",
-        "$pf-global--BorderColor--100",
-        "$pf-color-black-300",
-        "#d2d2d2"
-      ]
-    },
     "c_data_list__expandable_content_MarginRight": {
       "name": "--pf-c-data-list__expandable-content--MarginRight",
       "value": "calc(1rem * -1)",
@@ -1462,7 +1443,7 @@ export const c_data_list: {
       "value": "nowrap"
     }
   },
-  ".pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child)": {
+  ".pf-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child)": {
     "c_data_list__item_BorderBottomWidth": {
       "name": "--pf-c-data-list__item--BorderBottomWidth",
       "value": "0"
@@ -1489,30 +1470,6 @@ export const c_data_list: {
         "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
         "90deg"
       ]
-    },
-    "c_data_list__item_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--before--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-data-list__item--m-expanded--before--BackgroundColor",
-        "--pf-global--active-color--100",
-        "$pf-global--active-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    }
-  },
-  ".pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected)": {
-    "c_data_list__item_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--before--BackgroundColor",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor",
-        "--pf-global--active-color--300",
-        "$pf-global--active-color--300",
-        "$pf-color-blue-300",
-        "#2b9af3"
-      ]
     }
   },
   ".pf-c-data-list__item-draggable-button:hover": {
@@ -1553,6 +1510,18 @@ export const c_data_list: {
         "#d2d2d2"
       ]
     }
+  },
+  ".pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item-row": {
+    "c_data_list__item_row_PaddingLeft": {
+      "name": "--pf-c-data-list__item-row--PaddingLeft",
+      "value": "0"
+    }
+  },
+  ".pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__expandable-content-body": {
+    "c_data_list__expandable_content_body_PaddingLeft": {
+      "name": "--pf-c-data-list__expandable-content-body--PaddingLeft",
+      "value": "0"
+    }
   }
 };
 export default c_data_list;

package/dist/esm/c_data_list.js

@@ -124,6 +124,16 @@ export const c_data_list = {
         "#d2d2d2"
       ]
     },
+    "c_data_list_MarginLeft": {
+      "name": "--pf-c-data-list--MarginLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
     "c_data_list__item_BackgroundColor": {
       "name": "--pf-c-data-list__item--BackgroundColor",
       "value": "#fff",
@@ -174,8 +184,8 @@ export const c_data_list = {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_OutlineOffset": {
-      "name": "--pf-c-data-list__item--m-selectable--OutlineOffset",
+    "c_data_list__item_m_clickable_OutlineOffset": {
+      "name": "--pf-c-data-list__item--m-clickable--OutlineOffset",
       "value": "calc(-1 * 0.25rem)",
       "values": [
         "calc(-1 * --pf-global--spacer--xs)",
@@ -184,8 +194,8 @@ export const c_data_list = {
         "calc(-1 * 0.25rem)"
       ]
     },
-    "c_data_list__item_m_selectable_hover_ZIndex": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--ZIndex",
+    "c_data_list__item_m_clickable_hover_ZIndex": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--ZIndex",
       "value": "calc(100 + 1)",
       "values": [
         "calc(--pf-c-data-list__item--m-selected--ZIndex + 1)",
@@ -194,8 +204,8 @@ export const c_data_list = {
         "calc(100 + 1)"
       ]
     },
-    "c_data_list__item_m_selectable_hover_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--BoxShadow",
+    "c_data_list__item_m_clickable_hover_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -205,8 +215,8 @@ export const c_data_list = {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_focus_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--focus--BoxShadow",
+    "c_data_list__item_m_clickable_focus_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--focus--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -216,8 +226,8 @@ export const c_data_list = {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_selectable_active_BoxShadow": {
-      "name": "--pf-c-data-list__item--m-selectable--active--BoxShadow",
+    "c_data_list__item_m_clickable_active_BoxShadow": {
+      "name": "--pf-c-data-list__item--m-clickable--active--BoxShadow",
       "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
       "values": [
         "--pf-global--BoxShadow--sm-top, --pf-global--BoxShadow--sm-bottom",
@@ -227,16 +237,6 @@ export const c_data_list = {
         "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)"
       ]
     },
-    "c_data_list__item_m_expanded_m_selectable_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-global--active-color--300",
-        "$pf-global--active-color--300",
-        "$pf-color-blue-300",
-        "#2b9af3"
-      ]
-    },
     "c_data_list__item_BorderBottomColor": {
       "name": "--pf-c-data-list__item--BorderBottomColor",
       "value": "#f0f0f0",
@@ -251,8 +251,8 @@ export const c_data_list = {
       "name": "--pf-c-data-list__item--BorderBottomWidth",
       "value": "0.5rem"
     },
-    "c_data_list__item_m_selectable_hover_item_BorderTopColor": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor",
+    "c_data_list__item_m_clickable_hover_item_BorderTopColor": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--item--BorderTopColor",
       "value": "#f0f0f0",
       "values": [
         "--pf-c-data-list__item--BorderBottomColor",
@@ -262,8 +262,8 @@ export const c_data_list = {
         "#f0f0f0"
       ]
     },
-    "c_data_list__item_m_selectable_hover_item_BorderTopWidth": {
-      "name": "--pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth",
+    "c_data_list__item_m_clickable_hover_item_BorderTopWidth": {
+      "name": "--pf-c-data-list__item--m-clickable--hover--item--BorderTopWidth",
       "value": "0.5rem",
       "values": [
         "--pf-c-data-list__item--BorderBottomWidth",
@@ -295,11 +295,11 @@ export const c_data_list = {
     },
     "c_data_list__item_before_Width": {
       "name": "--pf-c-data-list__item--before--Width",
-      "value": "3px",
+      "value": "calc(2 * 3px)",
       "values": [
-        "--pf-global--BorderWidth--lg",
-        "$pf-global--BorderWidth--lg",
-        "3px"
+        "calc(2 * --pf-global--BorderWidth--lg)",
+        "calc(2 * $pf-global--BorderWidth--lg)",
+        "calc(2 * 3px)"
       ]
     },
     "c_data_list__item_before_Transition": {
@@ -794,25 +794,6 @@ export const c_data_list = {
         "calc(0.375rem * -1)"
       ]
     },
-    "c_data_list__expandable_content_BorderTopWidth": {
-      "name": "--pf-c-data-list__expandable-content--BorderTopWidth",
-      "value": "1px",
-      "values": [
-        "--pf-global--BorderWidth--sm",
-        "$pf-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
-    "c_data_list__expandable_content_BorderTopColor": {
-      "name": "--pf-c-data-list__expandable-content--BorderTopColor",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-global--BorderColor--100",
-        "$pf-global--BorderColor--100",
-        "$pf-color-black-300",
-        "#d2d2d2"
-      ]
-    },
     "c_data_list__expandable_content_MarginRight": {
       "name": "--pf-c-data-list__expandable-content--MarginRight",
       "value": "calc(1rem * -1)",
@@ -1462,7 +1443,7 @@ export const c_data_list = {
       "value": "nowrap"
     }
   },
-  ".pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child)": {
+  ".pf-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child)": {
     "c_data_list__item_BorderBottomWidth": {
       "name": "--pf-c-data-list__item--BorderBottomWidth",
       "value": "0"
@@ -1489,30 +1470,6 @@ export const c_data_list = {
         "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
         "90deg"
       ]
-    },
-    "c_data_list__item_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--before--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-data-list__item--m-expanded--before--BackgroundColor",
-        "--pf-global--active-color--100",
-        "$pf-global--active-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    }
-  },
-  ".pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected)": {
-    "c_data_list__item_before_BackgroundColor": {
-      "name": "--pf-c-data-list__item--before--BackgroundColor",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor",
-        "--pf-global--active-color--300",
-        "$pf-global--active-color--300",
-        "$pf-color-blue-300",
-        "#2b9af3"
-      ]
     }
   },
   ".pf-c-data-list__item-draggable-button:hover": {
@@ -1553,6 +1510,18 @@ export const c_data_list = {
         "#d2d2d2"
       ]
     }
+  },
+  ".pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__item-row": {
+    "c_data_list__item_row_PaddingLeft": {
+      "name": "--pf-c-data-list__item-row--PaddingLeft",
+      "value": "0"
+    }
+  },
+  ".pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body .pf-c-data-list__expandable-content-body": {
+    "c_data_list__expandable_content_body_PaddingLeft": {
+      "name": "--pf-c-data-list__expandable-content-body--PaddingLeft",
+      "value": "0"
+    }
   }
 };
 export default c_data_list;

package/dist/esm/c_data_list_MarginLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list_MarginLeft: {
+  "name": "--pf-c-data-list--MarginLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-data-list--MarginLeft)"
+};
+export default c_data_list_MarginLeft;

package/dist/esm/c_data_list_MarginLeft.js

@@ -0,0 +1,6 @@
+export const c_data_list_MarginLeft = {
+  "name": "--pf-c-data-list--MarginLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-data-list--MarginLeft)"
+};
+export default c_data_list_MarginLeft;

package/dist/esm/c_data_list__expandable_content_body_PaddingLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_data_list__expandable_content_body_PaddingLeft: {
   "name": "--pf-c-data-list__expandable-content-body--PaddingLeft",
-  "value": "1rem",
+  "value": "0",
   "var": "var(--pf-c-data-list__expandable-content-body--PaddingLeft)"
 };
 export default c_data_list__expandable_content_body_PaddingLeft;

package/dist/esm/c_data_list__expandable_content_body_PaddingLeft.js

@@ -1,6 +1,6 @@
 export const c_data_list__expandable_content_body_PaddingLeft = {
   "name": "--pf-c-data-list__expandable-content-body--PaddingLeft",
-  "value": "1rem",
+  "value": "0",
   "var": "var(--pf-c-data-list__expandable-content-body--PaddingLeft)"
 };
 export default c_data_list__expandable_content_body_PaddingLeft;

package/dist/esm/c_data_list__item_before_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_data_list__item_before_BackgroundColor: {
   "name": "--pf-c-data-list__item--before--BackgroundColor",
-  "value": "#2b9af3",
+  "value": "#06c",
   "var": "var(--pf-c-data-list__item--before--BackgroundColor)"
 };
 export default c_data_list__item_before_BackgroundColor;

package/dist/esm/c_data_list__item_before_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_data_list__item_before_BackgroundColor = {
   "name": "--pf-c-data-list__item--before--BackgroundColor",
-  "value": "#2b9af3",
+  "value": "#06c",
   "var": "var(--pf-c-data-list__item--before--BackgroundColor)"
 };
 export default c_data_list__item_before_BackgroundColor;

package/dist/esm/c_data_list__item_before_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_data_list__item_before_Width: {
   "name": "--pf-c-data-list__item--before--Width",
-  "value": "3px",
+  "value": "calc(2 * 3px)",
   "var": "var(--pf-c-data-list__item--before--Width)"
 };
 export default c_data_list__item_before_Width;

package/dist/esm/c_data_list__item_before_Width.js

@@ -1,6 +1,6 @@
 export const c_data_list__item_before_Width = {
   "name": "--pf-c-data-list__item--before--Width",
-  "value": "3px",
+  "value": "calc(2 * 3px)",
   "var": "var(--pf-c-data-list__item--before--Width)"
 };
 export default c_data_list__item_before_Width;

package/dist/esm/c_data_list__item_m_clickable_OutlineOffset.d.ts

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

package/dist/esm/c_data_list__item_m_clickable_OutlineOffset.js

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

package/dist/esm/c_data_list__item_m_clickable_active_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list__item_m_clickable_active_BoxShadow: {
+  "name": "--pf-c-data-list__item--m-clickable--active--BoxShadow",
+  "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
+  "var": "var(--pf-c-data-list__item--m-clickable--active--BoxShadow)"
+};
+export default c_data_list__item_m_clickable_active_BoxShadow;

package/dist/esm/c_data_list__item_m_clickable_active_BoxShadow.js

@@ -0,0 +1,6 @@
+export const c_data_list__item_m_clickable_active_BoxShadow = {
+  "name": "--pf-c-data-list__item--m-clickable--active--BoxShadow",
+  "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
+  "var": "var(--pf-c-data-list__item--m-clickable--active--BoxShadow)"
+};
+export default c_data_list__item_m_clickable_active_BoxShadow;

package/dist/esm/c_data_list__item_m_clickable_focus_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list__item_m_clickable_focus_BoxShadow: {
+  "name": "--pf-c-data-list__item--m-clickable--focus--BoxShadow",
+  "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
+  "var": "var(--pf-c-data-list__item--m-clickable--focus--BoxShadow)"
+};
+export default c_data_list__item_m_clickable_focus_BoxShadow;

package/dist/esm/c_data_list__item_m_clickable_focus_BoxShadow.js

@@ -0,0 +1,6 @@
+export const c_data_list__item_m_clickable_focus_BoxShadow = {
+  "name": "--pf-c-data-list__item--m-clickable--focus--BoxShadow",
+  "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
+  "var": "var(--pf-c-data-list__item--m-clickable--focus--BoxShadow)"
+};
+export default c_data_list__item_m_clickable_focus_BoxShadow;

package/dist/esm/c_data_list__item_m_clickable_hover_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list__item_m_clickable_hover_BoxShadow: {
+  "name": "--pf-c-data-list__item--m-clickable--hover--BoxShadow",
+  "value": "0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16), 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16)",
+  "var": "var(--pf-c-data-list__item--m-clickable--hover--BoxShadow)"
+};
+export default c_data_list__item_m_clickable_hover_BoxShadow;