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

package/dist/esm/c_page.d.ts

@@ -107,7 +107,7 @@ export const c_page: {
         "--pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor",
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -172,7 +172,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -181,6 +181,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -189,6 +190,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -198,7 +200,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -220,6 +222,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -228,6 +231,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -236,6 +240,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -244,6 +249,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -252,6 +258,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -260,6 +267,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -268,6 +276,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -276,6 +285,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -285,15 +295,17 @@ export const c_page: {
       "values": [
         "calc(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft * -1)",
         "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
     },
     "c_page__header_sidebar_toggle__c_button_FontSize": {
       "name": "--pf-v5-c-page__header-sidebar-toggle__c-button--FontSize",
-      "value": "22px",
+      "value": "16px",
       "values": [
         "--pf-t--global--icon--size--lg",
-        "22px"
+        "--pf-t--global--icon--size--250",
+        "16px"
       ]
     },
     "c_page__header_brand_link_c_brand_MaxHeight": {
@@ -306,7 +318,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -319,6 +331,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -327,6 +340,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -335,6 +349,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -343,6 +358,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -351,6 +367,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -359,6 +376,7 @@ export const c_page: {
       "value": "32px",
       "values": [
         "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
         "32px"
       ]
     },
@@ -397,7 +415,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -439,6 +457,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -451,6 +470,7 @@ export const c_page: {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -460,7 +480,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -469,6 +489,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -477,6 +498,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -485,6 +507,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -493,7 +516,8 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--font--size--heading--xs",
-        "--pf-t--global--font--size--heading--100",
+        "--pf-t--global--font--size--md",
+        "--pf-t--global--font--size--300",
         "16px"
       ]
     },
@@ -538,6 +562,7 @@ export const c_page: {
       "values": [
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -547,6 +572,7 @@ export const c_page: {
       "values": [
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -556,7 +582,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -566,7 +592,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -575,6 +601,7 @@ export const c_page: {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -584,7 +611,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -602,6 +629,7 @@ export const c_page: {
       "value": "calc(100% - 24px)",
       "values": [
         "calc(100% - --pf-t--global--spacer--lg)",
+        "calc(100% - --pf-t--global--spacer--400)",
         "calc(100% - 24px)"
       ]
     },
@@ -620,6 +648,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -628,6 +657,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -636,6 +666,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
         "24px"
       ]
     },
@@ -644,6 +675,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -663,6 +695,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -671,6 +704,7 @@ export const c_page: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -679,7 +713,8 @@ export const c_page: {
       "value": "calc(24px - 8px)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v5-c-page__main--BorderWidth)",
-        "calc(24px - --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
         "calc(24px - 8px)"
       ]
     },
@@ -692,7 +727,8 @@ export const c_page: {
       "value": "calc(24px - 8px)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v5-c-page__main--BorderWidth)",
-        "calc(24px - --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
         "calc(24px - 8px)"
       ]
     },
@@ -701,6 +737,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -720,7 +757,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -729,6 +766,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -737,6 +775,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -822,7 +861,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -831,6 +870,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -847,6 +887,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -855,6 +896,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -863,6 +905,7 @@ export const c_page: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -872,7 +915,7 @@ export const c_page: {
       "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"
       ]
     },
@@ -881,6 +924,7 @@ export const c_page: {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -890,7 +934,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -904,7 +948,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -913,6 +957,7 @@ export const c_page: {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -925,6 +970,7 @@ export const c_page: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -933,7 +979,8 @@ export const c_page: {
       "value": "calc(24px - 8px)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v5-c-page__main--BorderWidth)",
-        "calc(24px - --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
         "calc(24px - 8px)"
       ]
     },
@@ -946,7 +993,8 @@ export const c_page: {
       "value": "calc(24px - 8px)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v5-c-page__main--BorderWidth)",
-        "calc(24px - --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
         "calc(24px - 8px)"
       ]
     },
@@ -998,7 +1046,7 @@ export const c_page: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -1007,6 +1055,7 @@ export const c_page: {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     }
@@ -1045,6 +1094,7 @@ export const c_page: {
         "--pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight",
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -1055,6 +1105,7 @@ export const c_page: {
         "--pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft",
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     }
@@ -1086,6 +1137,7 @@ export const c_page: {
       "values": [
         "--pf-v5-c-page__main-breadcrumb--main-section--PaddingTop",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     }
@@ -1107,6 +1159,7 @@ export const c_page: {
       "values": [
         "--pf-v5-c-page__main-nav--page__main-tabs--PaddingTop",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     }
@@ -1118,6 +1171,7 @@ export const c_page: {
       "values": [
         "--pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     }
@@ -1130,7 +1184,7 @@ export const c_page: {
         "--pf-v5-c-page__main-section--m-secondary--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"
       ]
     }