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

package/dist/esm/c_options_menu.js

@@ -44,19 +44,20 @@ export const c_options_menu = {
         "0.5rem"
       ]
     },
+    "c_options_menu__toggle_ColumnGap": {
+      "name": "--pf-c-options-menu__toggle--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_options_menu__toggle_MinWidth": {
       "name": "--pf-c-options-menu__toggle--MinWidth",
       "value": "0"
     },
-    "c_options_menu__toggle_LineHeight": {
-      "name": "--pf-c-options-menu__toggle--LineHeight",
-      "value": "1.5",
-      "values": [
-        "--pf-global--LineHeight--md",
-        "$pf-global--LineHeight--md",
-        "1.5"
-      ]
-    },
     "c_options_menu__toggle_BorderWidth": {
       "name": "--pf-c-options-menu__toggle--BorderWidth",
       "value": "1px",
@@ -243,8 +244,8 @@ export const c_options_menu = {
         "1rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginRight": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginRight",
+    "c_options_menu__toggle_icon_PaddingRight": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -253,14 +254,14 @@ export const c_options_menu = {
         "0.5rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginLeft": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginLeft",
-      "value": "1rem",
+    "c_options_menu__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_options_menu_m_top_m_expanded__toggle_icon_Rotate": {

package/dist/esm/c_options_menu__toggle_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_ColumnGap: {
+  "name": "--pf-c-options-menu__toggle--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle--ColumnGap)"
+};
+export default c_options_menu__toggle_ColumnGap;

package/dist/esm/c_options_menu__toggle_ColumnGap.js

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_ColumnGap = {
+  "name": "--pf-c-options-menu__toggle--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle--ColumnGap)"
+};
+export default c_options_menu__toggle_ColumnGap;

package/dist/esm/c_options_menu__toggle_icon_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingLeft: {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingLeft)"
+};
+export default c_options_menu__toggle_icon_PaddingLeft;

package/dist/esm/c_options_menu__toggle_icon_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingLeft = {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingLeft)"
+};
+export default c_options_menu__toggle_icon_PaddingLeft;

package/dist/esm/c_options_menu__toggle_icon_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingRight: {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingRight)"
+};
+export default c_options_menu__toggle_icon_PaddingRight;

package/dist/esm/c_options_menu__toggle_icon_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingRight = {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingRight)"
+};
+export default c_options_menu__toggle_icon_PaddingRight;

package/dist/esm/c_page.d.ts

@@ -158,180 +158,6 @@ export const c_page: {
       ]
     }
   },
-  ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-page__header-tools-item": {
     "hidden_visible_hidden_Display": {
       "name": "--pf-hidden-visible--hidden--Display",
@@ -376,6 +202,26 @@ export const c_page: {
         "#f0f0f0"
       ]
     },
+    "c_page_inset": {
+      "name": "--pf-c-page--inset",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_page_xl_inset": {
+      "name": "--pf-c-page--xl--inset",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
     "c_page__header_BackgroundColor": {
       "name": "--pf-c-page__header--BackgroundColor",
       "value": "#151515",
@@ -755,34 +601,36 @@ export const c_page: {
       "name": "--pf-c-page__sidebar--xl--TranslateX",
       "value": "0"
     },
-    "c_page__sidebar_body_PaddingTop": {
-      "name": "--pf-c-page__sidebar-body--PaddingTop",
-      "value": "0.5rem",
+    "c_page__sidebar_body_PaddingRight": {
+      "name": "--pf-c-page__sidebar-body--PaddingRight",
+      "value": "0"
+    },
+    "c_page__sidebar_body_PaddingLeft": {
+      "name": "--pf-c-page__sidebar-body--PaddingLeft",
+      "value": "0"
+    },
+    "c_page__sidebar_body_m_page_insets_PaddingRight": {
+      "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
+      "value": "1rem",
       "values": [
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-c-page--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
       ]
     },
-    "c_page__sidebar_body_PaddingBottom": {
-      "name": "--pf-c-page__sidebar-body--PaddingBottom",
+    "c_page__sidebar_body_m_page_insets_PaddingLeft": {
+      "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
       "value": "1rem",
       "values": [
+        "--pf-c-page--inset",
         "--pf-global--spacer--md",
         "$pf-global--spacer--md",
         "pf-size-prem(16px)",
         "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",
@@ -1405,24 +1253,6 @@ 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",
@@ -1458,6 +1288,42 @@ export const c_page: {
       "value": "100%"
     }
   },
+  ".pf-c-page__sidebar-body.pf-m-page-insets": {
+    "c_page__sidebar_body_PaddingRight": {
+      "name": "--pf-c-page__sidebar-body--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
+        "--pf-c-page--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_page__sidebar_body_PaddingLeft": {
+      "name": "--pf-c-page__sidebar-body--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
+        "--pf-c-page--inset",
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    }
+  },
+  ".pf-c-page__sidebar-body.pf-m-inset-none": {
+    "c_page__sidebar_body_PaddingRight": {
+      "name": "--pf-c-page__sidebar-body--PaddingRight",
+      "value": "0"
+    },
+    "c_page__sidebar_body_PaddingLeft": {
+      "name": "--pf-c-page__sidebar-body--PaddingLeft",
+      "value": "0"
+    }
+  },
   ".pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main": {
     "c_page__main_subnav_BorderLeftWidth": {
       "name": "--pf-c-page__main-subnav--BorderLeftWidth",