@patternfly/react-tokens 6.3.0-prerelease.1 → 6.3.0-prerelease.11

package/dist/esm/c_button.d.ts

@@ -149,6 +149,10 @@ export const c_button: {
       "name": "--pf-v6-c-button--TextDecorationColor",
       "value": "currentcolor"
     },
+    "c_button_TransitionDelay": {
+      "name": "--pf-v6-c-button--TransitionDelay",
+      "value": "0s"
+    },
     "c_button_TransitionDuration": {
       "name": "--pf-v6-c-button--TransitionDuration",
       "value": "200ms",
@@ -161,16 +165,24 @@ export const c_button: {
     },
     "c_button_TransitionTimingFunction": {
       "name": "--pf-v6-c-button--TransitionTimingFunction",
-      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "value": "cubic-bezier(.4, 0, .7, .2)",
       "values": [
-        "--pf-t--global--motion--timing-function--default",
-        "--pf-t--global--timing-function--200",
-        "cubic-bezier(.4, 0, .2, 1)"
+        "--pf-t--global--motion--timing-function--accelerate",
+        "--pf-t--global--timing-function--100",
+        "cubic-bezier(.4, 0, .7, .2)"
       ]
     },
     "c_button_TransitionProperty": {
       "name": "--pf-v6-c-button--TransitionProperty",
-      "value": "color, background-color, border-width, border-color, padding"
+      "value": "color, background, border-width, border-color"
+    },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1"
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1"
     },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
@@ -201,6 +213,14 @@ export const c_button: {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
       "value": "currentcolor"
     },
+    "c_button_hover_ScaleX": {
+      "name": "--pf-v6-c-button--hover--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover_ScaleY": {
+      "name": "--pf-v6-c-button--hover--ScaleY",
+      "value": "1"
+    },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
       "value": "transparent"
@@ -2160,6 +2180,58 @@ export const c_button: {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button__icon--TransitionTimingFunction",
+      "value": "auto"
+    },
+    "c_button__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button__icon--TransitionDuration",
+      "value": "0s"
+    },
+    "c_button__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button__icon--TransitionProperty",
+      "value": "none"
+    },
+    "c_button__icon_Rotate": {
+      "name": "--pf-v6-c-button__icon--Rotate",
+      "value": "0deg"
+    },
+    "c_button_hover__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction",
+      "value": "auto"
+    },
+    "c_button_hover__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDuration",
+      "value": "0s"
+    },
+    "c_button_hover__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionProperty",
+      "value": "none"
+    },
+    "c_button_hover__icon_Rotate": {
+      "name": "--pf-v6-c-button--hover__icon--Rotate",
+      "value": "0deg"
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleY": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleY",
+      "value": "1"
+    },
     "c_button_m_favorite__icon_TransitionDuration": {
       "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
       "value": "100ms",
@@ -2218,6 +2290,32 @@ export const c_button: {
         "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
+    "c_button__icon_favorite_Opacity": {
+      "name": "--pf-v6-c-button__icon--favorite--Opacity",
+      "value": "1"
+    },
+    "c_button__icon_favorited_Opacity": {
+      "name": "--pf-v6-c-button__icon--favorited--Opacity",
+      "value": "0"
+    },
+    "c_button_m_favorited__icon_favorite_Opacity": {
+      "name": "--pf-v6-c-button--m-favorited__icon--favorite--Opacity",
+      "value": "0"
+    },
+    "c_button_m_favorited__icon_favorited_Opacity": {
+      "name": "--pf-v6-c-button--m-favorited__icon--favorited--Opacity",
+      "value": "1"
+    },
+    "c_button__icon_favorite_TransitionDuration": {
+      "name": "--pf-v6-c-button__icon--favorite--TransitionDuration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--default",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
       "value": "calc(1rem + 0.5rem)",
@@ -2312,6 +2410,48 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX",
       "value": "-50%"
     },
+    "c_button_m_settings__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--m-settings__icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_m_settings__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--m-settings__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .7, .2)",
+      "values": [
+        "--pf-t--global--motion--timing-function--accelerate",
+        "--pf-t--global--timing-function--100",
+        "cubic-bezier(.4, 0, .7, .2)"
+      ]
+    },
+    "c_button_m_settings_hover__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--m-settings--hover__icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_m_settings_hover__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(0, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--decelerate",
+        "--pf-t--global--timing-function--300",
+        "cubic-bezier(0, 0, .2, 1)"
+      ]
+    },
+    "c_button_m_settings_hover__icon_Rotate": {
+      "name": "--pf-v6-c-button--m-settings--hover__icon--Rotate",
+      "value": "60deg"
+    },
     "c_button_m_primary__c_badge_BorderColor": {
       "name": "--pf-v6-c-button--m-primary__c-badge--BorderColor",
       "value": "#c7c7c7",
@@ -2329,6 +2469,88 @@ export const c_button: {
     "c_button_m_block_Width": {
       "name": "--pf-v6-c-button--m-block--Width",
       "value": "100%"
+    },
+    "c_button_hamburger_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--hamburger-icon--TransitionTimingFunction",
+      "value": "cubic-bezier(0, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--decelerate",
+        "--pf-t--global--timing-function--300",
+        "cubic-bezier(0, 0, .2, 1)"
+      ]
+    },
+    "c_button_hamburger_icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--hamburger-icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_hamburger_icon_top_path_base": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path--base",
+      "value": "path(\"M1,1 L9,1\")"
+    },
+    "c_button_hamburger_icon_middle_path_base": {
+      "name": "--pf-v6-c-button--hamburger-icon--middle--path--base",
+      "value": "path(\"M1,5 L9,5\")"
+    },
+    "c_button_hamburger_icon_arrow_path_base": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path--base",
+      "value": "path(\"M1,5 L1,5 L1,5\")"
+    },
+    "c_button_hamburger_icon_bottom_path_base": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path--base",
+      "value": "path(\"M9,9 L1,9\")"
+    },
+    "c_button_hamburger_icon_top_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path",
+      "value": "path(\"M1,1 L9,1\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--top--path--base",
+        "path(\"M1,1 L9,1\")"
+      ]
+    },
+    "c_button_hamburger_icon_middle_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--middle--path",
+      "value": "path(\"M1,5 L9,5\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--middle--path--base",
+        "path(\"M1,5 L9,5\")"
+      ]
+    },
+    "c_button_hamburger_icon_arrow_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
+      "value": "path(\"M1,5 L1,5 L1,5\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--arrow--path--base",
+        "path(\"M1,5 L1,5 L1,5\")"
+      ]
+    },
+    "c_button_hamburger_icon_bottom_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
+      "value": "path(\"M9,9 L1,9\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--bottom--path--base",
+        "path(\"M9,9 L1,9\")"
+      ]
+    },
+    "c_button_hamburger_icon_top_collapse_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--collapse--path",
+      "value": "path(\"M5,1 L9,1\")"
+    },
+    "c_button_hamburger_icon_arrow_collapse_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
+      "value": "path(\"M3,7 L1,5 L3,3\")"
+    },
+    "c_button_hamburger_icon_bottom_collapse_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
+      "value": "path(\"M9,9 L5,9\")"
+    },
+    "c_button_m_hamburger__icon_m_expand_ScaleX": {
+      "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+      "value": "-1"
     }
   },
   ".pf-v6-c-button.pf-m-primary": {
@@ -4507,6 +4729,17 @@ export const c_button: {
         "#ffcc17"
       ]
     },
