@patternfly/react-tokens 6.0.0-alpha.6 → 6.0.0-alpha.8

package/dist/esm/c_sidebar.d.ts

@@ -1,52 +1,40 @@
 export const c_sidebar: {
-  ".pf-v5-c-sidebar": {
+  ":root": {
     "c_sidebar_inset": {
       "name": "--pf-v5-c-sidebar--inset",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar_xl_inset": {
       "name": "--pf-v5-c-sidebar--xl--inset",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
-      ]
-    },
-    "c_sidebar_BackgroundColor": {
-      "name": "--pf-v5-c-sidebar--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
-        "#fff"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     },
     "c_sidebar_BorderWidth_base": {
       "name": "--pf-v5-c-sidebar--BorderWidth--base",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
     "c_sidebar_BorderColor_base": {
       "name": "--pf-v5-c-sidebar--BorderColor--base",
-      "value": "#d2d2d2",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_sidebar__panel_PaddingTop": {
@@ -71,46 +59,42 @@ export const c_sidebar: {
     },
     "c_sidebar__panel_m_padding_PaddingTop": {
       "name": "--pf-v5-c-sidebar__panel--m-padding--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_m_padding_PaddingRight": {
       "name": "--pf-v5-c-sidebar__panel--m-padding--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_m_padding_PaddingBottom": {
       "name": "--pf-v5-c-sidebar__panel--m-padding--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_m_padding_PaddingLeft": {
       "name": "--pf-v5-c-sidebar__panel--m-padding--PaddingLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_PaddingTop": {
@@ -135,46 +119,42 @@ export const c_sidebar: {
     },
     "c_sidebar__content_m_padding_PaddingTop": {
       "name": "--pf-v5-c-sidebar__content--m-padding--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_m_padding_PaddingRight": {
       "name": "--pf-v5-c-sidebar__content--m-padding--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_m_padding_PaddingBottom": {
       "name": "--pf-v5-c-sidebar__content--m-padding--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_m_padding_PaddingLeft": {
       "name": "--pf-v5-c-sidebar__content--m-padding--PaddingLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__main_FlexDirection": {
@@ -199,13 +179,12 @@ export const c_sidebar: {
     },
     "c_sidebar_m_gutter__main_Gap": {
       "name": "--pf-v5-c-sidebar--m-gutter__main--Gap",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__main_m_border_before_Display": {
@@ -221,20 +200,20 @@ export const c_sidebar: {
       "value": "1px",
       "values": [
         "--pf-v5-c-sidebar--BorderWidth--base",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
     "c_sidebar__main_m_border_before_BorderColor": {
       "name": "--pf-v5-c-sidebar__main--m-border--before--BorderColor",
-      "value": "#d2d2d2",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v5-c-sidebar--BorderColor--base",
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_sidebar_m_panel_right__panel_Order": {
@@ -357,8 +336,7 @@ export const c_sidebar: {
       "name": "--pf-v5-c-sidebar__panel--ZIndex",
       "value": "100",
       "values": [
-        "--pf-v5-global--ZIndex--xs",
-        "$pf-v5-global--ZIndex--xs",
+        "--pf-t--global--Zindex--xs",
         "100"
       ]
     },
@@ -366,22 +344,42 @@ export const c_sidebar: {
       "name": "--pf-v5-c-sidebar__panel--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
+    "c_sidebar__panel_m_secondary_BackgroundColor": {
+      "name": "--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
     "c_sidebar__content_BackgroundColor": {
       "name": "--pf-v5-c-sidebar__content--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
+    "c_sidebar__content_m_secondary_BackgroundColor": {
+      "name": "--pf-v5-c-sidebar__content--m-secondary--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
     "c_sidebar__panel_m_sticky_Top": {
       "name": "--pf-v5-c-sidebar__panel--m-sticky--Top",
       "value": "0"
@@ -394,10 +392,10 @@ export const c_sidebar: {
   ".pf-v5-c-sidebar.pf-m-panel-right": {
     "c_sidebar__panel_Order": {
       "name": "--pf-v5-c-sidebar__panel--Order",
-      "value": "-1",
+      "value": "",
       "values": [
         "--pf-v5-c-sidebar--m-panel-right__panel--Order",
-        "-1"
+        ""
       ]
     },
     "c_sidebar__content_Order": {
@@ -537,50 +535,46 @@ export const c_sidebar: {
   ".pf-v5-c-sidebar__panel.pf-m-padding": {
     "c_sidebar__panel_PaddingTop": {
       "name": "--pf-v5-c-sidebar__panel--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__panel--m-padding--PaddingTop",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_PaddingRight": {
       "name": "--pf-v5-c-sidebar__panel--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__panel--m-padding--PaddingRight",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_PaddingBottom": {
       "name": "--pf-v5-c-sidebar__panel--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__panel--m-padding--PaddingBottom",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__panel_PaddingLeft": {
       "name": "--pf-v5-c-sidebar__panel--PaddingLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__panel--m-padding--PaddingLeft",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     }
   },
@@ -612,53 +606,62 @@ export const c_sidebar: {
       "value": "auto"
     }
   },
+  ".pf-v5-c-sidebar__panel.pf-m-secondary": {
+    "c_sidebar__panel_BackgroundColor": {
+      "name": "--pf-v5-c-sidebar__panel--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor",
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    }
+  },
   ".pf-v5-c-sidebar__content.pf-m-padding": {
     "c_sidebar__content_PaddingTop": {
       "name": "--pf-v5-c-sidebar__content--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__content--m-padding--PaddingTop",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_PaddingRight": {
       "name": "--pf-v5-c-sidebar__content--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__content--m-padding--PaddingRight",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_PaddingBottom": {
       "name": "--pf-v5-c-sidebar__content--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__content--m-padding--PaddingBottom",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_sidebar__content_PaddingLeft": {
       "name": "--pf-v5-c-sidebar__content--PaddingLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-sidebar__content--m-padding--PaddingTop",
         "--pf-v5-c-sidebar--inset",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     }
   },
@@ -668,6 +671,19 @@ export const c_sidebar: {
       "value": "transparent"
     }
   },
+  ".pf-v5-c-sidebar__content.pf-m-secondary": {
+    "c_sidebar__content_BackgroundColor": {
+      "name": "--pf-v5-c-sidebar__content--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v5-c-sidebar__content--m-secondary--BackgroundColor",
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    }
+  },
   ".pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel": {
     "c_sidebar__panel_Order": {
       "name": "--pf-v5-c-sidebar__panel--Order",