npm - @patternfly/react-tokens - Versions diffs - 6.0.0-alpha.2 → 6.0.0-alpha.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5558) hide show

package/dist/esm/c_page.js CHANGED Viewed

@@ -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,22 +457,20 @@ export const c_page = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
     "c_page__sidebar_PaddingInlineStart": {
       "name": "--pf-v5-c-page__sidebar--PaddingInlineStart",
-      "value": "24px",
-      "values": [
-        "--pf-t--global--spacer--lg",
-        "24px"
-      ]
+      "value": "0"
     },
     "c_page__sidebar_header_BorderBottomWidth": {
       "name": "--pf-v5-c-page__sidebar-header--BorderBottomWidth",
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -464,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"
       ]
     },
@@ -473,6 +489,7 @@ export const c_page = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -481,42 +498,53 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
+    "c_page__sidebar_title_PaddingLeft": {
+      "name": "--pf-v5-c-page__sidebar-title--PaddingLeft",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
+      ]
+    },
     "c_page__sidebar_title_FontSize": {
       "name": "--pf-v5-c-page__sidebar-title--FontSize",
       "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"
       ]
     },
     "c_page__sidebar_title_LineHeight": {
       "name": "--pf-v5-c-page__sidebar-title--LineHeight",
-      "value": "1.5",
+      "value": "1.3",
       "values": [
         "--pf-t--global--font--line-height--heading",
-        "--pf-t--global--font--line-height--200",
-        "1.5"
+        "--pf-t--global--font--line-height--100",
+        "1.3"
       ]
     },
     "c_page__sidebar_title_FontFamily": {
       "name": "--pf-v5-c-page__sidebar-title--FontFamily",
-      "value": "redhatdisplay",
+      "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
       "values": [
         "--pf-t--global--font--family--heading",
         "--pf-t--global--font--family--200",
-        "redhatdisplay"
+        "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif"
       ]
     },
     "c_page__sidebar_title_FontWeight": {
       "name": "--pf-v5-c-page__sidebar-title--FontWeight",
       "value": "700",
       "values": [
-        "--pf-t--global--font--weight--heading--bold",
-        "--pf-t--global--font--weight--heading--200",
+        "--pf-t--global--font--weight--heading",
+        "--pf-t--global--font--weight--heading--100",
         "700"
       ]
     },
@@ -534,6 +562,7 @@ export const c_page = {
       "values": [
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -543,6 +572,7 @@ export const c_page = {
       "values": [
         "--pf-v5-c-page--inset",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -552,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"
       ]
     },
@@ -562,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"
       ]
     },
@@ -571,6 +601,7 @@ export const c_page = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -580,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"
       ]
     },
@@ -598,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)"
       ]
     },
@@ -616,6 +648,7 @@ export const c_page = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -624,6 +657,7 @@ export const c_page = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -632,6 +666,7 @@ export const c_page = {
       "value": "24px",
       "values": [
         "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
         "24px"
       ]
     },
@@ -640,6 +675,7 @@ export const c_page = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -659,6 +695,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -667,6 +704,7 @@ export const c_page = {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -675,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)"
       ]
     },
@@ -688,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)"
       ]
     },
@@ -697,6 +737,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -716,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"
       ]
     },
@@ -725,6 +766,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -733,6 +775,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -772,18 +815,18 @@ export const c_page = {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "undefined",
+      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
       "values": [
-        "--pf-t--global--box-shadow--sm-top",
-        "undefined"
+        "--pf-t--global--box-shadow--sm--top",
+        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
       ]
     },
     "c_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "undefined",
+      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
       "values": [
-        "--pf-t--global--box-shadow--sm-bottom",
-        "undefined"
+        "--pf-t--global--box-shadow--sm--bottom",
+        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -797,10 +840,10 @@ export const c_page = {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-top--BoxShadow",
-      "value": "undefined",
+      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
       "values": [
-        "--pf-t--global--box-shadow--sm-top",
-        "undefined"
+        "--pf-t--global--box-shadow--sm--top",
+        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
       ]
     },
     "c_page_section_m_shadow_top_ZIndex": {
@@ -818,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"
       ]
     },
@@ -827,6 +870,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -843,6 +887,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -851,6 +896,7 @@ export const c_page = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -859,6 +905,7 @@ export const c_page = {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -868,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"
       ]
     },
@@ -877,6 +924,7 @@ export const c_page = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -886,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"
       ]
     },
@@ -900,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"
       ]
     },
@@ -909,6 +957,7 @@ export const c_page = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--divider--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -921,6 +970,7 @@ export const c_page = {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -929,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)"
       ]
     },
@@ -942,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)"
       ]
     },
@@ -994,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"
       ]
     },
@@ -1003,6 +1055,7 @@ export const c_page = {
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     }
@@ -1041,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"
       ]
     },
@@ -1051,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"
       ]
     }
@@ -1082,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"
       ]
     }
@@ -1103,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"
       ]
     }
@@ -1114,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"
       ]
     }
@@ -1126,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"
       ]
     }

package/dist/esm/c_page__header_sidebar_toggle__c_button_FontSize.d.ts CHANGED Viewed

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

package/dist/esm/c_page__header_sidebar_toggle__c_button_FontSize.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__header_sidebar_toggle__c_button_FontSize = {
   "name": "--pf-v5-c-page__header-sidebar-toggle__c-button--FontSize",
-  "value": "22px",
+  "value": "16px",
   "var": "var(--pf-v5-c-page__header-sidebar-toggle__c-button--FontSize)"
 };
 export default c_page__header_sidebar_toggle__c_button_FontSize;

package/dist/esm/c_page__sidebar_PaddingInlineStart.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__sidebar_PaddingInlineStart: {
   "name": "--pf-v5-c-page__sidebar--PaddingInlineStart",
-  "value": "24px",
+  "value": "0",
   "var": "var(--pf-v5-c-page__sidebar--PaddingInlineStart)"
 };
 export default c_page__sidebar_PaddingInlineStart;

package/dist/esm/c_page__sidebar_PaddingInlineStart.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__sidebar_PaddingInlineStart = {
   "name": "--pf-v5-c-page__sidebar--PaddingInlineStart",
-  "value": "24px",
+  "value": "0",
   "var": "var(--pf-v5-c-page__sidebar--PaddingInlineStart)"
 };
 export default c_page__sidebar_PaddingInlineStart;

package/dist/esm/c_page__sidebar_title_FontFamily.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__sidebar_title_FontFamily: {
   "name": "--pf-v5-c-page__sidebar-title--FontFamily",
-  "value": "redhatdisplay",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
   "var": "var(--pf-v5-c-page__sidebar-title--FontFamily)"
 };
 export default c_page__sidebar_title_FontFamily;