+    "c_button_m_plain_m_no_padding__icon_Color": {
+      "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
+      "value": "#ffcc17",
+      "values": [
+        "--pf-v6-c-button--m-favorited__icon--Color",
+        "--pf-t--global--color--favorite--default",
+        "--pf-t--global--color--favorite--100",
+        "--pf-t--color--yellow--30",
+        "#ffcc17"
+      ]
+    },
     "c_button_hover__icon_Color": {
       "name": "--pf-v6-c-button--hover__icon--Color",
       "value": "#dca614",
@@ -4517,6 +4750,223 @@ export const c_button: {
         "--pf-t--color--yellow--40",
         "#dca614"
       ]
+    },
+    "c_button_m_plain_m_no_padding_hover__icon_Color": {
+      "name": "--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color",
+      "value": "#dca614",
+      "values": [
+        "--pf-v6-c-button--m-favorited--hover__icon--Color",
+        "--pf-t--global--color--favorite--hover",
+        "--pf-t--global--color--favorite--200",
+        "--pf-t--color--yellow--40",
+        "#dca614"
+      ]
+    },
+    "c_button__icon_favorite_Opacity": {
+      "name": "--pf-v6-c-button__icon--favorite--Opacity",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-button--m-favorited__icon--favorite--Opacity",
+        "0"
+      ]
+    },
+    "c_button__icon_favorited_Opacity": {
+      "name": "--pf-v6-c-button__icon--favorited--Opacity",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--m-favorited__icon--favorited--Opacity",
+        "1"
+      ]
+    }
+  },
+  ".pf-v6-c-button.pf-m-settings": {
+    "c_button__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button__icon--TransitionProperty",
+      "value": "rotate"
+    },
+    "c_button__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button__icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-button--m-settings__icon--TransitionDuration",
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .7, .2)",
+      "values": [
+        "--pf-v6-c-button--m-settings__icon--TransitionTimingFunction",
+        "--pf-t--global--motion--timing-function--accelerate",
+        "--pf-t--global--timing-function--100",
+        "cubic-bezier(.4, 0, .7, .2)"
+      ]
+    },
+    "c_button_hover__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionProperty",
+      "value": "rotate"
+    },
+    "c_button_hover__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-button--m-settings--hover__icon--TransitionDuration",
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_hover__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction",
+      "value": "cubic-bezier(0, 0, .2, 1)",
+      "values": [
+        "--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction",
+        "--pf-t--global--motion--timing-function--decelerate",
+        "--pf-t--global--timing-function--300",
+        "cubic-bezier(0, 0, .2, 1)"
+      ]
+    },
+    "c_button_hover__icon_Rotate": {
+      "name": "--pf-v6-c-button--hover__icon--Rotate",
+      "value": "60deg",
+      "values": [
+        "--pf-v6-c-button--m-settings--hover__icon--Rotate",
+        "60deg"
+      ]
+    }
+  },
+  ".pf-v6-c-button.pf-m-hamburger": {
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--TransitionDuration",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button__icon--TransitionDuration",
+      "value": "0s"
+    },
+    "c_button__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button__icon--TransitionProperty",
+      "value": "scale"
+    },
+    "c_button_hover__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--TransitionDuration",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_button_hover__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDuration",
+      "value": "0s"
+    },
+    "c_button_hover__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionProperty",
+      "value": "scale"
+    }
+  },
+  ".pf-v6-c-button.pf-m-hamburger.pf-m-expand": {
+    "c_button_hamburger_icon_top_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path",
+      "value": "path(\"M5,1 L9,1\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--top--collapse--path",
+        "path(\"M5,1 L9,1\")"
+      ]
+    },
+    "c_button_hamburger_icon_arrow_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
+      "value": "path(\"M3,7 L1,5 L3,3\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
+        "path(\"M3,7 L1,5 L3,3\")"
+      ]
+    },
+    "c_button_hamburger_icon_bottom_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
+      "value": "path(\"M9,9 L5,9\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
+        "path(\"M9,9 L5,9\")"
+      ]
+    },
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "-1",
+      "values": [
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+        "-1"
+      ]
+    },
+    "c_button_hover__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "-1",
+      "values": [
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+        "-1"
+      ]
+    }
+  },
+  ".pf-v6-c-button.pf-m-hamburger.pf-m-collapse": {
+    "c_button_hamburger_icon_top_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--top--path",
+      "value": "path(\"M5,1 L9,1\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--top--collapse--path",
+        "path(\"M5,1 L9,1\")"
+      ]
+    },
+    "c_button_hamburger_icon_arrow_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--arrow--path",
+      "value": "path(\"M3,7 L1,5 L3,3\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--arrow--collapse--path",
+        "path(\"M3,7 L1,5 L3,3\")"
+      ]
+    },
+    "c_button_hamburger_icon_bottom_path": {
+      "name": "--pf-v6-c-button--hamburger-icon--bottom--path",
+      "value": "path(\"M9,9 L5,9\")",
+      "values": [
+        "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
+        "path(\"M9,9 L5,9\")"
+      ]
+    },
+    "c_button__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover__icon_TransitionDelay": {
+      "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
+      "value": "0s"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "1"
     }
   },
   ".pf-v6-c-button:hover": {
@@ -4559,6 +5009,22 @@ export const c_button: {
         "2px"
       ]
     },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleX",
