@patternfly/react-tokens 6.0.0-alpha.27 → 6.0.0-alpha.28

package/dist/esm/c_list_m_plain_PaddingInlineStart.d.ts

@@ -0,0 +1,6 @@
+export const c_list_m_plain_PaddingInlineStart: {
+  "name": "--pf-v6-c-list--m-plain--PaddingInlineStart",
+  "value": "0",
+  "var": "var(--pf-v6-c-list--m-plain--PaddingInlineStart)"
+};
+export default c_list_m_plain_PaddingInlineStart;

package/dist/esm/c_list_m_plain_PaddingInlineStart.js

@@ -0,0 +1,6 @@
+export const c_list_m_plain_PaddingInlineStart = {
+  "name": "--pf-v6-c-list--m-plain--PaddingInlineStart",
+  "value": "0",
+  "var": "var(--pf-v6-c-list--m-plain--PaddingInlineStart)"
+};
+export default c_list_m_plain_PaddingInlineStart;

package/dist/esm/c_list_nested_PaddingBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_list_nested_PaddingBlockStart: {
+  "name": "--pf-v6-c-list--nested--PaddingBlockStart",
+  "value": "8px",
+  "var": "var(--pf-v6-c-list--nested--PaddingBlockStart)"
+};
+export default c_list_nested_PaddingBlockStart;

package/dist/esm/c_list_nested_PaddingBlockStart.js

@@ -0,0 +1,6 @@
+export const c_list_nested_PaddingBlockStart = {
+  "name": "--pf-v6-c-list--nested--PaddingBlockStart",
+  "value": "8px",
+  "var": "var(--pf-v6-c-list--nested--PaddingBlockStart)"
+};
+export default c_list_nested_PaddingBlockStart;

package/dist/esm/c_menu_toggle.d.ts

@@ -119,7 +119,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--action--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
@@ -181,7 +181,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--hover--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--action--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
@@ -206,36 +206,6 @@ export const c_menu_toggle: {
         "#1f1f1f"
       ]
     },
-    "c_menu_toggle_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-t--global--background--color--control--default",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_menu_toggle_active_BorderWidth": {
-      "name": "--pf-v6-c-menu-toggle--active--BorderWidth",
-      "value": "2px",
-      "values": [
-        "--pf-t--global--border--width--button--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
-      ]
-    },
-    "c_menu_toggle_active_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BorderColor",
-      "value": "#06c",
-      "values": [
-        "--pf-t--global--border--color--clicked",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#06c"
-      ]
-    },
     "c_menu_toggle_expanded_Color": {
       "name": "--pf-v6-c-menu-toggle--expanded--Color",
       "value": "#151515",
@@ -261,7 +231,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--expanded--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -489,31 +459,6 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--m-primary--hover--BorderColor",
       "value": "transparent"
     },
-    "c_menu_toggle_m_primary_active_Color": {
-      "name": "--pf-v6-c-menu-toggle--m-primary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-t--global--text--color--on-brand--clicked",
-        "--pf-t--global--text--color--inverse",
-        "--pf-t--global--text--color--300",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_menu_toggle_m_primary_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
-    "c_menu_toggle_m_primary_active_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--m-primary--active--BorderColor",
-      "value": "transparent"
-    },
     "c_menu_toggle_m_primary_expanded_Color": {
       "name": "--pf-v6-c-menu-toggle--m-primary--expanded--Color",
       "value": "#fff",
@@ -639,7 +584,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--hover",
+        "--pf-t--global--border--width--action--hover",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -655,37 +600,6 @@ export const c_menu_toggle: {
         "#004d99"
       ]
     },
