@patternfly/react-tokens 4.21.3 → 4.22.2

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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)
+
+
+### Features
+
+* **Table:** set default sort direction ([#6544](https://github.com/patternfly/patternfly-react/issues/6544)) ([9ee4942](https://github.com/patternfly/patternfly-react/commit/9ee49428c8e1041721f2a09f8176a5aba3335049))
+
+
+
+
+
+## 4.21.4 (2021-11-09)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 ## 4.21.3 (2021-11-08)
 
 **Note:** Version bump only for package @patternfly/react-tokens

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",
@@ -353,6 +385,26 @@ export const c_log_viewer: {
       "name": "--pf-c-log-viewer__scroll-container--Height",
       "value": "37.5rem"
     },
+    "c_log_viewer__scroll_container_PaddingTop": {
+      "name": "--pf-c-log-viewer__scroll-container--PaddingTop",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_log_viewer__scroll_container_PaddingBottom": {
+      "name": "--pf-c-log-viewer__scroll-container--PaddingBottom",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_log_viewer_m_line_numbers__main_before_Top": {
       "name": "--pf-c-log-viewer--m-line-numbers__main--before--Top",
       "value": "0.5rem",
@@ -392,24 +444,16 @@ export const c_log_viewer: {
         "#d2d2d2"
       ]
     },
-    "c_log_viewer__scroll_container_PaddingTop": {
-      "name": "--pf-c-log-viewer__scroll-container--PaddingTop",
-      "value": "1rem",
-      "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
+    "c_log_viewer__list_Height": {
+      "name": "--pf-c-log-viewer__list--Height",
+      "value": "auto"
     },
-    "c_log_viewer__scroll_container_PaddingBottom": {
-      "name": "--pf-c-log-viewer__scroll-container--PaddingBottom",
-      "value": "1rem",
+    "c_log_viewer_m_line_numbers__list_Left": {
+      "name": "--pf-c-log-viewer--m-line-numbers__list--Left",
+      "value": "4.0625rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-c-log-viewer__index--Width",
+        "4.0625rem"
       ]
     },
     "c_log_viewer__index_Display": {
@@ -469,6 +513,16 @@ export const c_log_viewer: {
         "#6a6e73"
       ]
     },
+    "c_log_viewer__index_BackgroundColor": {
+      "name": "--pf-c-log-viewer__index--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
     "c_log_viewer__text_PaddingRight": {
       "name": "--pf-c-log-viewer__text--PaddingRight",
       "value": "1rem",
@@ -518,6 +572,22 @@ export const c_log_viewer: {
         "#151515"
       ]
     },
+    "c_log_viewer__text_WordBreak": {
+      "name": "--pf-c-log-viewer__text--WordBreak",
+      "value": "break-all"
+    },
+    "c_log_viewer__text_WhiteSpace": {
+      "name": "--pf-c-log-viewer__text--WhiteSpace",
+      "value": "break-spaces"
+    },
+    "c_log_viewer__text_LineBreak": {
+      "name": "--pf-c-log-viewer__text--LineBreak",
+      "value": "anywhere"
+    },
+    "c_log_viewer_m_nowrap__text_WhiteSpace": {
+      "name": "--pf-c-log-viewer--m-nowrap__text--WhiteSpace",
+      "value": "nowrap"
+    },
     "c_log_viewer__string_m_match_Color": {
       "name": "--pf-c-log-viewer__string--m-match--Color",
       "value": "#3d2c00",
@@ -598,13 +668,13 @@ 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",
+  ".pf-c-log-viewer.pf-m-nowrap": {
+    "c_log_viewer__text_WhiteSpace": {
+      "name": "--pf-c-log-viewer__text--WhiteSpace",
+      "value": "nowrap",
       "values": [
-        "--pf-c-log-viewer--m-dark__main--BorderWidth",
-        "0"
+        "--pf-c-log-viewer--m-nowrap__text--WhiteSpace",
+        "nowrap"
       ]
     }
   },