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

package/dist/js/c_masthead.js

@@ -8,6 +8,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -17,6 +18,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -26,7 +28,7 @@ exports.c_masthead = {
       "values": [
         "--pf-t--global--background--color--secondary--default",
         "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--100",
+        "--pf-t--color--gray--10",
         "#f2f2f2"
       ]
     },
@@ -35,6 +37,7 @@ exports.c_masthead = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -43,6 +46,7 @@ exports.c_masthead = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -71,6 +75,7 @@ exports.c_masthead = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -79,6 +84,7 @@ exports.c_masthead = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -92,8 +98,8 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead__main--before--BorderBottomWidth solid --pf-v5-c-masthead__main--before--BorderBottomColor",
         "--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
-        "1px solid --pf-t--global--border--color--100",
-        "1px solid --pf-t--color--gray--300",
+        "--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
+        "1px solid --pf-t--color--gray--30",
         "1px solid #c7c7c7"
       ]
     },
@@ -118,6 +124,7 @@ exports.c_masthead = {
       "value": "4px",
       "values": [
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -126,6 +133,7 @@ exports.c_masthead = {
       "value": "4px",
       "values": [
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -139,6 +147,7 @@ exports.c_masthead = {
       "values": [
         "calc(--pf-v5-c-masthead--inset * -1)",
         "calc(--pf-t--global--spacer--md * -1)",
+        "calc(--pf-t--global--spacer--300 * -1)",
         "calc(16px * -1)"
       ]
     },
@@ -148,6 +157,7 @@ exports.c_masthead = {
       "values": [
         "calc(--pf-v5-c-masthead--inset * -1)",
         "calc(--pf-t--global--spacer--md * -1)",
+        "calc(--pf-t--global--spacer--300 * -1)",
         "calc(16px * -1)"
       ]
     },
@@ -184,6 +194,7 @@ exports.c_masthead = {
       "value": "calc(24px / 2)",
       "values": [
         "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
         "calc(24px / 2)"
       ]
     },
@@ -220,6 +231,7 @@ exports.c_masthead = {
       "value": "calc(24px / 2)",
       "values": [
         "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
         "calc(24px / 2)"
       ]
     },
@@ -237,6 +249,7 @@ exports.c_masthead = {
       "values": [
         "calc(--pf-v5-c-masthead--inset * -1)",
         "calc(--pf-t--global--spacer--md * -1)",
+        "calc(--pf-t--global--spacer--300 * -1)",
         "calc(16px * -1)"
       ]
     },
@@ -246,6 +259,7 @@ exports.c_masthead = {
       "values": [
         "calc(--pf-v5-c-masthead--inset * -1)",
         "calc(--pf-t--global--spacer--md * -1)",
+        "calc(--pf-t--global--spacer--300 * -1)",
         "calc(16px * -1)"
       ]
     },
@@ -254,6 +268,7 @@ exports.c_masthead = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -263,7 +278,7 @@ exports.c_masthead = {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -272,6 +287,7 @@ exports.c_masthead = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -280,6 +296,7 @@ exports.c_masthead = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -288,15 +305,17 @@ exports.c_masthead = {
       "value": "calc(8px * -1)",
       "values": [
         "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
     },
     "c_masthead__toggle_c_button_FontSize": {
       "name": "--pf-v5-c-masthead__toggle--c-button--FontSize",
-      "value": "22px",
+      "value": "16px",
       "values": [
         "--pf-t--global--icon--size--lg",
-        "22px"
+        "--pf-t--global--icon--size--250",
+        "16px"
       ]
     },
     "c_masthead_c_toolbar__item_Display": {
@@ -309,7 +328,7 @@ exports.c_masthead = {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -324,7 +343,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -335,7 +354,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -346,7 +365,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -365,7 +384,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -376,7 +395,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -387,7 +406,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -406,7 +425,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -417,7 +436,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -428,7 +447,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -439,7 +458,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--BackgroundColor",
         "--pf-t--global--background--color--secondary--default",
         "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--100",
+        "--pf-t--color--gray--10",
         "#f2f2f2"
       ]
     },
@@ -460,6 +479,7 @@ exports.c_masthead = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -469,6 +489,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -477,6 +498,7 @@ exports.c_masthead = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -486,6 +508,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -494,6 +517,7 @@ exports.c_masthead = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -504,7 +528,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     }
@@ -518,7 +542,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--BackgroundColor",
         "--pf-t--global--background--color--secondary--default",
         "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--100",
+        "--pf-t--color--gray--10",
         "#f2f2f2"
       ]
     },
@@ -552,6 +576,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -570,6 +595,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -598,7 +624,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -610,7 +636,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -622,7 +648,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -634,7 +660,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -646,7 +672,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -658,7 +684,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -670,7 +696,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -682,7 +708,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -694,7 +720,7 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--item-border-color--base",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -748,6 +774,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__main--PaddingTop",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -757,6 +784,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__main--PaddingBottom",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -775,8 +803,8 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom",
         "--pf-v5-c-masthead__main--before--BorderBottomWidth solid --pf-v5-c-masthead__main--before--BorderBottomColor",
         "--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
-        "1px solid --pf-t--global--border--color--100",
-        "1px solid --pf-t--color--gray--300",
+        "--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
+        "1px solid --pf-t--color--gray--30",
         "1px solid #c7c7c7"
       ]
     },
@@ -810,6 +838,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__content--PaddingTop",
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -819,6 +848,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__content--PaddingBottom",
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -911,11 +941,12 @@ exports.c_masthead = {
   ".pf-v5-c-masthead__toggle .pf-v5-c-button": {
     "c_button_FontSize": {
       "name": "--pf-v5-c-button--FontSize",
-      "value": "22px",
+      "value": "16px",
       "values": [
         "--pf-v5-c-masthead__toggle--c-button--FontSize",
         "--pf-t--global--icon--size--lg",
-        "22px"
+        "--pf-t--global--icon--size--250",
+        "16px"
       ]
     }
   },
@@ -966,6 +997,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__main--PaddingTop",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -975,6 +1007,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__main--PaddingBottom",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -993,8 +1026,8 @@ exports.c_masthead = {
         "--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom",
         "--pf-v5-c-masthead__main--before--BorderBottomWidth solid --pf-v5-c-masthead__main--before--BorderBottomColor",
         "--pf-t--global--border--width--divider--default solid --pf-t--global--border--color--default",
-        "1px solid --pf-t--global--border--color--100",
-        "1px solid --pf-t--color--gray--300",
+        "--pf-t--global--border--width--100 solid --pf-t--global--border--color--100",
+        "1px solid --pf-t--color--gray--30",
         "1px solid #c7c7c7"
       ]
     },
@@ -1028,6 +1061,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__content--PaddingTop",
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -1037,6 +1071,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-stack__content--PaddingBottom",
         "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
         "4px"
       ]
     },
@@ -1130,6 +1165,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-inline__main--MarginRight",
         "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
         "calc(24px / 2)"
       ]
     },
@@ -1187,6 +1223,7 @@ exports.c_masthead = {
       "values": [
         "--pf-v5-c-masthead--m-display-inline__content--MarginLeft",
         "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
         "calc(24px / 2)"
       ]
     },

package/dist/js/c_masthead__toggle_c_button_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead__toggle_c_button_FontSize: {
   "name": "--pf-v5-c-masthead__toggle--c-button--FontSize",
-  "value": "22px",
+  "value": "16px",
   "var": "var(--pf-v5-c-masthead__toggle--c-button--FontSize)"
 };
 export default c_masthead__toggle_c_button_FontSize;

package/dist/js/c_masthead__toggle_c_button_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_masthead__toggle_c_button_FontSize = {
   "name": "--pf-v5-c-masthead__toggle--c-button--FontSize",
-  "value": "22px",
+  "value": "16px",
   "var": "var(--pf-v5-c-masthead__toggle--c-button--FontSize)"
 };
 exports["default"] = exports.c_masthead__toggle_c_button_FontSize;