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

package/dist/esm/c_login.js

@@ -73,180 +73,6 @@ export const c_login = {
       ]
     }
   },
-  ".pf-c-login__footer .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-login__footer .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-login": {
     "c_login_PaddingTop": {
       "name": "--pf-c-login--PaddingTop",
@@ -268,10 +94,6 @@ export const c_login = {
         "1.5rem"
       ]
     },
-    "c_login_xl_BackgroundImage": {
-      "name": "--pf-c-login--xl--BackgroundImage",
-      "value": "none"
-    },
     "c_login__container_xl_GridColumnGap": {
       "name": "--pf-c-login__container--xl--GridColumnGap",
       "value": "4rem",
@@ -376,8 +198,8 @@ export const c_login = {
       "name": "--pf-c-login__main--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
         "$pf-color-white",
         "#fff"
       ]
@@ -392,6 +214,17 @@ export const c_login = {
         "1.5rem"
       ]
     },
+    "c_login__main_BoxShadow": {
+      "name": "--pf-c-login__main--BoxShadow",
+      "value": "0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1)",
+      "values": [
+        "--pf-global--BoxShadow--xl",
+        "$pf-global--BoxShadow--xl",
+        "0 pf-size-prem(16px) pf-size-prem(32px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(8px) 0 rgba($pf-color-black-1000, .1)",
+        "0 pf-size-prem(16px) pf-size-prem(32px) 0 rgba(#030303, .16), 0 0 pf-size-prem(8px) 0 rgba(#030303, .1)",
+        "0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1)"
+      ]
+    },
     "c_login__main_header_PaddingTop": {
       "name": "--pf-c-login__main-header--PaddingTop",
       "value": "3rem",
@@ -716,14 +549,23 @@ export const c_login = {
         "1rem"
       ]
     },
-    "c_login__main_footer_band_BackgroundColor": {
-      "name": "--pf-c-login__main-footer-band--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_login__main_footer_band_BorderTopColor": {
+      "name": "--pf-c-login__main-footer-band--BorderTopColor",
+      "value": "#d2d2d2",
       "values": [
-        "--pf-global--BackgroundColor--200",
-        "$pf-global--BackgroundColor--200",
-        "$pf-color-black-200",
-        "#f0f0f0"
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_login__main_footer_band_BorderTopWidth": {
+      "name": "--pf-c-login__main-footer-band--BorderTopWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
       ]
     },
     "c_login__main_footer_band_item_PaddingTop": {

package/dist/esm/c_login__main_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_login__main_BoxShadow: {
+  "name": "--pf-c-login__main--BoxShadow",
+  "value": "0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1)",
+  "var": "var(--pf-c-login__main--BoxShadow)"
+};
+export default c_login__main_BoxShadow;

package/dist/esm/c_login__main_BoxShadow.js

@@ -0,0 +1,6 @@
+export const c_login__main_BoxShadow = {
+  "name": "--pf-c-login__main--BoxShadow",
+  "value": "0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1)",
+  "var": "var(--pf-c-login__main--BoxShadow)"
+};
+export default c_login__main_BoxShadow;

package/dist/esm/c_login__main_footer_band_BorderTopColor.d.ts

@@ -0,0 +1,6 @@
+export const c_login__main_footer_band_BorderTopColor: {
+  "name": "--pf-c-login__main-footer-band--BorderTopColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-login__main-footer-band--BorderTopColor)"
+};
+export default c_login__main_footer_band_BorderTopColor;

package/dist/esm/c_login__main_footer_band_BorderTopColor.js

@@ -0,0 +1,6 @@
+export const c_login__main_footer_band_BorderTopColor = {
+  "name": "--pf-c-login__main-footer-band--BorderTopColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-login__main-footer-band--BorderTopColor)"
+};
+export default c_login__main_footer_band_BorderTopColor;

package/dist/esm/c_login__main_footer_band_BorderTopWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_login__main_footer_band_BorderTopWidth: {
+  "name": "--pf-c-login__main-footer-band--BorderTopWidth",
+  "value": "1px",
+  "var": "var(--pf-c-login__main-footer-band--BorderTopWidth)"
+};
+export default c_login__main_footer_band_BorderTopWidth;

package/dist/esm/c_login__main_footer_band_BorderTopWidth.js

@@ -0,0 +1,6 @@
+export const c_login__main_footer_band_BorderTopWidth = {
+  "name": "--pf-c-login__main-footer-band--BorderTopWidth",
+  "value": "1px",
+  "var": "var(--pf-c-login__main-footer-band--BorderTopWidth)"
+};
+export default c_login__main_footer_band_BorderTopWidth;

package/dist/esm/c_masthead.d.ts

@@ -169,180 +169,6 @@ export const c_masthead: {
       ]
     }
   },
-  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-masthead": {
     "c_masthead_PaddingLeft": {
       "name": "--pf-c-masthead--PaddingLeft",

package/dist/esm/c_masthead.js

@@ -169,180 +169,6 @@ export const c_masthead = {
       ]
     }
   },
-  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-masthead": {
     "c_masthead_PaddingLeft": {
       "name": "--pf-c-masthead--PaddingLeft",