-    "c_menu_toggle_m_secondary_active_Color": {
-      "name": "--pf-v6-c-menu-toggle--m-secondary--active--Color",
-      "value": "#004d99",
-      "values": [
-        "--pf-t--global--text--color--brand--clicked",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
-    "c_menu_toggle_m_secondary_active_BorderWidth": {
-      "name": "--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth",
-      "value": "2px",
-      "values": [
-        "--pf-t--global--border--width--button--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
-      ]
-    },
-    "c_menu_toggle_m_secondary_active_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--m-secondary--active--BorderColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-t--global--border--color--brand--clicked",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
     "c_menu_toggle_m_secondary_expanded_Color": {
       "name": "--pf-v6-c-menu-toggle--m-secondary--expanded--Color",
       "value": "#004d99",
@@ -701,7 +615,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth",
       "value": "2px",
       "values": [
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -803,7 +717,7 @@ export const c_menu_toggle: {
       "name": "--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth",
       "value": "1px",
       "values": [
-        "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--action--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
@@ -858,16 +772,6 @@ export const c_menu_toggle: {
         "#004d99"
       ]
     },
-    "c_menu_toggle_m_split_button_m_action_m_primary_child_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
     "c_menu_toggle_m_split_button_m_action_m_primary_child_BorderInlineStartColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor",
       "value": "#c7c7c7",
@@ -966,15 +870,6 @@ export const c_menu_toggle: {
         "rgba(199, 199, 199, 0.2500)"
       ]
     },
-    "c_menu_toggle_m_plain_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
-      "values": [
-        "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
-      ]
-    },
     "c_menu_toggle_m_plain_expanded_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor",
       "value": "rgba(199, 199, 199, 0.2500)",
@@ -1034,6 +929,7 @@ export const c_menu_toggle: {
       "value": "calc(8px / 2)",
       "values": [
         "calc(--pf-t--global--spacer--control--horizontal--compact / 2)",
+        "calc(--pf-t--global--spacer--sm / 2)",
         "calc(--pf-t--global--spacer--200 / 2)",
         "calc(8px / 2)"
       ]
@@ -1229,37 +1125,6 @@ export const c_menu_toggle: {
         "transparent"
       ]
     },
-    "c_menu_toggle_active_Color": {
-      "name": "--pf-v6-c-menu-toggle--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-primary--active--Color",
-        "--pf-t--global--text--color--on-brand--clicked",
-        "--pf-t--global--text--color--inverse",
-        "--pf-t--global--text--color--300",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_menu_toggle_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BackgroundColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
-    "c_menu_toggle_active_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BorderColor",
-      "value": "transparent",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-primary--active--BorderColor",
-        "transparent"
-      ]
-    },
     "c_menu_toggle_expanded_Color": {
       "name": "--pf-v6-c-menu-toggle--expanded--Color",
       "value": "#fff",
@@ -1391,7 +1256,7 @@ export const c_menu_toggle: {
       "value": "2px",
       "values": [
         "--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth",
-        "--pf-t--global--border--width--button--hover",
+        "--pf-t--global--border--width--action--hover",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -1408,40 +1273,6 @@ export const c_menu_toggle: {
         "#004d99"
       ]
     },
-    "c_menu_toggle_active_Color": {
-      "name": "--pf-v6-c-menu-toggle--active--Color",
-      "value": "#004d99",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-secondary--active--Color",
-        "--pf-t--global--text--color--brand--clicked",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
-    "c_menu_toggle_active_BorderWidth": {
-      "name": "--pf-v6-c-menu-toggle--active--BorderWidth",
-      "value": "2px",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth",
-        "--pf-t--global--border--width--button--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
-      ]
-    },
-    "c_menu_toggle_active_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BorderColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-secondary--active--BorderColor",
-        "--pf-t--global--border--color--brand--clicked",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    },
     "c_menu_toggle_expanded_Color": {
       "name": "--pf-v6-c-menu-toggle--expanded--Color",
       "value": "#004d99",
@@ -1459,7 +1290,7 @@ export const c_menu_toggle: {
       "value": "2px",
       "values": [
         "--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth",
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -1558,16 +1389,6 @@ export const c_menu_toggle: {
         "rgba(199, 199, 199, 0.2500)"
       ]
     },
-    "c_menu_toggle_active_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--active--BackgroundColor",
-      "value": "rgba(199, 199, 199, 0.2500)",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor",
-        "--pf-t--global--background--color--action--plain--clicked",
-        "--pf-t--global--background--color--600",
-        "rgba(199, 199, 199, 0.2500)"
-      ]
-    },
     "c_menu_toggle_expanded_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--expanded--BackgroundColor",
       "value": "rgba(199, 199, 199, 0.2500)",
@@ -1627,7 +1448,7 @@ export const c_menu_toggle: {
       "value": "1px",
       "values": [
         "--pf-v6-c-menu-toggle--hover--BorderWidth",
-        "--pf-t--global--border--width--button--default",
+        "--pf-t--global--border--width--action--default",
         "--pf-t--global--border--width--100",
         "1px"
       ]
@@ -1684,7 +1505,7 @@ export const c_menu_toggle: {
       "value": "2px",
       "values": [
         "--pf-v6-c-menu-toggle--expanded--BorderWidth",
-        "--pf-t--global--border--width--button--clicked",
+        "--pf-t--global--border--width--action--clicked",
         "--pf-t--global--border--width--200",
         "2px"
       ]
@@ -1712,62 +1533,6 @@ export const c_menu_toggle: {
       ]
     }
   },
-  ".pf-v6-c-menu-toggle:is(:active, .pf-m-active)": {
-    "c_menu_toggle_Color": {
-      "name": "--pf-v6-c-menu-toggle--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-v6-c-menu-toggle--active--Color",
-        "--pf-v6-c-menu-toggle--m-primary--active--Color",
-        "--pf-t--global--text--color--on-brand--clicked",
-        "--pf-t--global--text--color--inverse",
-        "--pf-t--global--text--color--300",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_menu_toggle_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-v6-c-menu-toggle--active--BackgroundColor",
-        "--pf-t--global--background--color--control--default",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_menu_toggle_BorderWidth": {
-      "name": "--pf-v6-c-menu-toggle--BorderWidth",
-      "value": "2px",
-      "values": [
-        "--pf-v6-c-menu-toggle--active--BorderWidth",
-        "--pf-t--global--border--width--button--clicked",
-        "--pf-t--global--border--width--200",
-        "2px"
-      ]
-    },
-    "c_menu_toggle_BorderColor": {
-      "name": "--pf-v6-c-menu-toggle--BorderColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v6-c-menu-toggle--active--BorderColor",
-        "--pf-t--global--border--color--clicked",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#06c"
-      ]
-    },
-    "c_menu_toggle__toggle_icon_Color": {
-      "name": "--pf-v6-c-menu-toggle__toggle-icon--Color",
-      "value": "undefined",
-      "values": [
-        "--pf-v6-c-menu-toggle--active__toggle-icon--Color",
-        "undefined"
-      ]
-    }
-  },
   ".pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)": {
     "c_menu_toggle_Color": {
       "name": "--pf-v6-c-menu-toggle--Color",
@@ -1830,6 +1595,7 @@ export const c_menu_toggle: {
       "values": [
         "--pf-v6-c-menu-toggle--m-small--ColumnGap",
         "calc(--pf-t--global--spacer--control--horizontal--compact / 2)",
+        "calc(--pf-t--global--spacer--sm / 2)",
         "calc(--pf-t--global--spacer--200 / 2)",
         "calc(8px / 2)"
       ]
@@ -1991,19 +1757,6 @@ export const c_menu_toggle: {
       ]
     }
   },
-  ".pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active)": {
-    "c_menu_toggle_m_split_button_m_action_m_primary_child_BackgroundColor": {
-      "name": "--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor",
-      "value": "#004d99",
-      "values": [
-        "--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor",
-        "--pf-t--global--color--brand--clicked",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--60",
-        "#004d99"
-      ]
-    }
-  },
   ".pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded": {
     "c_menu_toggle_m_split_button_m_action_m_primary_child_BackgroundColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor",