@patternfly/react-tokens 4.22.0 → 4.22.4

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.22.4 (2021-11-10)
+
+
+### Bug Fixes
+
+* **jumplinks:** fixed to always set clicked item as active ([#6542](https://github.com/patternfly/patternfly-react/issues/6542)) ([845c98f](https://github.com/patternfly/patternfly-react/commit/845c98f5f3df8aa9b6acc190707c5f1d7bf3ca38))
+
+
+
+
+
+## 4.22.3 (2021-11-10)
+
+
+### Bug Fixes
+
+* **Menu:** stop passing disableHover to DrilldownMenu DOM ([#6571](https://github.com/patternfly/patternfly-react/issues/6571)) ([63dcf25](https://github.com/patternfly/patternfly-react/commit/63dcf256723848ff3789828fc0a5f86d5009fc87))
+
+
+
+
+
+## 4.22.2 (2021-11-10)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.22.1 (2021-11-10)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 # 4.22.0 (2021-11-09)
 
 

package/dist/esm/c_card.d.ts

@@ -492,6 +492,40 @@ export const c_card: {
       "name": "--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY",
       "value": "2"
     },
+    "c_card_m_non_selectable_raised_BackgroundColor": {
+      "name": "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-global--BackgroundColor--light-200",
+        "$pf-global--BackgroundColor--light-200",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_m_non_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_non_selectable_raised_before_ScaleY": {
+      "name": "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+      "value": "2"
+    },
+    "c_card_m_flat_m_non_selectable_raised_before_BorderColor": {
+      "name": "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
     "c_card_m_compact__body_FontSize": {
       "name": "--pf-c-card--m-compact__body--FontSize",
       "value": "0.875rem",
@@ -782,6 +816,31 @@ export const c_card: {
       ]
     }
   },
+  ".pf-c-card.pf-m-selectable-raised:active": {
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-c-card--m-selectable-raised--active--BoxShadow",
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_card_m_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
+      "value": "#73bcf7",
+      "values": [
+        "--pf-c-card--m-selectable-raised--active--before--BackgroundColor",
+        "--pf-global--active-color--400",
+        "$pf-global--active-color--400",
+        "$pf-color-blue-200",
+        "#73bcf7"
+      ]
+    }
+  },
   ".pf-c-card.pf-m-selectable-raised.pf-m-selected-raised": {
     "c_card_m_selectable_raised_before_BackgroundColor": {
       "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
@@ -821,6 +880,53 @@ export const c_card: {
       ]
     }
   },
+  ".pf-c-card.pf-m-non-selectable-raised": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+        "--pf-global--BackgroundColor--light-200",
+        "$pf-global--BackgroundColor--light-200",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "none"
+    },
+    "c_card_m_flat_BorderColor": {
+      "name": "--pf-c-card--m-flat--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_raised_before_ScaleY": {
+      "name": "--pf-c-card--m-selectable-raised--before--ScaleY",
+      "value": "2",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+        "2"
+      ]
+    }
+  },
   ".pf-c-card.pf-m-compact": {
     "c_card__body_FontSize": {
       "name": "--pf-c-card__body--FontSize",

package/dist/esm/c_card.js

@@ -492,6 +492,40 @@ export const c_card = {
       "name": "--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY",
       "value": "2"
     },
+    "c_card_m_non_selectable_raised_BackgroundColor": {
+      "name": "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-global--BackgroundColor--light-200",
+        "$pf-global--BackgroundColor--light-200",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_m_non_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_non_selectable_raised_before_ScaleY": {
+      "name": "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+      "value": "2"
+    },
+    "c_card_m_flat_m_non_selectable_raised_before_BorderColor": {
+      "name": "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
     "c_card_m_compact__body_FontSize": {
       "name": "--pf-c-card--m-compact__body--FontSize",
       "value": "0.875rem",
@@ -782,6 +816,31 @@ export const c_card = {
       ]
     }
   },
+  ".pf-c-card.pf-m-selectable-raised:active": {
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-c-card--m-selectable-raised--active--BoxShadow",
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
+    },
+    "c_card_m_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
+      "value": "#73bcf7",
+      "values": [
+        "--pf-c-card--m-selectable-raised--active--before--BackgroundColor",
+        "--pf-global--active-color--400",
+        "$pf-global--active-color--400",
+        "$pf-color-blue-200",
+        "#73bcf7"
+      ]
+    }
+  },
   ".pf-c-card.pf-m-selectable-raised.pf-m-selected-raised": {
     "c_card_m_selectable_raised_before_BackgroundColor": {
       "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
@@ -821,6 +880,53 @@ export const c_card = {
       ]
     }
   },
+  ".pf-c-card.pf-m-non-selectable-raised": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "#fafafa",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+        "--pf-global--BackgroundColor--light-200",
+        "$pf-global--BackgroundColor--light-200",
+        "$pf-color-black-100",
+        "#fafafa"
+      ]
+    },
+    "c_card_BoxShadow": {
+      "name": "--pf-c-card--BoxShadow",
+      "value": "none"
+    },
+    "c_card_m_flat_BorderColor": {
+      "name": "--pf-c-card--m-flat--BorderColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_raised_before_BackgroundColor": {
+      "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+        "--pf-global--disabled-color--200",
+        "$pf-global--disabled-color--200",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "c_card_m_selectable_raised_before_ScaleY": {
+      "name": "--pf-c-card--m-selectable-raised--before--ScaleY",
+      "value": "2",
+      "values": [
+        "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+        "2"
+      ]
+    }
+  },
   ".pf-c-card.pf-m-compact": {
     "c_card__body_FontSize": {
       "name": "--pf-c-card__body--FontSize",

package/dist/esm/c_card_m_flat_m_non_selectable_raised_before_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_flat_m_non_selectable_raised_before_BorderColor: {
+  "name": "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor)"
+};
+export default c_card_m_flat_m_non_selectable_raised_before_BorderColor;

package/dist/esm/c_card_m_flat_m_non_selectable_raised_before_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_flat_m_non_selectable_raised_before_BorderColor = {
+  "name": "--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor)"
+};
+export default c_card_m_flat_m_non_selectable_raised_before_BorderColor;

package/dist/esm/c_card_m_non_selectable_raised_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_BackgroundColor: {
+  "name": "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+  "value": "#fafafa",
+  "var": "var(--pf-c-card--m-non-selectable-raised--BackgroundColor)"
+};
+export default c_card_m_non_selectable_raised_BackgroundColor;

package/dist/esm/c_card_m_non_selectable_raised_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_BackgroundColor = {
+  "name": "--pf-c-card--m-non-selectable-raised--BackgroundColor",
+  "value": "#fafafa",
+  "var": "var(--pf-c-card--m-non-selectable-raised--BackgroundColor)"
+};
+export default c_card_m_non_selectable_raised_BackgroundColor;

package/dist/esm/c_card_m_non_selectable_raised_before_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_before_BackgroundColor: {
+  "name": "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-non-selectable-raised--before--BackgroundColor)"
+};
+export default c_card_m_non_selectable_raised_before_BackgroundColor;

package/dist/esm/c_card_m_non_selectable_raised_before_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_before_BackgroundColor = {
+  "name": "--pf-c-card--m-non-selectable-raised--before--BackgroundColor",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-card--m-non-selectable-raised--before--BackgroundColor)"
+};
+export default c_card_m_non_selectable_raised_before_BackgroundColor;

package/dist/esm/c_card_m_non_selectable_raised_before_ScaleY.d.ts

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_before_ScaleY: {
+  "name": "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+  "value": "2",
+  "var": "var(--pf-c-card--m-non-selectable-raised--before--ScaleY)"
+};
+export default c_card_m_non_selectable_raised_before_ScaleY;

package/dist/esm/c_card_m_non_selectable_raised_before_ScaleY.js

@@ -0,0 +1,6 @@
+export const c_card_m_non_selectable_raised_before_ScaleY = {
+  "name": "--pf-c-card--m-non-selectable-raised--before--ScaleY",
+  "value": "2",
+  "var": "var(--pf-c-card--m-non-selectable-raised--before--ScaleY)"
+};
+export default c_card_m_non_selectable_raised_before_ScaleY;

package/dist/esm/c_card_m_selectable_raised_before_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_card_m_selectable_raised_before_BackgroundColor: {
   "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
-  "value": "#06c",
+  "value": "#d2d2d2",
   "var": "var(--pf-c-card--m-selectable-raised--before--BackgroundColor)"
 };
 export default c_card_m_selectable_raised_before_BackgroundColor;

package/dist/esm/c_card_m_selectable_raised_before_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_card_m_selectable_raised_before_BackgroundColor = {
   "name": "--pf-c-card--m-selectable-raised--before--BackgroundColor",
-  "value": "#06c",
+  "value": "#d2d2d2",
   "var": "var(--pf-c-card--m-selectable-raised--before--BackgroundColor)"
 };
 export default c_card_m_selectable_raised_before_BackgroundColor;

package/dist/esm/c_log_viewer.d.ts

@@ -1,5 +1,79 @@
 export const c_log_viewer: {
-  ".pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main": {
+  ".pf-c-log-viewer__header": {
+    "global_Color_100": {
+      "name": "--pf-global--Color--100",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--dark-100",
+        "$pf-global--Color--dark-100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "global_Color_200": {
+      "name": "--pf-global--Color--200",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-global--Color--dark-200",
+        "$pf-global--Color--dark-200",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
+    },
+    "global_BorderColor_100": {
+      "name": "--pf-global--BorderColor--100",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--dark-100",
+        "$pf-global--BorderColor--dark-100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
+    "global_primary_color_100": {
+      "name": "--pf-global--primary-color--100",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--dark-100",
+        "$pf-global--primary-color--dark-100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "global_link_Color": {
+      "name": "--pf-global--link--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--link--Color--dark",
+        "$pf-global--link--Color--dark",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "global_link_Color_hover": {
+      "name": "--pf-global--link--Color--hover",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--dark--hover",
+        "$pf-global--link--Color--dark--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "global_BackgroundColor_100": {
+      "name": "--pf-global--BackgroundColor--100",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--light-100",
+        "$pf-global--BackgroundColor--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    }
+  },
+  ".pf-c-log-viewer.pf-m-dark": {
     "global_Color_100": {
       "name": "--pf-global--Color--100",
       "value": "#fff",
@@ -72,58 +146,16 @@ export const c_log_viewer: {
         "#151515"
       ]
     },
-    "c_log_viewer__main_BackgroundColor": {
-      "name": "--pf-c-log-viewer__main--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--100",
-        "$pf-global--BackgroundColor--100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_log_viewer__main_BorderColor": {
-      "name": "--pf-c-log-viewer__main--BorderColor",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-global--BorderColor--100",
-        "$pf-global--BorderColor--100",
-        "$pf-color-black-300",
-        "#d2d2d2"
-      ]
-    },
-    "c_log_viewer__text_Color": {
-      "name": "--pf-c-log-viewer__text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-global--Color--100",
-        "$pf-global--Color--100",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_log_viewer__index_Color": {
-      "name": "--pf-c-log-viewer__index--Color",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-global--Color--200",
-        "$pf-global--Color--200",
-        "$pf-color-black-600",
-        "#6a6e73"
-      ]
-    },
-    "c_log_viewer_m_line_numbers__main_before_BackgroundColor": {
-      "name": "--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor",
-      "value": "#d2d2d2",
+    "c_log_viewer__main_BorderWidth": {
+      "name": "--pf-c-log-viewer__main--BorderWidth",
+      "value": "0",
       "values": [
-        "--pf-global--BorderColor--100",
-        "$pf-global--BorderColor--100",
-        "$pf-color-black-300",
-        "#d2d2d2"
+        "--pf-c-log-viewer--m-dark__main--BorderWidth",
+        "0"
       ]
     }
   },
-  ".pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card": {
+  ".pf-c-log-viewer.pf-m-dark .pf-c-card": {
     "c_card_BackgroundColor": {
       "name": "--pf-c-card--BackgroundColor",
       "value": "rgba(#030303, .32)",
@@ -135,7 +167,7 @@ export const c_log_viewer: {
       ]
     }
   },
-  ".pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button": {
+  ".pf-c-log-viewer.pf-m-dark .pf-c-button": {
     "c_button_m_primary_Color": {
       "name": "--pf-c-button--m-primary--Color",
       "value": "#06c",
@@ -636,16 +668,6 @@ export const c_log_viewer: {
       "value": "0"
     }
   },
-  ".pf-c-log-viewer.pf-m-dark": {
-    "c_log_viewer__main_BorderWidth": {
-      "name": "--pf-c-log-viewer__main--BorderWidth",
-      "value": "0",
-      "values": [
-        "--pf-c-log-viewer--m-dark__main--BorderWidth",
-        "0"
-      ]
-    }
-  },
   ".pf-c-log-viewer.pf-m-nowrap": {
     "c_log_viewer__text_WhiteSpace": {
       "name": "--pf-c-log-viewer__text--WhiteSpace",