@patternfly/react-tokens 6.0.0-alpha.17 → 6.0.0-alpha.19

package/dist/js/c_DragDrop.d.ts

@@ -2,10 +2,12 @@ export const c_DragDrop: {
   ".pf-v6-c-draggable.pf-m-dragging": {
     "c_draggable_m_dragging_BackgroundColor": {
       "name": "--pf-v6-c-draggable--m-dragging--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
         "--pf-t--global--background--color--primary--default",
-        ""
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     }
   }

package/dist/js/c_DragDrop.js

@@ -4,10 +4,12 @@ exports.c_DragDrop = {
   ".pf-v6-c-draggable.pf-m-dragging": {
     "c_draggable_m_dragging_BackgroundColor": {
       "name": "--pf-v6-c-draggable--m-dragging--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
         "--pf-t--global--background--color--primary--default",
-        ""
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     }
   }

package/dist/js/c_about_modal_box.d.ts

@@ -125,8 +125,7 @@ export const c_about_modal_box: {
       "name": "--pf-v6-c-about-modal-box__close--ZIndex",
       "value": "600",
       "values": [
-        "--pf-v6-global--ZIndex--2xl",
-        "$pf-v5-global--ZIndex--2xl",
+        "--pf-t--global--z-index--2xl",
         "600"
       ]
     },

package/dist/js/c_about_modal_box.js

@@ -127,8 +127,7 @@ exports.c_about_modal_box = {
       "name": "--pf-v6-c-about-modal-box__close--ZIndex",
       "value": "600",
       "values": [
-        "--pf-v6-global--ZIndex--2xl",
-        "$pf-v5-global--ZIndex--2xl",
+        "--pf-t--global--z-index--2xl",
         "600"
       ]
     },

package/dist/js/c_accordion.d.ts

@@ -514,11 +514,13 @@ export const c_accordion: {
     },
     "c_accordion__expandable_content_Color": {
       "name": "--pf-v6-c-accordion__expandable-content--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-accordion--m-display-lg__expandable-content--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
@@ -543,29 +545,34 @@ export const c_accordion: {
   ".pf-v6-c-accordion__item.pf-m-expanded": {
     "c_accordion__toggle_PaddingBottom": {
       "name": "--pf-v6-c-accordion__toggle--PaddingBottom",
-      "value": "",
+      "value": "8px",
       "values": [
         "--pf-v6-c-accordion__toggle--m-expanded--PaddingBottom",
-        ""
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_accordion__toggle_text_FontWeight": {
       "name": "--pf-v6-c-accordion__toggle-text--FontWeight",
-      "value": "",
+      "value": "500",
       "values": [
         "--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
-        ""
+        "--pf-t--global--font--weight--body--bold",
+        "--pf-t--global--font--weight--body--200",
+        "500"
       ]
     }
   },
   ".pf-v6-c-accordion__toggle:is(:hover, :focus)": {
     "c_accordion__toggle_BackgroundColor": {
       "name": "--pf-v6-c-accordion__toggle--BackgroundColor",
-      "value": "",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v6-c-accordion__toggle--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        ""
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     }
   },

package/dist/js/c_accordion.js

@@ -516,11 +516,13 @@ exports.c_accordion = {
     },
     "c_accordion__expandable_content_Color": {
       "name": "--pf-v6-c-accordion__expandable-content--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-accordion--m-display-lg__expandable-content--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
@@ -545,29 +547,34 @@ exports.c_accordion = {
   ".pf-v6-c-accordion__item.pf-m-expanded": {
     "c_accordion__toggle_PaddingBottom": {
       "name": "--pf-v6-c-accordion__toggle--PaddingBottom",
-      "value": "",
+      "value": "8px",
       "values": [
         "--pf-v6-c-accordion__toggle--m-expanded--PaddingBottom",
-        ""
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_accordion__toggle_text_FontWeight": {
       "name": "--pf-v6-c-accordion__toggle-text--FontWeight",
-      "value": "",
+      "value": "500",
       "values": [
         "--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
-        ""
+        "--pf-t--global--font--weight--body--bold",
+        "--pf-t--global--font--weight--body--200",
+        "500"
       ]
     }
   },
   ".pf-v6-c-accordion__toggle:is(:hover, :focus)": {
     "c_accordion__toggle_BackgroundColor": {
       "name": "--pf-v6-c-accordion__toggle--BackgroundColor",
-      "value": "",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v6-c-accordion__toggle--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        ""
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     }
   },

package/dist/js/c_accordion__expandable_content_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__expandable_content_Color: {
   "name": "--pf-v6-c-accordion__expandable-content--Color",
-  "value": "",
+  "value": "#1f1f1f",
   "var": "var(--pf-v6-c-accordion__expandable-content--Color)"
 };
 export default c_accordion__expandable_content_Color;

package/dist/js/c_accordion__expandable_content_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__expandable_content_Color = {
   "name": "--pf-v6-c-accordion__expandable-content--Color",
-  "value": "",
+  "value": "#1f1f1f",
   "var": "var(--pf-v6-c-accordion__expandable-content--Color)"
 };
 exports["default"] = exports.c_accordion__expandable_content_Color;

package/dist/js/c_accordion__toggle_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_BackgroundColor: {
   "name": "--pf-v6-c-accordion__toggle--BackgroundColor",
-  "value": "",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-accordion__toggle--BackgroundColor)"
 };
 export default c_accordion__toggle_BackgroundColor;

package/dist/js/c_accordion__toggle_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__toggle_BackgroundColor = {
   "name": "--pf-v6-c-accordion__toggle--BackgroundColor",
-  "value": "",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-accordion__toggle--BackgroundColor)"
 };
 exports["default"] = exports.c_accordion__toggle_BackgroundColor;

package/dist/js/c_accordion__toggle_PaddingBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_PaddingBottom: {
   "name": "--pf-v6-c-accordion__toggle--PaddingBottom",
-  "value": "",
+  "value": "8px",
   "var": "var(--pf-v6-c-accordion__toggle--PaddingBottom)"
 };
 export default c_accordion__toggle_PaddingBottom;

package/dist/js/c_accordion__toggle_PaddingBottom.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__toggle_PaddingBottom = {
   "name": "--pf-v6-c-accordion__toggle--PaddingBottom",
-  "value": "",
+  "value": "8px",
   "var": "var(--pf-v6-c-accordion__toggle--PaddingBottom)"
 };
 exports["default"] = exports.c_accordion__toggle_PaddingBottom;

package/dist/js/c_accordion__toggle_text_FontWeight.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_text_FontWeight: {
   "name": "--pf-v6-c-accordion__toggle-text--FontWeight",
-  "value": "",
+  "value": "500",
   "var": "var(--pf-v6-c-accordion__toggle-text--FontWeight)"
 };
 export default c_accordion__toggle_text_FontWeight;

package/dist/js/c_accordion__toggle_text_FontWeight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__toggle_text_FontWeight = {
   "name": "--pf-v6-c-accordion__toggle-text--FontWeight",
-  "value": "",
+  "value": "500",
   "var": "var(--pf-v6-c-accordion__toggle-text--FontWeight)"
 };
 exports["default"] = exports.c_accordion__toggle_text_FontWeight;

package/dist/js/c_alert.d.ts

@@ -98,22 +98,20 @@ export const c_alert: {
     },
     "c_alert__toggle_MarginTop": {
       "name": "--pf-v6-c-alert__toggle--MarginTop",
-      "value": "calc(-1 * 0.375rem - 0.0625rem)",
+      "value": "calc(-1 * 8px - 0.0625rem)",
       "values": [
-        "calc(-1 * --pf-v6-global--spacer--form-element - 0.0625rem)",
-        "calc(-1 * $pf-v5-global--spacer--form-element - 0.0625rem)",
-        "calc(-1 * pf-size-prem(6px) - 0.0625rem)",
-        "calc(-1 * 0.375rem - 0.0625rem)"
+        "calc(-1 * --pf-t--global--spacer--button--vertical--default - 0.0625rem)",
+        "calc(-1 * --pf-t--global--spacer--200 - 0.0625rem)",
+        "calc(-1 * 8px - 0.0625rem)"
       ]
     },
     "c_alert__toggle_MarginBottom": {
       "name": "--pf-v6-c-alert__toggle--MarginBottom",
-      "value": "calc(-1 * 0.375rem)",
+      "value": "calc(-1 * 8px)",
       "values": [
-        "calc(-1 * --pf-v6-global--spacer--form-element)",
-        "calc(-1 * $pf-v5-global--spacer--form-element)",
-        "calc(-1 * pf-size-prem(6px))",
-        "calc(-1 * 0.375rem)"
+        "calc(-1 * --pf-t--global--spacer--button--vertical--default)",
+        "calc(-1 * --pf-t--global--spacer--200)",
+        "calc(-1 * 8px)"
       ]
     },
     "c_alert__toggle_MarginRight": {
@@ -131,11 +129,10 @@ export const c_alert: {
     },
     "c_alert__toggle_icon_Transition": {
       "name": "--pf-v6-c-alert__toggle-icon--Transition",
-      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
+      "value": "all 250ms cubic-bezier(0.42, 0, 0.58, 1)",
       "values": [
-        "--pf-v6-global--Transition",
-        "$pf-v5-global--Transition",
-        "all 250ms cubic-bezier(.42, 0, .58, 1)"
+        "--pf-t--global--transition",
+        "all 250ms cubic-bezier(0.42, 0, 0.58, 1)"
       ]
     },
     "c_alert__icon_Color": {
@@ -223,22 +220,20 @@ export const c_alert: {
     },
     "c_alert__action_MarginTop": {
       "name": "--pf-v6-c-alert__action--MarginTop",
-      "value": "calc(0.375rem * -1)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-v6-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__action_MarginBottom": {
       "name": "--pf-v6-c-alert__action--MarginBottom",
-      "value": "calc(0.375rem * -1)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-v6-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__action_TranslateY": {
@@ -312,24 +307,24 @@ export const c_alert: {
     },
     "c_alert_m_custom_BorderColor": {
       "name": "--pf-v6-c-alert--m-custom--BorderColor",
-      "value": "#37a3a3",
+      "value": "#147878",
       "values": [
         "--pf-t--global--border--color--status--custom--default",
         "--pf-t--global--color--status--custom--default",
         "--pf-t--global--color--status--custom--100",
-        "--pf-t--color--teal--50",
-        "#37a3a3"
+        "--pf-t--color--teal--60",
+        "#147878"
       ]
     },
     "c_alert_m_custom__icon_Color": {
       "name": "--pf-v6-c-alert--m-custom__icon--Color",
-      "value": "#37a3a3",
+      "value": "#147878",
       "values": [
         "--pf-t--global--icon--color--status--custom--default",
         "--pf-t--global--color--status--custom--default",
         "--pf-t--global--color--status--custom--100",
-        "--pf-t--color--teal--50",
-        "#37a3a3"
+        "--pf-t--color--teal--60",
+        "#147878"
       ]
     },
     "c_alert_m_custom__title_Color": {
@@ -344,24 +339,24 @@ export const c_alert: {
     },
     "c_alert_m_success_BorderColor": {
       "name": "--pf-v6-c-alert--m-success--BorderColor",
-      "value": "#63993d",
+      "value": "#3d7317",
       "values": [
         "--pf-t--global--border--color--status--success--default",
         "--pf-t--global--color--status--success--default",
         "--pf-t--global--color--status--success--100",
-        "--pf-t--color--green--50",
-        "#63993d"
+        "--pf-t--color--green--60",
+        "#3d7317"
       ]
     },
     "c_alert_m_success__icon_Color": {
       "name": "--pf-v6-c-alert--m-success__icon--Color",
-      "value": "#63993d",
+      "value": "#3d7317",
       "values": [
         "--pf-t--global--icon--color--status--success--default",
         "--pf-t--global--color--status--success--default",
         "--pf-t--global--color--status--success--100",
-        "--pf-t--color--green--50",
-        "#63993d"
+        "--pf-t--color--green--60",
+        "#3d7317"
       ]
     },
     "c_alert_m_success__title_Color": {
@@ -376,24 +371,24 @@ export const c_alert: {
     },
     "c_alert_m_danger_BorderColor": {
       "name": "--pf-v6-c-alert--m-danger--BorderColor",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--border--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_alert_m_danger__icon_Color": {
       "name": "--pf-v6-c-alert--m-danger__icon--Color",
-      "value": "#f0561d",
+      "value": "#b1380b",
       "values": [
         "--pf-t--global--icon--color--status--danger--default",
         "--pf-t--global--color--status--danger--default",
         "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--50",
-        "#f0561d"
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_alert_m_danger__title_Color": {
@@ -542,145 +537,183 @@ export const c_alert: {
   ".pf-v6-c-alert.pf-m-custom": {
     "c_alert_BorderColor": {
       "name": "--pf-v6-c-alert--BorderColor",
-      "value": "",
+      "value": "#147878",
       "values": [
         "--pf-v6-c-alert--m-custom--BorderColor",
         "--pf-t--global--border--color--status--custom--default",
-        ""
+        "--pf-t--global--color--status--custom--default",
+        "--pf-t--global--color--status--custom--100",
+        "--pf-t--color--teal--60",
+        "#147878"
       ]
     },
     "c_alert__icon_Color": {
       "name": "--pf-v6-c-alert__icon--Color",
-      "value": "",
+      "value": "#147878",
       "values": [
         "--pf-v6-c-alert--m-custom__icon--Color",
         "--pf-t--global--icon--color--status--custom--default",
-        ""
+        "--pf-t--global--color--status--custom--default",
+        "--pf-t--global--color--status--custom--100",
+        "--pf-t--color--teal--60",
+        "#147878"
       ]
     },
     "c_alert__title_Color": {
       "name": "--pf-v6-c-alert__title--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-alert--m-custom__title--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
   ".pf-v6-c-alert.pf-m-success": {
     "c_alert_BorderColor": {
       "name": "--pf-v6-c-alert--BorderColor",
-      "value": "",
+      "value": "#3d7317",
       "values": [
         "--pf-v6-c-alert--m-success--BorderColor",
         "--pf-t--global--border--color--status--success--default",
-        ""
+        "--pf-t--global--color--status--success--default",
+        "--pf-t--global--color--status--success--100",
+        "--pf-t--color--green--60",
+        "#3d7317"
       ]
     },
     "c_alert__icon_Color": {
       "name": "--pf-v6-c-alert__icon--Color",
-      "value": "",
+      "value": "#3d7317",
       "values": [
         "--pf-v6-c-alert--m-success__icon--Color",
         "--pf-t--global--icon--color--status--success--default",
-        ""
+        "--pf-t--global--color--status--success--default",
+        "--pf-t--global--color--status--success--100",
+        "--pf-t--color--green--60",
+        "#3d7317"
       ]
     },
     "c_alert__title_Color": {
       "name": "--pf-v6-c-alert__title--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-alert--m-success__title--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
   ".pf-v6-c-alert.pf-m-danger": {
     "c_alert_BorderColor": {
       "name": "--pf-v6-c-alert--BorderColor",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-alert--m-danger--BorderColor",
         "--pf-t--global--border--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_alert__icon_Color": {
       "name": "--pf-v6-c-alert__icon--Color",
-      "value": "",
+      "value": "#b1380b",
       "values": [
         "--pf-v6-c-alert--m-danger__icon--Color",
         "--pf-t--global--icon--color--status--danger--default",
-        ""
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
       ]
     },
     "c_alert__title_Color": {
       "name": "--pf-v6-c-alert__title--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-alert--m-danger__title--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
   ".pf-v6-c-alert.pf-m-warning": {
     "c_alert_BorderColor": {
       "name": "--pf-v6-c-alert--BorderColor",
-      "value": "",
+      "value": "#dca614",
       "values": [
         "--pf-v6-c-alert--m-warning--BorderColor",
         "--pf-t--global--border--color--status--warning--default",
-        ""
+        "--pf-t--global--color--status--warning--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
       ]
     },
     "c_alert__icon_Color": {
       "name": "--pf-v6-c-alert__icon--Color",
-      "value": "",
+      "value": "#dca614",
       "values": [
         "--pf-v6-c-alert--m-warning__icon--Color",
         "--pf-t--global--icon--color--status--warning--default",
-        ""
+        "--pf-t--global--color--status--warning--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
       ]
     },
     "c_alert__title_Color": {
       "name": "--pf-v6-c-alert__title--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-alert--m-warning__title--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
   ".pf-v6-c-alert.pf-m-info": {
     "c_alert_BorderColor": {
       "name": "--pf-v6-c-alert--BorderColor",
-      "value": "",
+      "value": "#5e40be",
       "values": [
         "--pf-v6-c-alert--m-info--BorderColor",
         "--pf-t--global--border--color--status--info--default",
-        ""
+        "--pf-t--global--color--status--info--default",
+        "--pf-t--global--color--status--info--100",
+        "--pf-t--color--purple--50",
+        "#5e40be"
       ]
     },
     "c_alert__icon_Color": {
       "name": "--pf-v6-c-alert__icon--Color",
-      "value": "",
+      "value": "#5e40be",
       "values": [
         "--pf-v6-c-alert--m-info__icon--Color",
         "--pf-t--global--icon--color--status--info--default",
-        ""
+        "--pf-t--global--color--status--info--default",
+        "--pf-t--global--color--status--info--100",
+        "--pf-t--color--purple--50",
+        "#5e40be"
       ]
     },
     "c_alert__title_Color": {
       "name": "--pf-v6-c-alert__title--Color",
-      "value": "",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v6-c-alert--m-info__title--Color",
         "--pf-t--global--text--color--regular",
-        ""
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
@@ -695,11 +728,13 @@ export const c_alert: {
     },
     "c_alert_BackgroundColor": {
       "name": "--pf-v6-c-alert--BackgroundColor",
-      "value": "",
+      "value": "#fff",
       "values": [
         "--pf-v6-c-alert--m-inline--BackgroundColor",
         "--pf-t--global--background--color--primary--default",
-        ""
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     }
   },
@@ -806,10 +841,13 @@ export const c_alert: {
   ".pf-v6-c-alert__description + .pf-v6-c-alert__action-group": {
     "c_alert__action_group_PaddingTop": {
       "name": "--pf-v6-c-alert__action-group--PaddingTop",
-      "value": "",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert__description--action-group--PaddingTop",
-        ""
+        "--pf-v6-c-alert__description--action-group--PaddingTop-base",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   },