@patternfly/react-tokens 6.0.0-alpha.2 → 6.0.0-alpha.3

package/dist/js/c_tooltip.d.ts

@@ -1,88 +1,84 @@
 export const c_tooltip: {
-  ".pf-v5-c-tooltip": {
+  ":root": {
     "c_tooltip_MaxWidth": {
       "name": "--pf-v5-c-tooltip--MaxWidth",
       "value": "18.75rem"
     },
     "c_tooltip_BoxShadow": {
       "name": "--pf-v5-c-tooltip--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--box-shadow--md",
+        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_tooltip__content_PaddingTop": {
       "name": "--pf-v5-c-tooltip__content--PaddingTop",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_tooltip__content_PaddingRight": {
       "name": "--pf-v5-c-tooltip__content--PaddingRight",
-      "value": "0.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_tooltip__content_PaddingBottom": {
       "name": "--pf-v5-c-tooltip__content--PaddingBottom",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_tooltip__content_PaddingLeft": {
       "name": "--pf-v5-c-tooltip__content--PaddingLeft",
-      "value": "0.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_tooltip__content_Color": {
       "name": "--pf-v5-c-tooltip__content--Color",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--Color--light-100",
-        "$pf-v5-global--Color--light-100",
-        "$pf-v5-color-white",
+        "--pf-t--global--text--color--inverse",
+        "--pf-t--global--text--color--300",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
     "c_tooltip__content_BackgroundColor": {
       "name": "--pf-v5-c-tooltip__content--BackgroundColor",
-      "value": "#151515",
+      "value": "#292929",
       "values": [
-        "--pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--background--color--inverse--default",
+        "--pf-t--global--background--color--400",
+        "--pf-t--color--gray--800",
+        "#292929"
       ]
     },
     "c_tooltip__content_FontSize": {
       "name": "--pf-v5-c-tooltip__content--FontSize",
-      "value": "0.875rem",
+      "value": "12px",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--font--size--body--sm",
+        "--pf-t--global--font--size--body--100",
+        "12px"
+      ]
+    },
+    "c_tooltip__content_BorderRadius": {
+      "name": "--pf-v5-c-tooltip__content--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-t--global--border--radius--small",
+        "6px"
       ]
     },
     "c_tooltip__arrow_Width": {
@@ -95,23 +91,20 @@ export const c_tooltip: {
     },
     "c_tooltip__arrow_BackgroundColor": {
       "name": "--pf-v5-c-tooltip__arrow--BackgroundColor",
-      "value": "#151515",
+      "value": "#292929",
       "values": [
-        "--pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--background--color--inverse--default",
+        "--pf-t--global--background--color--400",
+        "--pf-t--color--gray--800",
+        "#292929"
       ]
     },
     "c_tooltip__arrow_BoxShadow": {
       "name": "--pf-v5-c-tooltip__arrow--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--box-shadow--md",
+        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_tooltip__arrow_m_top_TranslateX": {

package/dist/js/c_tooltip.js

@@ -1,90 +1,86 @@
 "use strict";
 exports.__esModule = true;
 exports.c_tooltip = {
-  ".pf-v5-c-tooltip": {
+  ":root": {
     "c_tooltip_MaxWidth": {
       "name": "--pf-v5-c-tooltip--MaxWidth",
       "value": "18.75rem"
     },
     "c_tooltip_BoxShadow": {
       "name": "--pf-v5-c-tooltip--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--box-shadow--md",
+        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_tooltip__content_PaddingTop": {
       "name": "--pf-v5-c-tooltip__content--PaddingTop",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_tooltip__content_PaddingRight": {
       "name": "--pf-v5-c-tooltip__content--PaddingRight",
-      "value": "0.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_tooltip__content_PaddingBottom": {
       "name": "--pf-v5-c-tooltip__content--PaddingBottom",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_tooltip__content_PaddingLeft": {
       "name": "--pf-v5-c-tooltip__content--PaddingLeft",
-      "value": "0.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_tooltip__content_Color": {
       "name": "--pf-v5-c-tooltip__content--Color",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--Color--light-100",
-        "$pf-v5-global--Color--light-100",
-        "$pf-v5-color-white",
+        "--pf-t--global--text--color--inverse",
+        "--pf-t--global--text--color--300",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
     "c_tooltip__content_BackgroundColor": {
       "name": "--pf-v5-c-tooltip__content--BackgroundColor",
-      "value": "#151515",
+      "value": "#292929",
       "values": [
-        "--pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--background--color--inverse--default",
+        "--pf-t--global--background--color--400",
+        "--pf-t--color--gray--800",
+        "#292929"
       ]
     },
     "c_tooltip__content_FontSize": {
       "name": "--pf-v5-c-tooltip__content--FontSize",
-      "value": "0.875rem",
+      "value": "12px",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--font--size--body--sm",
+        "--pf-t--global--font--size--body--100",
+        "12px"
+      ]
+    },
+    "c_tooltip__content_BorderRadius": {
+      "name": "--pf-v5-c-tooltip__content--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-t--global--border--radius--small",
+        "6px"
       ]
     },
     "c_tooltip__arrow_Width": {
@@ -97,23 +93,20 @@ exports.c_tooltip = {
     },
     "c_tooltip__arrow_BackgroundColor": {
       "name": "--pf-v5-c-tooltip__arrow--BackgroundColor",
-      "value": "#151515",
+      "value": "#292929",
       "values": [
-        "--pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--background--color--inverse--default",
+        "--pf-t--global--background--color--400",
+        "--pf-t--color--gray--800",
+        "#292929"
       ]
     },
     "c_tooltip__arrow_BoxShadow": {
       "name": "--pf-v5-c-tooltip__arrow--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--box-shadow--md",
+        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_tooltip__arrow_m_top_TranslateX": {

package/dist/js/c_tooltip_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip_BoxShadow: {
   "name": "--pf-v5-c-tooltip--BoxShadow",
-  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
   "var": "var(--pf-v5-c-tooltip--BoxShadow)"
 };
 export default c_tooltip_BoxShadow;

package/dist/js/c_tooltip_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip_BoxShadow = {
   "name": "--pf-v5-c-tooltip--BoxShadow",
-  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
   "var": "var(--pf-v5-c-tooltip--BoxShadow)"
 };
 exports["default"] = exports.c_tooltip_BoxShadow;

package/dist/js/c_tooltip__arrow_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__arrow_BackgroundColor: {
   "name": "--pf-v5-c-tooltip__arrow--BackgroundColor",
-  "value": "#151515",
+  "value": "#292929",
   "var": "var(--pf-v5-c-tooltip__arrow--BackgroundColor)"
 };
 export default c_tooltip__arrow_BackgroundColor;

package/dist/js/c_tooltip__arrow_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__arrow_BackgroundColor = {
   "name": "--pf-v5-c-tooltip__arrow--BackgroundColor",
-  "value": "#151515",
+  "value": "#292929",
   "var": "var(--pf-v5-c-tooltip__arrow--BackgroundColor)"
 };
 exports["default"] = exports.c_tooltip__arrow_BackgroundColor;

package/dist/js/c_tooltip__arrow_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__arrow_BoxShadow: {
   "name": "--pf-v5-c-tooltip__arrow--BoxShadow",
-  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
   "var": "var(--pf-v5-c-tooltip__arrow--BoxShadow)"
 };
 export default c_tooltip__arrow_BoxShadow;

package/dist/js/c_tooltip__arrow_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__arrow_BoxShadow = {
   "name": "--pf-v5-c-tooltip__arrow--BoxShadow",
-  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
   "var": "var(--pf-v5-c-tooltip__arrow--BoxShadow)"
 };
 exports["default"] = exports.c_tooltip__arrow_BoxShadow;

package/dist/js/c_tooltip__content_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_BackgroundColor: {
   "name": "--pf-v5-c-tooltip__content--BackgroundColor",
-  "value": "#151515",
+  "value": "#292929",
   "var": "var(--pf-v5-c-tooltip__content--BackgroundColor)"
 };
 export default c_tooltip__content_BackgroundColor;

package/dist/js/c_tooltip__content_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_BackgroundColor = {
   "name": "--pf-v5-c-tooltip__content--BackgroundColor",
-  "value": "#151515",
+  "value": "#292929",
   "var": "var(--pf-v5-c-tooltip__content--BackgroundColor)"
 };
 exports["default"] = exports.c_tooltip__content_BackgroundColor;

package/dist/js/c_tooltip__content_BorderRadius.d.ts

@@ -0,0 +1,6 @@
+export const c_tooltip__content_BorderRadius: {
+  "name": "--pf-v5-c-tooltip__content--BorderRadius",
+  "value": "6px",
+  "var": "var(--pf-v5-c-tooltip__content--BorderRadius)"
+};
+export default c_tooltip__content_BorderRadius;

package/dist/js/c_tooltip__content_BorderRadius.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_tooltip__content_BorderRadius = {
+  "name": "--pf-v5-c-tooltip__content--BorderRadius",
+  "value": "6px",
+  "var": "var(--pf-v5-c-tooltip__content--BorderRadius)"
+};
+exports["default"] = exports.c_tooltip__content_BorderRadius;

package/dist/js/c_tooltip__content_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_FontSize: {
   "name": "--pf-v5-c-tooltip__content--FontSize",
-  "value": "0.875rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-tooltip__content--FontSize)"
 };
 export default c_tooltip__content_FontSize;

package/dist/js/c_tooltip__content_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_FontSize = {
   "name": "--pf-v5-c-tooltip__content--FontSize",
-  "value": "0.875rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-tooltip__content--FontSize)"
 };
 exports["default"] = exports.c_tooltip__content_FontSize;

package/dist/js/c_tooltip__content_PaddingBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_PaddingBottom: {
   "name": "--pf-v5-c-tooltip__content--PaddingBottom",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingBottom)"
 };
 export default c_tooltip__content_PaddingBottom;

package/dist/js/c_tooltip__content_PaddingBottom.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_PaddingBottom = {
   "name": "--pf-v5-c-tooltip__content--PaddingBottom",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingBottom)"
 };
 exports["default"] = exports.c_tooltip__content_PaddingBottom;

package/dist/js/c_tooltip__content_PaddingLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_PaddingLeft: {
   "name": "--pf-v5-c-tooltip__content--PaddingLeft",
-  "value": "0.5rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingLeft)"
 };
 export default c_tooltip__content_PaddingLeft;

package/dist/js/c_tooltip__content_PaddingLeft.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_PaddingLeft = {
   "name": "--pf-v5-c-tooltip__content--PaddingLeft",
-  "value": "0.5rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingLeft)"
 };
 exports["default"] = exports.c_tooltip__content_PaddingLeft;

package/dist/js/c_tooltip__content_PaddingRight.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_PaddingRight: {
   "name": "--pf-v5-c-tooltip__content--PaddingRight",
-  "value": "0.5rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingRight)"
 };
 export default c_tooltip__content_PaddingRight;

package/dist/js/c_tooltip__content_PaddingRight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_PaddingRight = {
   "name": "--pf-v5-c-tooltip__content--PaddingRight",
-  "value": "0.5rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingRight)"
 };
 exports["default"] = exports.c_tooltip__content_PaddingRight;

package/dist/js/c_tooltip__content_PaddingTop.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__content_PaddingTop: {
   "name": "--pf-v5-c-tooltip__content--PaddingTop",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingTop)"
 };
 export default c_tooltip__content_PaddingTop;

package/dist/js/c_tooltip__content_PaddingTop.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__content_PaddingTop = {
   "name": "--pf-v5-c-tooltip__content--PaddingTop",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-tooltip__content--PaddingTop)"
 };
 exports["default"] = exports.c_tooltip__content_PaddingTop;

package/dist/js/global_font_family_100.d.ts

@@ -1,6 +1,6 @@
 export const global_font_family_100: {
   "name": "--pf-t--global--font--family--100",
-  "value": "redhattext",
+  "value": "redhattextvf, redhattext, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--100)"
 };
 export default global_font_family_100;

package/dist/js/global_font_family_100.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.global_font_family_100 = {
   "name": "--pf-t--global--font--family--100",
-  "value": "redhattext",
+  "value": "redhattextvf, redhattext, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--100)"
 };
 exports["default"] = exports.global_font_family_100;

package/dist/js/global_font_family_200.d.ts

@@ -1,6 +1,6 @@
 export const global_font_family_200: {
   "name": "--pf-t--global--font--family--200",
-  "value": "redhatdisplay",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--200)"
 };
 export default global_font_family_200;

package/dist/js/global_font_family_200.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.global_font_family_200 = {
   "name": "--pf-t--global--font--family--200",
-  "value": "redhatdisplay",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--200)"
 };
 exports["default"] = exports.global_font_family_200;

package/dist/js/global_font_family_300.d.ts

@@ -1,6 +1,6 @@
 export const global_font_family_300: {
   "name": "--pf-t--global--font--family--300",
-  "value": "redhatmono",
+  "value": "redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace",
   "var": "var(--pf-t--global--font--family--300)"
 };
 export default global_font_family_300;

package/dist/js/global_font_family_300.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.global_font_family_300 = {
   "name": "--pf-t--global--font--family--300",
-  "value": "redhatmono",
+  "value": "redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace",
   "var": "var(--pf-t--global--font--family--300)"
 };
 exports["default"] = exports.global_font_family_300;

package/dist/js/global_font_family_body.d.ts

@@ -1,6 +1,6 @@
 export const global_font_family_body: {
   "name": "--pf-t--global--font--family--body",
-  "value": "redhattext",
+  "value": "redhattextvf, redhattext, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--body)"
 };
 export default global_font_family_body;

package/dist/js/global_font_family_body.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.global_font_family_body = {
   "name": "--pf-t--global--font--family--body",
-  "value": "redhattext",
+  "value": "redhattextvf, redhattext, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--body)"
 };
 exports["default"] = exports.global_font_family_body;

package/dist/js/global_font_family_body_legacy.d.ts

@@ -0,0 +1,6 @@
+export const global_font_family_body_legacy: {
+  "name": "--pf-t--global--font--family--body--legacy",
+  "value": "redhattext, helvetica, arial, sans-serif",
+  "var": "var(--pf-t--global--font--family--body--legacy)"
+};
+export default global_font_family_body_legacy;

package/dist/js/global_font_family_body_legacy.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.global_font_family_body_legacy = {
+  "name": "--pf-t--global--font--family--body--legacy",
+  "value": "redhattext, helvetica, arial, sans-serif",
+  "var": "var(--pf-t--global--font--family--body--legacy)"
+};
+exports["default"] = exports.global_font_family_body_legacy;

package/dist/js/global_font_family_heading.d.ts

@@ -1,6 +1,6 @@
 export const global_font_family_heading: {
   "name": "--pf-t--global--font--family--heading",
-  "value": "redhatdisplay",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--heading)"
 };
 export default global_font_family_heading;

package/dist/js/global_font_family_heading.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.global_font_family_heading = {
   "name": "--pf-t--global--font--family--heading",
-  "value": "redhatdisplay",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
   "var": "var(--pf-t--global--font--family--heading)"
 };
 exports["default"] = exports.global_font_family_heading;

package/dist/js/global_font_family_heading_legacy.d.ts

@@ -0,0 +1,6 @@
+export const global_font_family_heading_legacy: {
+  "name": "--pf-t--global--font--family--heading--legacy",
+  "value": "redhatdisplay, helvetica, arial, sans-serif",
+  "var": "var(--pf-t--global--font--family--heading--legacy)"
+};
+export default global_font_family_heading_legacy;