@patternfly/react-tokens 4.18.0 → 4.20.5

package/dist/js/c_page.js

@@ -782,6 +782,43 @@ exports.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",
@@ -1355,6 +1392,59 @@ exports.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",

package/dist/js/c_page__sidebar_body_PaddingBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_page__sidebar_body_PaddingBottom: {
   "name": "--pf-c-page__sidebar-body--PaddingBottom",
-  "value": "1rem",
+  "value": "0",
   "var": "var(--pf-c-page__sidebar-body--PaddingBottom)"
 };
 export default c_page__sidebar_body_PaddingBottom;

package/dist/js/c_page__sidebar_body_PaddingBottom.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__sidebar_body_PaddingBottom = {
   "name": "--pf-c-page__sidebar-body--PaddingBottom",
-  "value": "1rem",
+  "value": "0",
   "var": "var(--pf-c-page__sidebar-body--PaddingBottom)"
 };
 exports["default"] = exports.c_page__sidebar_body_PaddingBottom;

package/dist/js/c_page__sidebar_body_PaddingTop.d.ts

@@ -1,6 +1,6 @@
 export const c_page__sidebar_body_PaddingTop: {
   "name": "--pf-c-page__sidebar-body--PaddingTop",
-  "value": "0.5rem",
+  "value": "0",
   "var": "var(--pf-c-page__sidebar-body--PaddingTop)"
 };
 export default c_page__sidebar_body_PaddingTop;

package/dist/js/c_page__sidebar_body_PaddingTop.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__sidebar_body_PaddingTop = {
   "name": "--pf-c-page__sidebar-body--PaddingTop",
-  "value": "0.5rem",
+  "value": "0",
   "var": "var(--pf-c-page__sidebar-body--PaddingTop)"
 };
 exports["default"] = exports.c_page__sidebar_body_PaddingTop;

package/dist/js/c_page__sidebar_body_m_menu_BorderTopColor.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_menu_BorderTopColor: {
+  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--BorderTopColor)"
+};
+export default c_page__sidebar_body_m_menu_BorderTopColor;

package/dist/js/c_page__sidebar_body_m_menu_BorderTopColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_body_m_menu_BorderTopColor = {
+  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--BorderTopColor)"
+};
+exports["default"] = exports.c_page__sidebar_body_m_menu_BorderTopColor;

package/dist/js/c_page__sidebar_body_m_menu_BorderTopWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_menu_BorderTopWidth: {
+  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth)"
+};
+export default c_page__sidebar_body_m_menu_BorderTopWidth;

package/dist/js/c_page__sidebar_body_m_menu_BorderTopWidth.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_body_m_menu_BorderTopWidth = {
+  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth)"
+};
+exports["default"] = exports.c_page__sidebar_body_m_menu_BorderTopWidth;

package/dist/js/c_page__sidebar_body_m_menu_PaddingBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_menu_PaddingBottom: {
+  "name": "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--PaddingBottom)"
+};
+export default c_page__sidebar_body_m_menu_PaddingBottom;

package/dist/js/c_page__sidebar_body_m_menu_PaddingBottom.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_body_m_menu_PaddingBottom = {
+  "name": "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--PaddingBottom)"
+};
+exports["default"] = exports.c_page__sidebar_body_m_menu_PaddingBottom;

package/dist/js/c_page__sidebar_body_m_menu_PaddingTop.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_menu_PaddingTop: {
+  "name": "--pf-c-page__sidebar-body--m-menu--PaddingTop",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--PaddingTop)"
+};
+export default c_page__sidebar_body_m_menu_PaddingTop;

package/dist/js/c_page__sidebar_body_m_menu_PaddingTop.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_body_m_menu_PaddingTop = {
+  "name": "--pf-c-page__sidebar-body--m-menu--PaddingTop",
+  "value": "0",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--PaddingTop)"
+};
+exports["default"] = exports.c_page__sidebar_body_m_menu_PaddingTop;

package/dist/js/c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor: {
+  "name": "--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor)"
+};
+export default c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor;

package/dist/js/c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor = {
+  "name": "--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor)"
+};
+exports["default"] = exports.c_page__sidebar_body_m_menu_c_context_selector_BorderBottomColor;

package/dist/js/c_panel.d.ts

