@patternfly/react-tokens 4.18.0 → 4.20.5

package/dist/esm/c_nav.d.ts

@@ -9,10 +9,6 @@ export const c_nav: {
         "all 250ms cubic-bezier(.42, 0, .58, 1)"
       ]
     },
-    "c_nav__item_m_expanded__toggle_icon_Rotate": {
-      "name": "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
-      "value": "90deg"
-    },
     "c_nav_m_light__item_before_BorderColor": {
       "name": "--pf-c-nav--m-light__item--before--BorderColor",
       "value": "#f0f0f0",
@@ -246,6 +242,34 @@ export const c_nav: {
         "4px"
       ]
     },
+    "c_nav__item__item__link_PaddingRight": {
+      "name": "--pf-c-nav__item__item__link--PaddingRight",
+      "value": "2rem",
+      "values": [
+        "--pf-global--spacer--xl",
+        "$pf-global--spacer--xl",
+        "pf-size-prem(32px)",
+        "2rem"
+      ]
+    },
+    "c_nav__item__item__toggle_FontSize": {
+      "name": "--pf-c-nav__item__item__toggle--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "0"
+    },
+    "c_nav__item_m_expanded__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
+      "value": "90deg"
+    },
     "c_nav__item_before_BorderColor": {
       "name": "--pf-c-nav__item--before--BorderColor",
       "value": "#3c3f42",
@@ -1423,6 +1447,36 @@ export const c_nav: {
       "name": "--pf-c-nav__subnav--MaxHeight",
       "value": "0"
     },
+    "c_nav__subnav__subnav_PaddingLeft": {
+      "name": "--pf-c-nav__subnav__subnav--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav__subnav__subnav__link_PaddingLeft": {
+      "name": "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav__subnav__subnav__link_FontSize": {
+      "name": "--pf-c-nav__subnav__subnav__link--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
     "c_nav__item_m_expanded__subnav_MaxHeight": {
       "name": "--pf-c-nav__item--m-expanded__subnav--MaxHeight",
       "value": "100%"
@@ -3321,10 +3375,48 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-c-nav__item": {
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "0"
+    }
+  },
   ".pf-c-nav__item.pf-m-expandable": {
     "c_nav__link_before_BorderBottomWidth": {
       "name": "--pf-c-nav__link--before--BorderBottomWidth",
       "value": "0"
+    },
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "90deg",
+      "values": [
+        "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
+        "90deg"
+      ]
+    }
+  },
+  ".pf-c-nav__item .pf-c-nav__item.pf-m-expandable": {
+    "c_nav__toggle_FontSize": {
+      "name": "--pf-c-nav__toggle--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-c-nav__item__item__toggle--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_nav__link_PaddingRight": {
+      "name": "--pf-c-nav__link--PaddingRight",
+      "value": "2rem",
+      "values": [
+        "--pf-c-nav__item__item__link--PaddingRight",
+        "--pf-global--spacer--xl",
+        "$pf-global--spacer--xl",
+        "pf-size-prem(32px)",
+        "2rem"
+      ]
     }
   },
   ".pf-c-nav__item.pf-m-flyout:hover": {
@@ -3773,6 +3865,41 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-c-nav__subnav .pf-c-nav__subnav": {
+    "c_nav__link_FontSize": {
+      "name": "--pf-c-nav__link--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav__link--FontSize",
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_nav__link_PaddingLeft": {
+      "name": "--pf-c-nav__link--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav__subnav_PaddingLeft": {
+      "name": "--pf-c-nav__subnav--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav--PaddingLeft",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-expanded .pf-c-nav__subnav": {
     "c_nav__subnav_MaxHeight": {
       "name": "--pf-c-nav__subnav--MaxHeight",

package/dist/esm/c_nav.js

@@ -9,10 +9,6 @@ export const c_nav = {
         "all 250ms cubic-bezier(.42, 0, .58, 1)"
       ]
     },
-    "c_nav__item_m_expanded__toggle_icon_Rotate": {
-      "name": "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
-      "value": "90deg"
-    },
     "c_nav_m_light__item_before_BorderColor": {
       "name": "--pf-c-nav--m-light__item--before--BorderColor",
       "value": "#f0f0f0",
@@ -246,6 +242,34 @@ export const c_nav = {
         "4px"
       ]
     },
+    "c_nav__item__item__link_PaddingRight": {
+      "name": "--pf-c-nav__item__item__link--PaddingRight",
+      "value": "2rem",
+      "values": [
+        "--pf-global--spacer--xl",
+        "$pf-global--spacer--xl",
+        "pf-size-prem(32px)",
+        "2rem"
+      ]
+    },
+    "c_nav__item__item__toggle_FontSize": {
+      "name": "--pf-c-nav__item__item__toggle--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "0"
+    },
+    "c_nav__item_m_expanded__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
+      "value": "90deg"
+    },
     "c_nav__item_before_BorderColor": {
       "name": "--pf-c-nav__item--before--BorderColor",
       "value": "#3c3f42",
@@ -1423,6 +1447,36 @@ export const c_nav = {
       "name": "--pf-c-nav__subnav--MaxHeight",
       "value": "0"
     },
+    "c_nav__subnav__subnav_PaddingLeft": {
+      "name": "--pf-c-nav__subnav__subnav--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_nav__subnav__subnav__link_PaddingLeft": {
+      "name": "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav__subnav__subnav__link_FontSize": {
+      "name": "--pf-c-nav__subnav__subnav__link--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
     "c_nav__item_m_expanded__subnav_MaxHeight": {
       "name": "--pf-c-nav__item--m-expanded__subnav--MaxHeight",
       "value": "100%"
@@ -3321,10 +3375,48 @@ export const c_nav = {
       ]
     }
   },
+  ".pf-c-nav__item": {
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "0"
+    }
+  },
   ".pf-c-nav__item.pf-m-expandable": {
     "c_nav__link_before_BorderBottomWidth": {
       "name": "--pf-c-nav__link--before--BorderBottomWidth",
       "value": "0"
+    },
+    "c_nav__item__toggle_icon_Rotate": {
+      "name": "--pf-c-nav__item__toggle-icon--Rotate",
+      "value": "90deg",
+      "values": [
+        "--pf-c-nav__item--m-expanded__toggle-icon--Rotate",
+        "90deg"
+      ]
+    }
+  },
+  ".pf-c-nav__item .pf-c-nav__item.pf-m-expandable": {
+    "c_nav__toggle_FontSize": {
+      "name": "--pf-c-nav__toggle--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-c-nav__item__item__toggle--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_nav__link_PaddingRight": {
+      "name": "--pf-c-nav__link--PaddingRight",
+      "value": "2rem",
+      "values": [
+        "--pf-c-nav__item__item__link--PaddingRight",
+        "--pf-global--spacer--xl",
+        "$pf-global--spacer--xl",
+        "pf-size-prem(32px)",
+        "2rem"
+      ]
     }
   },
   ".pf-c-nav__item.pf-m-flyout:hover": {
@@ -3773,6 +3865,41 @@ export const c_nav = {
       ]
     }
   },
+  ".pf-c-nav__subnav .pf-c-nav__subnav": {
+    "c_nav__link_FontSize": {
+      "name": "--pf-c-nav__link--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav__link--FontSize",
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_nav__link_PaddingLeft": {
+      "name": "--pf-c-nav__link--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_nav__subnav_PaddingLeft": {
+      "name": "--pf-c-nav__subnav--PaddingLeft",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-nav__subnav__subnav--PaddingLeft",
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    }
+  },
   ".pf-c-nav__item.pf-m-expanded .pf-c-nav__subnav": {
     "c_nav__subnav_MaxHeight": {
       "name": "--pf-c-nav__subnav--MaxHeight",

package/dist/esm/c_nav__item__item__link_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item__item__link_PaddingRight: {
+  "name": "--pf-c-nav__item__item__link--PaddingRight",
+  "value": "2rem",
+  "var": "var(--pf-c-nav__item__item__link--PaddingRight)"
+};
+export default c_nav__item__item__link_PaddingRight;

package/dist/esm/c_nav__item__item__link_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_nav__item__item__link_PaddingRight = {
+  "name": "--pf-c-nav__item__item__link--PaddingRight",
+  "value": "2rem",
+  "var": "var(--pf-c-nav__item__item__link--PaddingRight)"
+};
+export default c_nav__item__item__link_PaddingRight;

package/dist/esm/c_nav__item__item__toggle_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item__item__toggle_FontSize: {
+  "name": "--pf-c-nav__item__item__toggle--FontSize",
+  "value": "0.875rem",
+  "var": "var(--pf-c-nav__item__item__toggle--FontSize)"
+};
+export default c_nav__item__item__toggle_FontSize;

package/dist/esm/c_nav__item__item__toggle_FontSize.js

@@ -0,0 +1,6 @@
+export const c_nav__item__item__toggle_FontSize = {
+  "name": "--pf-c-nav__item__item__toggle--FontSize",
+  "value": "0.875rem",
+  "var": "var(--pf-c-nav__item__item__toggle--FontSize)"
+};
+export default c_nav__item__item__toggle_FontSize;

package/dist/esm/c_nav__item__toggle_icon_Rotate.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item__toggle_icon_Rotate: {
+  "name": "--pf-c-nav__item__toggle-icon--Rotate",
+  "value": "90deg",
+  "var": "var(--pf-c-nav__item__toggle-icon--Rotate)"
+};
+export default c_nav__item__toggle_icon_Rotate;

package/dist/esm/c_nav__item__toggle_icon_Rotate.js

@@ -0,0 +1,6 @@
+export const c_nav__item__toggle_icon_Rotate = {
+  "name": "--pf-c-nav__item__toggle-icon--Rotate",
+  "value": "90deg",
+  "var": "var(--pf-c-nav__item__toggle-icon--Rotate)"
+};
+export default c_nav__item__toggle_icon_Rotate;

package/dist/esm/c_nav__subnav_PaddingLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__subnav_PaddingLeft: {
   "name": "--pf-c-nav__subnav--PaddingLeft",
-  "value": "0",
+  "value": "1.5rem",
   "var": "var(--pf-c-nav__subnav--PaddingLeft)"
 };
 export default c_nav__subnav_PaddingLeft;

package/dist/esm/c_nav__subnav_PaddingLeft.js

@@ -1,6 +1,6 @@
 export const c_nav__subnav_PaddingLeft = {
   "name": "--pf-c-nav__subnav--PaddingLeft",
-  "value": "0",
+  "value": "1.5rem",
   "var": "var(--pf-c-nav__subnav--PaddingLeft)"
 };
 export default c_nav__subnav_PaddingLeft;

package/dist/esm/c_nav__subnav__subnav_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav_PaddingLeft: {
+  "name": "--pf-c-nav__subnav__subnav--PaddingLeft",
+  "value": "1.5rem",
+  "var": "var(--pf-c-nav__subnav__subnav--PaddingLeft)"
+};
+export default c_nav__subnav__subnav_PaddingLeft;

package/dist/esm/c_nav__subnav__subnav_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav_PaddingLeft = {
+  "name": "--pf-c-nav__subnav__subnav--PaddingLeft",
+  "value": "1.5rem",
+  "var": "var(--pf-c-nav__subnav__subnav--PaddingLeft)"
+};
+export default c_nav__subnav__subnav_PaddingLeft;

package/dist/esm/c_nav__subnav__subnav__link_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav__link_FontSize: {
+  "name": "--pf-c-nav__subnav__subnav__link--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-nav__subnav__subnav__link--FontSize)"
+};
+export default c_nav__subnav__subnav__link_FontSize;

package/dist/esm/c_nav__subnav__subnav__link_FontSize.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav__link_FontSize = {
+  "name": "--pf-c-nav__subnav__subnav__link--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-nav__subnav__subnav__link--FontSize)"
+};
+export default c_nav__subnav__subnav__link_FontSize;

package/dist/esm/c_nav__subnav__subnav__link_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav__link_PaddingLeft: {
+  "name": "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-nav__subnav__subnav__link--PaddingLeft)"
+};
+export default c_nav__subnav__subnav__link_PaddingLeft;

package/dist/esm/c_nav__subnav__subnav__link_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_nav__subnav__subnav__link_PaddingLeft = {
+  "name": "--pf-c-nav__subnav__subnav__link--PaddingLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-nav__subnav__subnav__link--PaddingLeft)"
+};
+export default c_nav__subnav__subnav__link_PaddingLeft;

package/dist/esm/c_nav__toggle_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__toggle_FontSize: {
   "name": "--pf-c-nav__toggle--FontSize",
-  "value": "1.125rem",
+  "value": "0.875rem",
   "var": "var(--pf-c-nav__toggle--FontSize)"
 };
 export default c_nav__toggle_FontSize;

package/dist/esm/c_nav__toggle_FontSize.js

@@ -1,6 +1,6 @@
 export const c_nav__toggle_FontSize = {
   "name": "--pf-c-nav__toggle--FontSize",
-  "value": "1.125rem",
+  "value": "0.875rem",
   "var": "var(--pf-c-nav__toggle--FontSize)"
 };
 export default c_nav__toggle_FontSize;

package/dist/esm/c_page.d.ts

@@ -780,6 +780,43 @@ export const c_page: {
         "1rem"
       ]
     },
+    "c_page__sidebar_body_m_menu_PaddingTop": {
+      "name": "--pf-c-page__sidebar-body--m-menu--PaddingTop",
+      "value": "0"
+    },
+    "c_page__sidebar_body_m_menu_PaddingBottom": {
+      "name": "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
+      "value": "0"
+    },
+    "c_page__sidebar_body_m_menu_BorderTopColor": {
+      "name": "--pf-c-page__sidebar-body--m-menu--BorderTopColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_page__sidebar_body_m_menu_BorderTopWidth": {
+      "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor": {
+      "name": "--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
     "c_page__main_ZIndex": {
       "name": "--pf-c-page__main--ZIndex",
       "value": "100",
@@ -1353,6 +1390,59 @@ export const c_page: {
       ]
     }
   },
+  ".pf-c-page__sidebar-body.pf-m-menu": {
+    "c_page__sidebar_body_PaddingTop": {
+      "name": "--pf-c-page__sidebar-body--PaddingTop",
+      "value": "0",
+      "values": [
+        "--pf-c-page__sidebar-body--m-menu--PaddingTop",
+        "0"
+      ]
+    },
+    "c_page__sidebar_body_PaddingBottom": {
+      "name": "--pf-c-page__sidebar-body--PaddingBottom",
+      "value": "0",
+      "values": [
+        "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
+        "0"
+      ]
+    }
+  },
+  ".pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu": {
+    "c_page__sidebar_body_m_menu_BorderTopWidth": {
+      "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
+      "value": "0"
+    }
+  },
+  ".pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector": {
+    "c_context_selector__toggle_BorderTopColor": {
+      "name": "--pf-c-context-selector__toggle--BorderTopColor",
+      "value": "transparent"
+    },
+    "c_context_selector__toggle_BorderRightColor": {
+      "name": "--pf-c-context-selector__toggle--BorderRightColor",
+      "value": "transparent"
+    },
+    "c_context_selector__toggle_BorderBottomColor": {
+      "name": "--pf-c-context-selector__toggle--BorderBottomColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_context_selector__toggle_BorderLeftColor": {
+      "name": "--pf-c-context-selector__toggle--BorderLeftColor",
+      "value": "transparent"
+    },
+    "c_context_selector__menu_Top": {
+      "name": "--pf-c-context-selector__menu--Top",
+      "value": "100%"
+    }
+  },
   ".pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main": {
     "c_page__main_subnav_BorderLeftWidth": {
       "name": "--pf-c-page__main-subnav--BorderLeftWidth",