+        "1"
+      ]
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleY",
+        "1"
+      ]
+    },
     "c_button_m_plain_m_no_padding__icon_Color": {
       "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
       "value": "#1f1f1f",
@@ -4580,9 +5046,57 @@ export const c_button: {
         "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
+    },
+    "c_button__icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-button__icon--TransitionTimingFunction",
+      "value": "auto",
+      "values": [
+        "--pf-v6-c-button--hover__icon--TransitionTimingFunction",
+        "auto"
+      ]
+    },
+    "c_button__icon_TransitionDuration": {
+      "name": "--pf-v6-c-button__icon--TransitionDuration",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-button--hover__icon--TransitionDuration",
+        "0s"
+      ]
+    },
+    "c_button__icon_TransitionProperty": {
+      "name": "--pf-v6-c-button__icon--TransitionProperty",
+      "value": "none",
+      "values": [
+        "--pf-v6-c-button--hover__icon--TransitionProperty",
+        "none"
+      ]
+    },
+    "c_button__icon_Rotate": {
+      "name": "--pf-v6-c-button__icon--Rotate",
+      "value": "0deg",
+      "values": [
+        "--pf-v6-c-button--hover__icon--Rotate",
+        "0deg"
+      ]
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleX",
+        "1"
+      ]
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleY",
+        "1"
+      ]
     }
   },
-  ".pf-v6-c-button.pf-m-clicked": {
+  ".pf-v6-c-button:active": {
     "c_button_Color": {
       "name": "--pf-v6-c-button--Color",
       "value": "#ffffff",