@@ -0,0 +1,284 @@
+export const c_panel: {
+  ".pf-c-panel": {
+    "c_panel_Width": {
+      "name": "--pf-c-panel--Width",
+      "value": "auto"
+    },
+    "c_panel_MinWidth": {
+      "name": "--pf-c-panel--MinWidth",
+      "value": "auto"
+    },
+    "c_panel_MaxWidth": {
+      "name": "--pf-c-panel--MaxWidth",
+      "value": "none"
+    },
+    "c_panel_ZIndex": {
+      "name": "--pf-c-panel--ZIndex",
+      "value": "auto"
+    },
+    "c_panel_BackgroundColor": {
+      "name": "--pf-c-panel--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_panel_BoxShadow": {
+      "name": "--pf-c-panel--BoxShadow",
+      "value": "none"
+    },
+    "c_panel_before_BorderWidth": {
+      "name": "--pf-c-panel--before--BorderWidth",
+      "value": "0"
+    },
+    "c_panel_before_BorderColor": {
+      "name": "--pf-c-panel--before--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_panel_m_bordered_before_BorderWidth": {
+      "name": "--pf-c-panel--m-bordered--before--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_panel_m_raised_BoxShadow": {
+      "name": "--pf-c-panel--m-raised--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_panel_m_raised_ZIndex": {
+      "name": "--pf-c-panel--m-raised--ZIndex",
+      "value": "200",
+      "values": [
+        "--pf-global--ZIndex--sm",
+        "$pf-global--ZIndex--sm",
+        "200"
+      ]
+    },
+    "c_panel__header_PaddingTop": {
+      "name": "--pf-c-panel__header--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__header_PaddingRight": {
+      "name": "--pf-c-panel__header--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__header_PaddingBottom": {
+      "name": "--pf-c-panel__header--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__header_PaddingLeft": {
+      "name": "--pf-c-panel__header--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__main_MaxHeight": {
+      "name": "--pf-c-panel__main--MaxHeight",
+      "value": "none"
+    },
+    "c_panel__main_Overflow": {
+      "name": "--pf-c-panel__main--Overflow",
+      "value": "visible"
+    },
+    "c_panel__main_body_PaddingTop": {
+      "name": "--pf-c-panel__main-body--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__main_body_PaddingRight": {
+      "name": "--pf-c-panel__main-body--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__main_body_PaddingBottom": {
+      "name": "--pf-c-panel__main-body--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__main_body_PaddingLeft": {
+      "name": "--pf-c-panel__main-body--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__footer_PaddingTop": {
+      "name": "--pf-c-panel__footer--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__footer_PaddingRight": {
+      "name": "--pf-c-panel__footer--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__footer_PaddingBottom": {
+      "name": "--pf-c-panel__footer--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__footer_PaddingLeft": {
+      "name": "--pf-c-panel__footer--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_panel__footer_BoxShadow": {
+      "name": "--pf-c-panel__footer--BoxShadow",
+      "value": "none"
+    },
+    "c_panel_m_scrollable__main_MaxHeight": {
+      "name": "--pf-c-panel--m-scrollable__main--MaxHeight",
+      "value": "18.75rem"
+    },
+    "c_panel_m_scrollable__main_Overflow": {
+      "name": "--pf-c-panel--m-scrollable__main--Overflow",
+      "value": "auto"
+    },
+    "c_panel_m_scrollable__footer_BoxShadow": {
+      "name": "--pf-c-panel--m-scrollable__footer--BoxShadow",
+      "value": "0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)"
+    }
+  },
+  ".pf-c-panel.pf-m-bordered": {
+    "c_panel_before_BorderWidth": {
+      "name": "--pf-c-panel--before--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-c-panel--m-bordered--before--BorderWidth",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    }
+  },
+  ".pf-c-panel.pf-m-raised": {
+    "c_panel_BoxShadow": {
+      "name": "--pf-c-panel--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-c-panel--m-raised--BoxShadow",
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_panel_ZIndex": {
+      "name": "--pf-c-panel--ZIndex",
+      "value": "200",
+      "values": [
+        "--pf-c-panel--m-raised--ZIndex",
+        "--pf-global--ZIndex--sm",
+        "$pf-global--ZIndex--sm",
+        "200"
+      ]
+    }
+  },
+  ".pf-c-panel.pf-m-scrollable": {
+    "c_panel__main_MaxHeight": {
+      "name": "--pf-c-panel__main--MaxHeight",
+      "value": "18.75rem",
+      "values": [
+        "--pf-c-panel--m-scrollable__main--MaxHeight",
+        "18.75rem"
+      ]
+    },
+    "c_panel__main_Overflow": {
+      "name": "--pf-c-panel__main--Overflow",
+      "value": "auto",
+      "values": [
+        "--pf-c-panel--m-scrollable__main--Overflow",
+        "auto"
+      ]
+    },
+    "c_panel__footer_BoxShadow": {
+      "name": "--pf-c-panel__footer--BoxShadow",
+      "value": "0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)",
+      "values": [
+        "--pf-c-panel--m-scrollable__footer--BoxShadow",
+        "0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)"
+      ]
+    }
+  }
+};
+export default c_panel;