@patternfly/react-tokens 4.55.0 → 4.56.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.56.0 (2022-04-18)
+
+
+### Features
+
+* **Progress stepper:** Updated to use render prop for popover ([#7190](https://github.com/patternfly/patternfly-react/issues/7190)) ([5eb8243](https://github.com/patternfly/patternfly-react/commit/5eb8243d63d1168d9b425a5322c08e04659ed843))
+
+
+
+
+
+## 4.55.2 (2022-04-18)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.55.1 (2022-04-18)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 # 4.55.0 (2022-04-14)
 
 

package/dist/esm/c_tabs.d.ts

@@ -181,6 +181,25 @@ export const c_tabs: {
       "name": "--pf-c-tabs__list--Visibility",
       "value": "visible"
     },
+    "c_tabs__item_m_action_before_ZIndex": {
+      "name": "--pf-c-tabs__item--m-action--before--ZIndex",
+      "value": "100",
+      "values": [
+        "--pf-global--ZIndex--xs",
+        "$pf-global--ZIndex--xs",
+        "100"
+      ]
+    },
+    "c_tabs__item_m_action__link_PaddingRight": {
+      "name": "--pf-c-tabs__item--m-action__link--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_tabs__link_Color": {
       "name": "--pf-c-tabs__link--Color",
       "value": "#6a6e73",
@@ -318,6 +337,15 @@ export const c_tabs: {
         "#d2d2d2"
       ]
     },
+    "c_tabs_m_box__item_close_c_button_disabled_BackgroundColor": {
+      "name": "--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor",
+      "value": "#b8bbbe",
+      "values": [
+        "--pf-global--palette--black-400",
+        "$pf-color-black-400",
+        "#b8bbbe"
+      ]
+    },
     "c_tabs_m_secondary__link_FontSize": {
       "name": "--pf-c-tabs--m-secondary__link--FontSize",
       "value": "0.875rem",
@@ -338,6 +366,26 @@ export const c_tabs: {
         "#d2d2d2"
       ]
     },
+    "c_tabs__link_before_border_width_base": {
+      "name": "--pf-c-tabs__link--before--border-width--base",
+      "value": "1px",
+      "values": [
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_tabs__link_before_BorderTopColor": {
+      "name": "--pf-c-tabs__link--before--BorderTopColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-tabs__link--before--border-color--base",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
     "c_tabs__link_before_BorderRightColor": {
       "name": "--pf-c-tabs__link--before--BorderRightColor",
       "value": "#d2d2d2",
@@ -360,13 +408,15 @@ export const c_tabs: {
         "#d2d2d2"
       ]
     },
-    "c_tabs__link_before_border_width_base": {
-      "name": "--pf-c-tabs__link--before--border-width--base",
-      "value": "1px",
+    "c_tabs__link_before_BorderLeftColor": {
+      "name": "--pf-c-tabs__link--before--BorderLeftColor",
+      "value": "#d2d2d2",
       "values": [
-        "--pf-global--BorderWidth--sm",
-        "$pf-global--BorderWidth--sm",
-        "1px"
+        "--pf-c-tabs__link--before--border-color--base",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
       ]
     },
     "c_tabs__link_before_BorderTopWidth": {
@@ -757,6 +807,127 @@ export const c_tabs: {
     "c_tabs_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-c-tabs--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
+    },
+    "c_tabs__item_close_c_button_FontSize": {
+      "name": "--pf-c-tabs__item-close--c-button--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_tabs_m_secondary__item_close_c_button_FontSize": {
+      "name": "--pf-c-tabs--m-secondary__item-close--c-button--FontSize",
+      "value": "0.625rem",
+      "values": [
+        "--pf-global--icon--FontSize--sm",
+        "$pf-global--icon--FontSize--sm",
+        "pf-font-prem(10px)",
+        "0.625rem"
+      ]
+    },
+    "c_tabs__item_close_c_button_PaddingTop": {
+      "name": "--pf-c-tabs__item-close--c-button--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_tabs__item_close_c_button_PaddingBottom": {
+      "name": "--pf-c-tabs__item-close--c-button--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_tabs__item_close_c_button_PaddingLeft": {
+      "name": "--pf-c-tabs__item-close--c-button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_tabs__item_close_c_button_OutlineOffset": {
+      "name": "--pf-c-tabs__item-close--c-button--OutlineOffset",
+      "value": "-0.1875rem"
+    },
+    "c_tabs__item_close_icon_MarginTop": {
+      "name": "--pf-c-tabs__item-close-icon--MarginTop",
+      "value": "0.125rem"
+    },
+    "c_tabs__add_before_BorderColor": {
+      "name": "--pf-c-tabs__add--before--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-tabs__link--before--border-color--base",
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_tabs__add_before_BorderLeftWidth": {
+      "name": "--pf-c-tabs__add--before--BorderLeftWidth",
+      "value": "1px",
+      "values": [
+        "--pf-c-tabs__link--before--border-width--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_tabs__add_c_button_FontSize": {
+      "name": "--pf-c-tabs__add--c-button--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_tabs_m_secondary__add_c_button_FontSize": {
+      "name": "--pf-c-tabs--m-secondary__add--c-button--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_tabs__add_c_button_PaddingTop": {
+      "name": "--pf-c-tabs__add--c-button--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__link--PaddingTop",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_tabs__add_c_button_PaddingBottom": {
+      "name": "--pf-c-tabs__add--c-button--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__link--PaddingBottom",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
     }
   },
   ".pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child": {
@@ -790,6 +961,28 @@ export const c_tabs: {
         "pf-font-prem(14px)",
         "0.875rem"
       ]
+    },
+    "c_tabs__item_close_c_button_FontSize": {
+      "name": "--pf-c-tabs__item-close--c-button--FontSize",
+      "value": "0.625rem",
+      "values": [
+        "--pf-c-tabs--m-secondary__item-close--c-button--FontSize",
+        "--pf-global--icon--FontSize--sm",
+        "$pf-global--icon--FontSize--sm",
+        "pf-font-prem(10px)",
+        "0.625rem"
+      ]
+    },
+    "c_tabs__add_c_button_FontSize": {
+      "name": "--pf-c-tabs__add--c-button--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-c-tabs--m-secondary__add--c-button--FontSize",
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
     }
   },
   ".pf-c-tabs.pf-m-border-bottom": {
@@ -958,6 +1151,18 @@ export const c_tabs: {
       ]
     }
   },
+  ".pf-c-tabs.pf-m-box .pf-c-tabs__item-close .pf-c-button": {
+    "c_button_m_plain_disabled_Color": {
+      "name": "--pf-c-button--m-plain--disabled--Color",
+      "value": "#b8bbbe",
+      "values": [
+        "--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor",
+        "--pf-global--palette--black-400",
+        "$pf-color-black-400",
+        "#b8bbbe"
+      ]
+    }
+  },
   ".pf-c-tabs.pf-m-vertical": {
     "c_tabs_Width": {
       "name": "--pf-c-tabs--Width",
@@ -1329,7 +1534,18 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__link": {
+  ".pf-c-tabs__item.pf-m-action": {
+    "c_tabs__link_PaddingRight": {
+      "name": "--pf-c-tabs__link--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__item--m-action__link--PaddingRight",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_tabs__link_after_BorderBottomWidth": {
       "name": "--pf-c-tabs__link--after--BorderBottomWidth",
       "value": "0",
@@ -1339,7 +1555,7 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__link:hover": {
+  ".pf-c-tabs__item.pf-m-action:hover": {
     "c_tabs__link_after_BorderWidth": {
       "name": "--pf-c-tabs__link--after--BorderWidth",
       "value": "3px",
@@ -1351,7 +1567,7 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__link:focus": {
+  ".pf-c-tabs__item.pf-m-action:focus-within": {
     "c_tabs__link_after_BorderWidth": {
       "name": "--pf-c-tabs__link--after--BorderWidth",
       "value": "3px",
@@ -1363,7 +1579,7 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__link:active": {
+  ".pf-c-tabs__item.pf-m-action:active": {
     "c_tabs__link_after_BorderWidth": {
       "name": "--pf-c-tabs__link--after--BorderWidth",
       "value": "3px",
@@ -1375,7 +1591,7 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__link:disabled": {
+  ".pf-c-tabs__item.pf-m-action.pf-m-disabled": {
     "c_tabs__link_BackgroundColor": {
       "name": "--pf-c-tabs__link--BackgroundColor",
       "value": "#f5f5f5",
@@ -1424,6 +1640,52 @@ export const c_tabs: {
       "value": "0"
     }
   },
+  ".pf-c-tabs__item-close .pf-c-button": {
+    "c_button_FontSize": {
+      "name": "--pf-c-button--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-c-tabs__item-close--c-button--FontSize",
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_button_PaddingTop": {
+      "name": "--pf-c-button--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__item-close--c-button--PaddingTop",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_button_PaddingBottom": {
+      "name": "--pf-c-button--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__item-close--c-button--PaddingBottom",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_button_PaddingLeft": {
+      "name": "--pf-c-button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__item-close--c-button--PaddingLeft",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    }
+  },
   ".pf-c-tabs__scroll-button:hover": {
     "c_tabs__scroll_button_Color": {
       "name": "--pf-c-tabs__scroll-button--Color",
@@ -1474,6 +1736,43 @@ export const c_tabs: {
       ]
     }
   },
+  ".pf-c-tabs__add .pf-c-button": {
+    "c_button_FontSize": {
+      "name": "--pf-c-button--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-c-tabs__add--c-button--FontSize",
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
+    "c_button_PaddingTop": {
+      "name": "--pf-c-button--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__add--c-button--PaddingTop",
+        "--pf-c-tabs__link--PaddingTop",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_button_PaddingBottom": {
+      "name": "--pf-c-button--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-tabs__add--c-button--PaddingBottom",
+        "--pf-c-tabs__link--PaddingBottom",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    }
+  },
   ".pf-c-tabs.pf-m-inset-none": {
     "c_tabs_inset": {
       "name": "--pf-c-tabs--inset",