@patternfly/react-tokens 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/js/c_sidebar.d.ts

@@ -1,5 +1,25 @@
 export const c_sidebar: {
   ".pf-c-sidebar": {
+    "c_sidebar_inset": {
+      "name": "--pf-c-sidebar--inset",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar_xl_inset": {
+      "name": "--pf-c-sidebar--xl--inset",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
     "c_sidebar_BackgroundColor": {
       "name": "--pf-c-sidebar--BackgroundColor",
       "value": "#fff",
@@ -10,6 +30,153 @@ export const c_sidebar: {
         "#fff"
       ]
     },
+    "c_sidebar_BorderWidth_base": {
+      "name": "--pf-c-sidebar--BorderWidth--base",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_sidebar_BorderColor_base": {
+      "name": "--pf-c-sidebar--BorderColor--base",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_sidebar__panel_PaddingTop": {
+      "name": "--pf-c-sidebar__panel--PaddingTop",
+      "value": "0"
+    },
+    "c_sidebar__panel_PaddingRight": {
+      "name": "--pf-c-sidebar__panel--PaddingRight",
+      "value": "0"
+    },
+    "c_sidebar__panel_PaddingBottom": {
+      "name": "--pf-c-sidebar__panel--PaddingBottom",
+      "value": "0"
+    },
+    "c_sidebar__panel_PaddingLeft": {
+      "name": "--pf-c-sidebar__panel--PaddingLeft",
+      "value": "0"
+    },
+    "c_sidebar__panel_Order": {
+      "name": "--pf-c-sidebar__panel--Order",
+      "value": "-1"
+    },
+    "c_sidebar__panel_m_padding_PaddingTop": {
+      "name": "--pf-c-sidebar__panel--m-padding--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_m_padding_PaddingRight": {
+      "name": "--pf-c-sidebar__panel--m-padding--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_m_padding_PaddingBottom": {
+      "name": "--pf-c-sidebar__panel--m-padding--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_m_padding_PaddingLeft": {
+      "name": "--pf-c-sidebar__panel--m-padding--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_PaddingTop": {
+      "name": "--pf-c-sidebar__content--PaddingTop",
+      "value": "0"
+    },
+    "c_sidebar__content_PaddingRight": {
+      "name": "--pf-c-sidebar__content--PaddingRight",
+      "value": "0"
+    },
+    "c_sidebar__content_PaddingBottom": {
+      "name": "--pf-c-sidebar__content--PaddingBottom",
+      "value": "0"
+    },
+    "c_sidebar__content_PaddingLeft": {
+      "name": "--pf-c-sidebar__content--PaddingLeft",
+      "value": "0"
+    },
+    "c_sidebar__content_Order": {
+      "name": "--pf-c-sidebar__content--Order",
+      "value": "1"
+    },
+    "c_sidebar__content_m_padding_PaddingTop": {
+      "name": "--pf-c-sidebar__content--m-padding--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_m_padding_PaddingRight": {
+      "name": "--pf-c-sidebar__content--m-padding--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_m_padding_PaddingBottom": {
+      "name": "--pf-c-sidebar__content--m-padding--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_m_padding_PaddingLeft": {
+      "name": "--pf-c-sidebar__content--m-padding--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
     "c_sidebar__main_FlexDirection": {
       "name": "--pf-c-sidebar__main--FlexDirection",
       "value": "column"
@@ -30,38 +197,58 @@ export const c_sidebar: {
       "name": "--pf-c-sidebar__main--child--MarginTop",
       "value": "0"
     },
-    "c_sidebar__main_child_MarginLeft": {
-      "name": "--pf-c-sidebar__main--child--MarginLeft",
-      "value": "0"
-    },
     "c_sidebar_m_gutter__main_Gap": {
       "name": "--pf-c-sidebar--m-gutter__main--Gap",
       "value": "1rem",
       "values": [
+        "--pf-c-sidebar--inset",
         "--pf-global--spacer--md",
         "$pf-global--spacer--md",
         "pf-size-prem(16px)",
         "1rem"
       ]
     },
-    "c_sidebar_m_gutter__main_xl_Gap": {
-      "name": "--pf-c-sidebar--m-gutter__main--xl--Gap",
-      "value": "1.5rem",
+    "c_sidebar__main_m_border_before_Display": {
+      "name": "--pf-c-sidebar__main--m-border--before--Display",
+      "value": "none"
+    },
+    "c_sidebar__main_m_border_before_md_Display": {
+      "name": "--pf-c-sidebar__main--m-border--before--md--Display",
+      "value": "block"
+    },
+    "c_sidebar__main_m_border_before_BorderWidth": {
+      "name": "--pf-c-sidebar__main--m-border--before--BorderWidth",
+      "value": "1px",
       "values": [
-        "--pf-global--spacer--lg",
-        "$pf-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-c-sidebar--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_sidebar__main_m_border_before_BorderColor": {
+      "name": "--pf-c-sidebar__main--m-border--before--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-sidebar--BorderColor--base",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
       ]
     },
     "c_sidebar_m_panel_right__panel_Order": {
       "name": "--pf-c-sidebar--m-panel-right__panel--Order",
-      "value": "0"
+      "value": "-1"
     },
     "c_sidebar_m_panel_right__panel_md_Order": {
       "name": "--pf-c-sidebar--m-panel-right__panel--md--Order",
       "value": "1"
     },
+    "c_sidebar_m_panel_right__content_md_Order": {
+      "name": "--pf-c-sidebar--m-panel-right__content--md--Order",
+      "value": "-1"
+    },
     "c_sidebar_m_stack__main_FlexDirection": {
       "name": "--pf-c-sidebar--m-stack__main--FlexDirection",
       "value": "column"
@@ -88,7 +275,7 @@ export const c_sidebar: {
     },
     "c_sidebar_m_stack_m_panel_right__panel_Order": {
       "name": "--pf-c-sidebar--m-stack--m-panel-right__panel--Order",
-      "value": "0"
+      "value": "-1"
     },
     "c_sidebar_m_split__main_AlignItems": {
       "name": "--pf-c-sidebar--m-split__main--AlignItems",
@@ -110,6 +297,10 @@ export const c_sidebar: {
       "name": "--pf-c-sidebar--m-split--m-panel-right__panel--Order",
       "value": "1"
     },
+    "c_sidebar_m_split__main_m_border_before_Display": {
+      "name": "--pf-c-sidebar--m-split__main--m-border--before--Display",
+      "value": "block"
+    },
     "c_sidebar__panel_FlexBasis_base": {
       "name": "--pf-c-sidebar__panel--FlexBasis-base",
       "value": "auto"
@@ -171,10 +362,6 @@ export const c_sidebar: {
         "100"
       ]
     },
-    "c_sidebar__panel_Order": {
-      "name": "--pf-c-sidebar__panel--Order",
-      "value": "0"
-    },
     "c_sidebar__panel_BackgroundColor": {
       "name": "--pf-c-sidebar__panel--BackgroundColor",
       "value": "#fff",
@@ -204,30 +391,21 @@ export const c_sidebar: {
       "value": "sticky"
     }
   },
-  ".pf-c-sidebar.pf-m-gutter": {
-    "c_sidebar__main_child_MarginTop": {
-      "name": "--pf-c-sidebar__main--child--MarginTop",
-      "value": "1rem",
-      "values": [
-        "--pf-c-sidebar--m-gutter__main--Gap",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_sidebar__main_child_MarginLeft": {
-      "name": "--pf-c-sidebar__main--child--MarginLeft",
-      "value": "0"
-    }
-  },
   ".pf-c-sidebar.pf-m-panel-right": {
     "c_sidebar__panel_Order": {
       "name": "--pf-c-sidebar__panel--Order",
-      "value": "0",
+      "value": "-1",
       "values": [
         "--pf-c-sidebar--m-panel-right__panel--Order",
-        "0"
+        "-1"
+      ]
+    },
+    "c_sidebar__content_Order": {
+      "name": "--pf-c-sidebar__content--Order",
+      "value": "undefined",
+      "values": [
+        "--pf-c-sidebar--m-panel-right__content--Order",
+        "undefined"
       ]
     }
   },
@@ -248,21 +426,6 @@ export const c_sidebar: {
         "stretch"
       ]
     },
-    "c_sidebar__main_child_MarginTop": {
-      "name": "--pf-c-sidebar__main--child--MarginTop",
-      "value": "1rem",
-      "values": [
-        "--pf-c-sidebar--m-gutter__main--Gap",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_sidebar__main_child_MarginLeft": {
-      "name": "--pf-c-sidebar__main--child--MarginLeft",
-      "value": "0"
-    },
     "c_sidebar__panel_Position": {
       "name": "--pf-c-sidebar__panel--Position",
       "value": "sticky",
@@ -296,12 +459,16 @@ export const c_sidebar: {
         "auto"
       ]
     },
+    "c_sidebar__main_m_border_before_Display": {
+      "name": "--pf-c-sidebar__main--m-border--before--Display",
+      "value": "none"
+    },
     "c_sidebar_m_panel_right__panel_Order": {
       "name": "--pf-c-sidebar--m-panel-right__panel--Order",
-      "value": "0",
+      "value": "-1",
       "values": [
         "--pf-c-sidebar--m-stack--m-panel-right__panel--Order",
-        "0"
+        "-1"
       ]
     }
   },
@@ -322,21 +489,6 @@ export const c_sidebar: {
         "start"
       ]
     },
-    "c_sidebar__main_child_MarginTop": {
-      "name": "--pf-c-sidebar__main--child--MarginTop",
-      "value": "0"
-    },
-    "c_sidebar__main_child_MarginLeft": {
-      "name": "--pf-c-sidebar__main--child--MarginLeft",
-      "value": "1rem",
-      "values": [
-        "--pf-c-sidebar--m-gutter__main--Gap",
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
     "c_sidebar__panel_Position": {
       "name": "--pf-c-sidebar__panel--Position",
       "value": "static",
@@ -365,6 +517,14 @@ export const c_sidebar: {
         "15.625rem"
       ]
     },
+    "c_sidebar__main_m_border_before_Display": {
+      "name": "--pf-c-sidebar__main--m-border--before--Display",
+      "value": "block",
+      "values": [
+        "--pf-c-sidebar--m-split__main--m-border--before--Display",
+        "block"
+      ]
+    },
     "c_sidebar_m_panel_right__panel_Order": {
       "name": "--pf-c-sidebar--m-panel-right__panel--Order",
       "value": "1",
@@ -374,6 +534,56 @@ export const c_sidebar: {
       ]
     }
   },
+  ".pf-c-sidebar__panel.pf-m-padding": {
+    "c_sidebar__panel_PaddingTop": {
+      "name": "--pf-c-sidebar__panel--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__panel--m-padding--PaddingTop",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_PaddingRight": {
+      "name": "--pf-c-sidebar__panel--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__panel--m-padding--PaddingRight",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_PaddingBottom": {
+      "name": "--pf-c-sidebar__panel--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__panel--m-padding--PaddingBottom",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__panel_PaddingLeft": {
+      "name": "--pf-c-sidebar__panel--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__panel--m-padding--PaddingLeft",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    }
+  },
   ".pf-c-sidebar__panel.pf-m-sticky": {
     "c_sidebar__panel_Position": {
       "name": "--pf-c-sidebar__panel--Position",
@@ -402,12 +612,74 @@ export const c_sidebar: {
       "value": "auto"
     }
   },
+  ".pf-c-sidebar__content.pf-m-padding": {
+    "c_sidebar__content_PaddingTop": {
+      "name": "--pf-c-sidebar__content--PaddingTop",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__content--m-padding--PaddingTop",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_PaddingRight": {
+      "name": "--pf-c-sidebar__content--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__content--m-padding--PaddingRight",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_PaddingBottom": {
+      "name": "--pf-c-sidebar__content--PaddingBottom",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__content--m-padding--PaddingBottom",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_sidebar__content_PaddingLeft": {
+      "name": "--pf-c-sidebar__content--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-sidebar__content--m-padding--PaddingTop",
+        "--pf-c-sidebar--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    }
+  },
   ".pf-c-sidebar__content.pf-m-no-background": {
     "c_sidebar__content_BackgroundColor": {
       "name": "--pf-c-sidebar__content--BackgroundColor",
       "value": "transparent"
     }
   },
+  ".pf-c-sidebar__content + .pf-c-sidebar__panel": {
+    "c_sidebar__panel_Order": {
+      "name": "--pf-c-sidebar__panel--Order",
+      "value": "1"
+    }
+  },
+  ":where(.pf-c-sidebar__content:first-child)": {
+    "c_sidebar__content_Order": {
+      "name": "--pf-c-sidebar__content--Order",
+      "value": "-1"
+    }
+  },
   ".pf-c-sidebar__panel.pf-m-width-default": {
     "c_sidebar__panel_FlexBasis": {
       "name": "--pf-c-sidebar__panel--FlexBasis",