@patternfly/react-tokens 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/js/c_empty_state.d.ts

@@ -40,10 +40,62 @@ export const c_empty_state: {
         "2rem"
       ]
     },
+    "c_empty_state_m_xs_PaddingTop": {
+      "name": "--pf-c-empty-state--m-xs--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_empty_state_m_xs_PaddingRight": {
+      "name": "--pf-c-empty-state--m-xs--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_empty_state_m_xs_PaddingBottom": {
+      "name": "--pf-c-empty-state--m-xs--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_empty_state_m_xs_PaddingLeft": {
+      "name": "--pf-c-empty-state--m-xs--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
     "c_empty_state__content_MaxWidth": {
       "name": "--pf-c-empty-state__content--MaxWidth",
       "value": "none"
     },
+    "c_empty_state_m_xs__content_MaxWidth": {
+      "name": "--pf-c-empty-state--m-xs__content--MaxWidth",
+      "value": "21.875rem"
+    },
+    "c_empty_state_m_sm__content_MaxWidth": {
+      "name": "--pf-c-empty-state--m-sm__content--MaxWidth",
+      "value": "25rem"
+    },
+    "c_empty_state_m_lg__content_MaxWidth": {
+      "name": "--pf-c-empty-state--m-lg__content--MaxWidth",
+      "value": "37.5rem"
+    },
     "c_empty_state__icon_MarginBottom": {
       "name": "--pf-c-empty-state__icon--MarginBottom",
       "value": "1.5rem",
@@ -74,18 +126,8 @@ export const c_empty_state: {
         "#6a6e73"
       ]
     },
-    "c_empty_state__content_c_title_m_lg_FontSize": {
-      "name": "--pf-c-empty-state__content--c-title--m-lg--FontSize",
-      "value": "1.25rem",
-      "values": [
-        "--pf-global--FontSize--xl",
-        "$pf-global--FontSize--xl",
-        "pf-font-prem(20px)",
-        "1.25rem"
-      ]
-    },
-    "c_empty_state__body_MarginTop": {
-      "name": "--pf-c-empty-state__body--MarginTop",
+    "c_empty_state_m_xs__icon_MarginBottom": {
+      "name": "--pf-c-empty-state--m-xs__icon--MarginBottom",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -94,38 +136,8 @@ export const c_empty_state: {
         "1rem"
       ]
     },
-    "c_empty_state__body_Color": {
-      "name": "--pf-c-empty-state__body--Color",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-global--Color--200",
-        "$pf-global--Color--200",
-        "$pf-color-black-600",
-        "#6a6e73"
-      ]
-    },
-    "c_empty_state__primary_MarginTop": {
-      "name": "--pf-c-empty-state__primary--MarginTop",
-      "value": "2rem",
-      "values": [
-        "--pf-global--spacer--xl",
-        "$pf-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
-      ]
-    },
-    "c_empty_state__primary_secondary_MarginTop": {
-      "name": "--pf-c-empty-state__primary--secondary--MarginTop",
-      "value": "0.5rem",
-      "values": [
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
-    "c_empty_state__secondary_MarginTop": {
-      "name": "--pf-c-empty-state__secondary--MarginTop",
+    "c_empty_state_m_xl__icon_MarginBottom": {
+      "name": "--pf-c-empty-state--m-xl__icon--MarginBottom",
       "value": "2rem",
       "values": [
         "--pf-global--spacer--xl",
@@ -134,102 +146,78 @@ export const c_empty_state: {
         "2rem"
       ]
     },
-    "c_empty_state__secondary_MarginBottom": {
-      "name": "--pf-c-empty-state__secondary--MarginBottom",
-      "value": "calc(0.25rem * -1)",
-      "values": [
-        "calc(--pf-global--spacer--xs * -1)",
-        "calc($pf-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
-      ]
-    },
-    "c_empty_state__secondary_child_MarginRight": {
-      "name": "--pf-c-empty-state__secondary--child--MarginRight",
-      "value": "calc(0.25rem / 2)",
-      "values": [
-        "calc(--pf-global--spacer--xs / 2)",
-        "calc($pf-global--spacer--xs / 2)",
-        "calc(pf-size-prem(4px) / 2)",
-        "calc(0.25rem / 2)"
-      ]
+    "c_empty_state_m_xl__icon_FontSize": {
+      "name": "--pf-c-empty-state--m-xl__icon--FontSize",
+      "value": "6.25rem"
     },
-    "c_empty_state__secondary_child_MarginBottom": {
-      "name": "--pf-c-empty-state__secondary--child--MarginBottom",
-      "value": "0.25rem",
+    "c_empty_state__title_text_FontFamily": {
+      "name": "--pf-c-empty-state__title-text--FontFamily",
+      "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-global--FontFamily--heading--sans-serif",
+        "$pf-global--FontFamily--heading--sans-serif",
+        "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },
-    "c_empty_state__secondary_child_MarginLeft": {
-      "name": "--pf-c-empty-state__secondary--child--MarginLeft",
-      "value": "calc(0.25rem / 2)",
+    "c_empty_state__title_text_FontSize": {
+      "name": "--pf-c-empty-state__title-text--FontSize",
+      "value": "1.25rem",
       "values": [
-        "calc(--pf-global--spacer--xs / 2)",
-        "calc($pf-global--spacer--xs / 2)",
-        "calc(pf-size-prem(4px) / 2)",
-        "calc(0.25rem / 2)"
+        "--pf-global--FontSize--xl",
+        "$pf-global--FontSize--xl",
+        "pf-font-prem(20px)",
+        "1.25rem"
       ]
     },
-    "c_empty_state_m_xs__content_MaxWidth": {
-      "name": "--pf-c-empty-state--m-xs__content--MaxWidth",
-      "value": "21.875rem"
-    },
-    "c_empty_state_m_xs__body_FontSize": {
-      "name": "--pf-c-empty-state--m-xs__body--FontSize",
-      "value": "0.875rem",
+    "c_empty_state__title_text_FontWeight": {
+      "name": "--pf-c-empty-state__title-text--FontWeight",
+      "value": "400",
       "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-global--FontWeight--normal",
+        "$pf-global--FontWeight--normal",
+        "400"
       ]
     },
-    "c_empty_state_m_xs_button_FontSize": {
-      "name": "--pf-c-empty-state--m-xs--button--FontSize",
-      "value": "0.875rem",
+    "c_empty_state__title_text_LineHeight": {
+      "name": "--pf-c-empty-state__title-text--LineHeight",
+      "value": "1.5",
       "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-global--LineHeight--md",
+        "$pf-global--LineHeight--md",
+        "1.5"
       ]
     },
-    "c_empty_state_m_xs_PaddingTop": {
-      "name": "--pf-c-empty-state--m-xs--PaddingTop",
+    "c_empty_state_m_xs__title_text_FontSize": {
+      "name": "--pf-c-empty-state--m-xs__title-text--FontSize",
       "value": "1rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
+        "--pf-global--FontSize--md",
+        "$pf-global--FontSize--md",
+        "pf-font-prem(16px)",
         "1rem"
       ]
     },
-    "c_empty_state_m_xs_PaddingRight": {
-      "name": "--pf-c-empty-state--m-xs--PaddingRight",
-      "value": "1rem",
+    "c_empty_state_m_xl__title_text_FontSize": {
+      "name": "--pf-c-empty-state--m-xl__title-text--FontSize",
+      "value": "2.25rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--FontSize--4xl",
+        "$pf-global--FontSize--4xl",
+        "pf-font-prem(36px)",
+        "2.25rem"
       ]
     },
-    "c_empty_state_m_xs_PaddingBottom": {
-      "name": "--pf-c-empty-state--m-xs--PaddingBottom",
-      "value": "1rem",
+    "c_empty_state_m_xl__title_text_LineHeight": {
+      "name": "--pf-c-empty-state--m-xl__title-text--LineHeight",
+      "value": "1.3",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--LineHeight--sm",
+        "$pf-global--LineHeight--sm",
+        "1.3"
       ]
     },
-    "c_empty_state_m_xs_PaddingLeft": {
-      "name": "--pf-c-empty-state--m-xs--PaddingLeft",
+    "c_empty_state__body_MarginTop": {
+      "name": "--pf-c-empty-state__body--MarginTop",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -238,38 +226,38 @@ export const c_empty_state: {
         "1rem"
       ]
     },
-    "c_empty_state_m_xs__icon_MarginBottom": {
-      "name": "--pf-c-empty-state--m-xs__icon--MarginBottom",
-      "value": "1rem",
+    "c_empty_state__body_Color": {
+      "name": "--pf-c-empty-state__body--Color",
+      "value": "#6a6e73",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--Color--200",
+        "$pf-global--Color--200",
+        "$pf-color-black-600",
+        "#6a6e73"
       ]
     },
-    "c_empty_state_m_xs__body_MarginTop": {
-      "name": "--pf-c-empty-state--m-xs__body--MarginTop",
+    "c_empty_state_body_FontSize": {
+      "name": "--pf-c-empty-state--body--FontSize",
       "value": "1rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
+        "--pf-global--FontSize--md",
+        "$pf-global--FontSize--md",
+        "pf-font-prem(16px)",
         "1rem"
       ]
     },
-    "c_empty_state_m_xs__primary_MarginTop": {
-      "name": "--pf-c-empty-state--m-xs__primary--MarginTop",
-      "value": "1rem",
+    "c_empty_state_m_xs__body_FontSize": {
+      "name": "--pf-c-empty-state--m-xs__body--FontSize",
+      "value": "0.875rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
       ]
     },
-    "c_empty_state_m_xs__secondary_MarginTop": {
-      "name": "--pf-c-empty-state--m-xs__secondary--MarginTop",
+    "c_empty_state_m_xs__body_MarginTop": {
+      "name": "--pf-c-empty-state--m-xs__body--MarginTop",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -278,14 +266,6 @@ export const c_empty_state: {
         "1rem"
       ]
     },
-    "c_empty_state_m_sm__content_MaxWidth": {
-      "name": "--pf-c-empty-state--m-sm__content--MaxWidth",
-      "value": "25rem"
-    },
-    "c_empty_state_m_lg__content_MaxWidth": {
-      "name": "--pf-c-empty-state--m-lg__content--MaxWidth",
-      "value": "37.5rem"
-    },
     "c_empty_state_m_xl__body_FontSize": {
       "name": "--pf-c-empty-state--m-xl__body--FontSize",
       "value": "1.25rem",
@@ -306,8 +286,18 @@ export const c_empty_state: {
         "1.5rem"
       ]
     },
-    "c_empty_state_m_xl__icon_MarginBottom": {
-      "name": "--pf-c-empty-state--m-xl__icon--MarginBottom",
+    "c_empty_state__footer_RowGap": {
+      "name": "--pf-c-empty-state__footer--RowGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_empty_state__footer_MarginTop": {
+      "name": "--pf-c-empty-state__footer--MarginTop",
       "value": "2rem",
       "values": [
         "--pf-global--spacer--xl",
@@ -316,12 +306,8 @@ export const c_empty_state: {
         "2rem"
       ]
     },
-    "c_empty_state_m_xl__icon_FontSize": {
-      "name": "--pf-c-empty-state--m-xl__icon--FontSize",
-      "value": "6.25rem"
-    },
-    "c_empty_state_m_xl_c_button__secondary_MarginTop": {
-      "name": "--pf-c-empty-state--m-xl--c-button__secondary--MarginTop",
+    "c_empty_state_m_xs__footer_MarginTop": {
+      "name": "--pf-c-empty-state--m-xs__footer--MarginTop",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -329,6 +315,26 @@ export const c_empty_state: {
         "pf-size-prem(16px)",
         "1rem"
       ]
+    },
+    "c_empty_state__actions_RowGap": {
+      "name": "--pf-c-empty-state__actions--RowGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_empty_state__actions_ColumnGap": {
+      "name": "--pf-c-empty-state__actions--ColumnGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
     }
   },
   ".pf-c-empty-state.pf-m-xs": {
@@ -376,6 +382,17 @@ export const c_empty_state: {
         "1rem"
       ]
     },
+    "c_empty_state__title_text_FontSize": {
+      "name": "--pf-c-empty-state__title-text--FontSize",
+      "value": "1rem",
+      "values": [
+        "--pf-c-empty-state--m-xs__title-text--FontSize",
+        "--pf-global--FontSize--md",
+        "$pf-global--FontSize--md",
+        "pf-font-prem(16px)",
+        "1rem"
+      ]
+    },
     "c_empty_state__content_MaxWidth": {
       "name": "--pf-c-empty-state__content--MaxWidth",
       "value": "21.875rem",
@@ -406,22 +423,22 @@ export const c_empty_state: {
         "1rem"
       ]
     },
-    "c_empty_state__primary_MarginTop": {
-      "name": "--pf-c-empty-state__primary--MarginTop",
-      "value": "1rem",
+    "c_empty_state_body_FontSize": {
+      "name": "--pf-c-empty-state--body--FontSize",
+      "value": "0.875rem",
       "values": [
-        "--pf-c-empty-state--m-xs__primary--MarginTop",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-c-empty-state--m-xs__body--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
       ]
     },
-    "c_empty_state__secondary_MarginTop": {
-      "name": "--pf-c-empty-state__secondary--MarginTop",
+    "c_empty_state__footer_MarginTop": {
+      "name": "--pf-c-empty-state__footer--MarginTop",
       "value": "1rem",
       "values": [
-        "--pf-c-empty-state--m-xs__secondary--MarginTop",
+        "--pf-c-empty-state--m-xs__footer--MarginTop",
         "--pf-global--spacer--md",
         "$pf-global--spacer--md",
         "pf-size-prem(16px)",
@@ -429,19 +446,6 @@ export const c_empty_state: {
       ]
     }
   },
-  ".pf-c-empty-state.pf-m-xs .pf-c-button": {
-    "c_button_FontSize": {
-      "name": "--pf-c-button--FontSize",
-      "value": "0.875rem",
-      "values": [
-        "--pf-c-empty-state--m-xs--button--FontSize",
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    }
-  },
   ".pf-c-empty-state.pf-m-sm": {
     "c_empty_state__content_MaxWidth": {
       "name": "--pf-c-empty-state__content--MaxWidth",
@@ -474,6 +478,17 @@ export const c_empty_state: {
         "1.5rem"
       ]
     },
+    "c_empty_state_body_FontSize": {
+      "name": "--pf-c-empty-state--body--FontSize",
+      "value": "1.25rem",
+      "values": [
+        "--pf-c-empty-state--m-xl__body--FontSize",
+        "--pf-global--FontSize--xl",
+        "$pf-global--FontSize--xl",
+        "pf-font-prem(20px)",
+        "1.25rem"
+      ]
+    },
     "c_empty_state__icon_MarginBottom": {
       "name": "--pf-c-empty-state__icon--MarginBottom",
       "value": "2rem",
@@ -493,15 +508,25 @@ export const c_empty_state: {
         "6.25rem"
       ]
     },
-    "c_empty_state_c_button__secondary_MarginTop": {
-      "name": "--pf-c-empty-state--c-button__secondary--MarginTop",
-      "value": "1rem",
+    "c_empty_state__title_text_FontSize": {
+      "name": "--pf-c-empty-state__title-text--FontSize",
+      "value": "2.25rem",
       "values": [
-        "--pf-c-empty-state--m-xl--c-button__secondary--MarginTop",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-c-empty-state--m-xl__title-text--FontSize",
+        "--pf-global--FontSize--4xl",
+        "$pf-global--FontSize--4xl",
+        "pf-font-prem(36px)",
+        "2.25rem"
+      ]
+    },
+    "c_empty_state__title_text_LineHeight": {
+      "name": "--pf-c-empty-state__title-text--LineHeight",
+      "value": "1.3",
+      "values": [
+        "--pf-c-empty-state--m-xl__title-text--LineHeight",
+        "--pf-global--LineHeight--sm",
+        "$pf-global--LineHeight--sm",
+        "1.3"
       ]
     }
   }