@patternfly/react-tokens 4.26.0 → 4.27.1

package/dist/js/c_dropdown.d.ts

@@ -145,8 +145,8 @@ export const c_dropdown: {
         "#06c"
       ]
     },
-    "c_dropdown__toggle_active_before_BorderBottomWidth": {
-      "name": "--pf-c-dropdown__toggle--active--before--BorderBottomWidth",
+    "c_dropdown__toggle_focus_before_BorderBottomWidth": {
+      "name": "--pf-c-dropdown__toggle--focus--before--BorderBottomWidth",
       "value": "2px",
       "values": [
         "--pf-global--BorderWidth--md",
@@ -154,8 +154,8 @@ export const c_dropdown: {
         "2px"
       ]
     },
-    "c_dropdown__toggle_active_before_BorderBottomColor": {
-      "name": "--pf-c-dropdown__toggle--active--before--BorderBottomColor",
+    "c_dropdown__toggle_focus_before_BorderBottomColor": {
+      "name": "--pf-c-dropdown__toggle--focus--before--BorderBottomColor",
       "value": "#06c",
       "values": [
         "--pf-global--active-color--100",
@@ -164,8 +164,8 @@ export const c_dropdown: {
         "#06c"
       ]
     },
-    "c_dropdown__toggle_focus_before_BorderBottomWidth": {
-      "name": "--pf-c-dropdown__toggle--focus--before--BorderBottomWidth",
+    "c_dropdown__toggle_active_before_BorderBottomWidth": {
+      "name": "--pf-c-dropdown__toggle--active--before--BorderBottomWidth",
       "value": "2px",
       "values": [
         "--pf-global--BorderWidth--md",
@@ -173,8 +173,8 @@ export const c_dropdown: {
         "2px"
       ]
     },
-    "c_dropdown__toggle_focus_before_BorderBottomColor": {
-      "name": "--pf-c-dropdown__toggle--focus--before--BorderBottomColor",
+    "c_dropdown__toggle_active_before_BorderBottomColor": {
+      "name": "--pf-c-dropdown__toggle--active--before--BorderBottomColor",
       "value": "#06c",
       "values": [
         "--pf-global--active-color--100",
@@ -305,8 +305,8 @@ export const c_dropdown: {
         "#004080"
       ]
     },
-    "c_dropdown__toggle_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-dropdown__toggle--m-primary--active--BackgroundColor",
+    "c_dropdown__toggle_m_primary_focus_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor",
       "value": "#004080",
       "values": [
         "--pf-global--primary-color--200",
@@ -315,8 +315,8 @@ export const c_dropdown: {
         "#004080"
       ]
     },
-    "c_dropdown__toggle_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor",
+    "c_dropdown__toggle_m_primary_active_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-primary--active--BackgroundColor",
       "value": "#004080",
       "values": [
         "--pf-global--primary-color--200",
@@ -335,6 +335,124 @@ export const c_dropdown: {
         "#004080"
       ]
     },
+    "c_dropdown__toggle_m_secondary_Color": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_BorderRadius": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--BorderRadius",
+      "value": "3px",
+      "values": [
+        "--pf-global--BorderRadius--sm",
+        "$pf-global--BorderRadius--sm",
+        "3px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_dropdown__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_hover_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_focus_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_active_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_before_BorderColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_hover_before_BorderColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--hover--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_focus_before_BorderColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--focus--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_active_before_BorderColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--active--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown_m_expanded__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    },
+    "c_dropdown_m_expanded__toggle_m_secondary_before_BorderColor": {
+      "name": "--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
     "c_dropdown__toggle_button_Color": {
       "name": "--pf-c-dropdown__toggle-button--Color",
       "value": "#151515",
@@ -452,6 +570,84 @@ export const c_dropdown: {
         "0.5rem"
       ]
     },
+    "c_dropdown__toggle_m_split_button_m_primary_child_BorderRadius": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius",
+      "value": "3px",
+      "values": [
+        "--pf-global--BorderRadius--sm",
+        "$pf-global--BorderRadius--sm",
+        "3px"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_child_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_child_hover_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_child_focus_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_child_active_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_child_m_expanded_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_m_action_child_BorderLeftColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_dropdown__toggle_m_split_button_m_primary_m_action_child_BorderLeftWidth": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
     "c_dropdown__toggle_icon_LineHeight": {
       "name": "--pf-c-dropdown__toggle-icon--LineHeight",
       "value": "1.5",
@@ -1036,6 +1232,19 @@ export const c_dropdown: {
       ]
     }
   },
+  ".pf-c-dropdown.pf-m-expanded": {
+    "c_dropdown__toggle_m_split_button_m_primary_child_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor",
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    }
+  },
   ".pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)": {
     "c_dropdown__toggle_BackgroundColor": {
       "name": "--pf-c-dropdown__toggle--BackgroundColor",
@@ -1105,7 +1314,56 @@ export const c_dropdown: {
       "value": "0"
     }
   },
-  ".pf-c-dropdown__toggle:not(.pf-m-action):hover::before": {
+  ".pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)": {
+    "c_dropdown__toggle_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--before--BorderWidth",
+      "value": "0"
+    },
+    "c_dropdown_m_expanded__toggle_before_BorderBottomWidth": {
+      "name": "--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth",
+      "value": "0"
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover": {
+    "c_dropdown__toggle_m_split_button_m_primary_child_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor",
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus": {
+    "c_dropdown__toggle_m_split_button_m_primary_child_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor",
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active": {
+    "c_dropdown__toggle_m_split_button_m_primary_child_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor",
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
@@ -1118,7 +1376,7 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle:not(.pf-m-action):active::before": {
+  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
@@ -1131,7 +1389,7 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle:not(.pf-m-action):focus::before": {
+  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
@@ -1144,7 +1402,7 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action)::before": {
+  ".pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
@@ -1208,17 +1466,6 @@ export const c_dropdown: {
     }
   },
   ".pf-c-dropdown__toggle.pf-m-primary": {
-    "c_dropdown__toggle_Color": {
-      "name": "--pf-c-dropdown__toggle--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-c-dropdown__toggle--m-primary--Color",
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
     "c_dropdown__toggle_BackgroundColor": {
       "name": "--pf-c-dropdown__toggle--BackgroundColor",
       "value": "#06c",
@@ -1229,6 +1476,30 @@ export const c_dropdown: {
         "$pf-color-blue-400",
         "#06c"
       ]
+    },
+    "c_dropdown__toggle_button_Color": {
+      "name": "--pf-c-dropdown__toggle-button--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-dropdown__toggle--m-primary--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled)": {
+    "c_dropdown__toggle_Color": {
+      "name": "--pf-c-dropdown__toggle--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-c-dropdown__toggle--m-primary--Color",
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
     }
   },
   ".pf-c-dropdown__toggle.pf-m-primary:hover": {
@@ -1244,12 +1515,12 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle.pf-m-primary:active": {
+  ".pf-c-dropdown__toggle.pf-m-primary:focus": {
     "c_dropdown__toggle_BackgroundColor": {
       "name": "--pf-c-dropdown__toggle--BackgroundColor",
       "value": "#004080",
       "values": [
-        "--pf-c-dropdown__toggle--m-primary--active--BackgroundColor",
+        "--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor",
         "--pf-global--primary-color--200",
         "$pf-global--primary-color--200",
         "$pf-color-blue-500",
@@ -1257,12 +1528,12 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle.pf-m-primary:focus": {
+  ".pf-c-dropdown__toggle.pf-m-primary:active": {
     "c_dropdown__toggle_BackgroundColor": {
       "name": "--pf-c-dropdown__toggle--BackgroundColor",
       "value": "#004080",
       "values": [
-        "--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor",
+        "--pf-c-dropdown__toggle--m-primary--active--BackgroundColor",
         "--pf-global--primary-color--200",
         "$pf-global--primary-color--200",
         "$pf-color-blue-500",
@@ -1283,6 +1554,86 @@ export const c_dropdown: {
       ]
     }
   },
+  ".pf-c-dropdown__toggle.pf-m-secondary": {
+    "c_dropdown__toggle_Color": {
+      "name": "--pf-c-dropdown__toggle--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-c-dropdown__toggle--m-secondary--Color",
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_dropdown__toggle_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-c-dropdown__toggle--m-secondary--BackgroundColor",
+        "transparent"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-secondary:hover": {
+    "c_dropdown__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth",
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-secondary:focus": {
+    "c_dropdown__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth",
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    }
+  },
+  ".pf-c-dropdown__toggle.pf-m-secondary:active": {
+    "c_dropdown__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth",
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    }
+  },
+  ".pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary": {
+    "c_dropdown__toggle_m_secondary_before_BorderWidth": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderWidth",
+      "value": "2px",
+      "values": [
+        "--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth",
+        "--pf-global--BorderWidth--md",
+        "$pf-global--BorderWidth--md",
+        "2px"
+      ]
+    },
+    "c_dropdown__toggle_m_secondary_before_BorderColor": {
+      "name": "--pf-c-dropdown__toggle--m-secondary--before--BorderColor",
+      "value": "#06c",
+      "values": [
+        "--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor",
+        "--pf-global--primary-color--100",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    }
+  },
   ".pf-c-dropdown__toggle > .pf-c-badge": {
     "c_dropdown__toggle_icon_MarginLeft": {
       "name": "--pf-c-dropdown__toggle-icon--MarginLeft",