@patternfly/patternfly 4.211.0 → 4.213.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.211.0",
+  "version": "4.213.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -35,8 +35,8 @@
     "@octokit/rest": "^16.40.1",
     "@patternfly/patternfly-a11y": "4.3.1",
     "@patternfly/react-charts": "6.88.7",
-    "@patternfly/react-code-editor": "4.72.8",
-    "@patternfly/react-table": "4.100.8",
+    "@patternfly/react-code-editor": "4.76.7",
+    "@patternfly/react-table": "4.104.7",
     "@starptech/prettyhtml": "^0.10.0",
     "babel-eslint": "^8.2.3",
     "cheerio": "^1.0.0-rc.3",

package/patternfly-no-reset.css

@@ -8190,6 +8190,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
@@ -15843,6 +15844,126 @@ textarea.pf-c-form-control {
   --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
 }
 
+.pf-c-icon {
+  --pf-c-icon--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline--Width: 1em;
+  --pf-c-icon--m-inline--Height: 1em;
+  --pf-c-icon--m-sm--Width: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Width: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Width: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon--m-sm--Height: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Height: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Height: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon__content--Color: var(--pf-global--icon--Color--dark);
+  --pf-c-icon__content--m-danger--Color: var(--pf-global--danger-color--100);
+  --pf-c-icon__content--m-warning--Color: var(--pf-global--warning-color--100);
+  --pf-c-icon__content--m-success--Color: var(--pf-global--success-color--100);
+  --pf-c-icon__content--m-info--Color: var(--pf-global--info-color--100);
+  --pf-c-icon__content--m-default--Color: var(--pf-global--default-color--100);
+  --pf-c-icon__content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline__content--FontSize: 1em;
+  --pf-c-icon__content--svg--VerticalAlign: -.125em;
+  --pf-c-icon--m-sm--content--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--content--FontSize: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--content--FontSize: var(--pf-global--icon--FontSize--xl);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pf-c-icon--Width);
+  height: var(--pf-c-icon--Height);
+}
+.pf-c-icon.pf-m-inline {
+  --pf-c-icon--Width: var(--pf-c-icon--m-inline--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-inline--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-inline__content--FontSize);
+  --pf-c-icon__content--Color: currentcolor;
+  line-height: 1;
+}
+.pf-c-icon.pf-m-inline .pf-c-spinner {
+  --pf-c-spinner--diameter: 1em;
+}
+.pf-c-icon.pf-m-sm {
+  --pf-c-icon--Width: var(--pf-c-icon--m-sm--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-sm--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+.pf-c-icon.pf-m-md {
+  --pf-c-icon--Width: var(--pf-c-icon--m-md--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-md--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+.pf-c-icon.pf-m-lg {
+  --pf-c-icon--Width: var(--pf-c-icon--m-lg--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-lg--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+.pf-c-icon.pf-m-xl {
+  --pf-c-icon--Width: var(--pf-c-icon--m-xl--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-xl--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+.pf-c-icon.pf-m-in-progress {
+  --pf-c-icon__content--Opacity: 0;
+  --pf-c-icon__progress--Opacity: 1;
+}
+
+.pf-c-icon__content,
+.pf-c-icon__progress {
+  font-size: var(--pf-c-icon__content--FontSize);
+}
+.pf-c-icon__content svg,
+.pf-c-icon__progress svg {
+  vertical-align: var(--pf-c-icon__content--svg--VerticalAlign);
+}
+.pf-c-icon__content.pf-m-sm,
+.pf-c-icon__progress.pf-m-sm {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+.pf-c-icon__content.pf-m-md,
+.pf-c-icon__progress.pf-m-md {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+.pf-c-icon__content.pf-m-lg,
+.pf-c-icon__progress.pf-m-lg {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+.pf-c-icon__content.pf-m-xl,
+.pf-c-icon__progress.pf-m-xl {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+
+.pf-c-icon__content {
+  color: var(--pf-c-icon__content--Color);
+  opacity: var(--pf-c-icon__content--Opacity, 1);
+}
+.pf-c-icon__content.pf-m-danger {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
+}
+.pf-c-icon__content.pf-m-warning {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
+}
+.pf-c-icon__content.pf-m-success {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
+}
+.pf-c-icon__content.pf-m-info {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
+}
+.pf-c-icon__content.pf-m-default {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
+}
+
+.pf-c-icon__progress {
+  position: absolute;
+  top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
+  opacity: var(--pf-c-icon__progress--Opacity, 0);
+  transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
+}
+
 .pf-c-inline-edit {
   --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
@@ -17065,18 +17186,19 @@ ul.pf-c-list {
   --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
   --pf-c-log-viewer__list--Height: auto;
   --pf-c-log-viewer--m-line-numbers__list--Left: var(--pf-c-log-viewer__index--Width);
+  --pf-c-log-viewer__list--FontFamily: var(--pf-global--FontFamily--monospace);
+  --pf-c-log-viewer__list--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__index--Display: none;
   --pf-c-log-viewer__index--Width: 4.0625rem;
   --pf-c-log-viewer__index--PaddingRight: var(--pf-global--spacer--xl);
   --pf-c-log-viewer__index--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
-  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
   --pf-c-log-viewer__index--BackgroundColor: transparent;
+  --pf-c-log-viewer--line-number-chars: 4.4;
+  --pf-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-c-log-viewer--line-number-chars) + var(--pf-c-log-viewer__index--PaddingRight) + var(--pf-c-log-viewer__index--PaddingLeft));
   --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
-  --pf-c-log-viewer__text--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
   --pf-c-log-viewer__text--WordBreak: break-all;
   --pf-c-log-viewer__text--WhiteSpace: break-spaces;
@@ -17133,6 +17255,10 @@ ul.pf-c-list {
   content: "";
   background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
 }
+.pf-c-log-viewer.pf-m-line-number-chars {
+  --pf-c-log-viewer__index--PaddingRight: var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight);
+  --pf-c-log-viewer__index--Width: var(--pf-c-log-viewer--m-line-number-chars__index--Width);
+}
 .pf-c-log-viewer .pf-c-toolbar {
   --pf-c-toolbar--PaddingTop: var(--pf-c-log-viewer--c-toolbar--PaddingTop);
   --pf-c-toolbar--PaddingBottom: var(--pf-c-log-viewer--c-toolbar--PaddingBottom);
@@ -17173,6 +17299,8 @@ ul.pf-c-list {
 .pf-c-log-viewer__list {
   position: relative;
   height: var(--pf-c-log-viewer__list--Height);
+  font-family: var(--pf-c-log-viewer__list--FontFamily);
+  font-size: var(--pf-c-log-viewer__list--FontSize);
 }
 
 .pf-c-log-viewer__list-item {
@@ -17196,8 +17324,8 @@ ul.pf-c-list {
   width: var(--pf-c-log-viewer__index--Width);
   padding-right: var(--pf-c-log-viewer__index--PaddingRight);
   padding-left: var(--pf-c-log-viewer__index--PaddingLeft);
-  font-family: var(--pf-c-log-viewer__index--FontFamily);
-  font-size: var(--pf-c-log-viewer__index--FontSize);
+  font-family: var(--pf-c-log-viewer__index--FontFamily, inherit);
+  font-size: var(--pf-c-log-viewer__index--FontSize, inherit);
   color: var(--pf-c-log-viewer__index--Color);
   user-select: none;
   background-color: var(--pf-c-log-viewer__index--BackgroundColor);
@@ -17207,8 +17335,8 @@ ul.pf-c-list {
   display: block;
   padding-right: var(--pf-c-log-viewer__text--PaddingRight);
   padding-left: var(--pf-c-log-viewer__text--PaddingLeft);
-  font-family: var(--pf-c-log-viewer__text--FontFamily);
-  font-size: var(--pf-c-log-viewer__text--FontSize);
+  font-family: var(--pf-c-log-viewer__text--FontFamily, inherit);
+  font-size: var(--pf-c-log-viewer__text--FontSize, inherit);
   color: var(--pf-c-log-viewer__text--Color);
   word-break: var(--pf-c-log-viewer__text--WordBreak);
   white-space: var(--pf-c-log-viewer__text--WhiteSpace);

package/patternfly.css

@@ -8317,6 +8317,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-card--child--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-card--child--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-card--c-divider--child--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-card__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-card__title--FontSize: var(--pf-global--FontSize--md);
   --pf-c-card__title--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-card__title--not--last-child--PaddingBottom: var(--pf-global--spacer--md);
@@ -15970,6 +15971,126 @@ textarea.pf-c-form-control {
   --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
 }
 
+.pf-c-icon {
+  --pf-c-icon--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline--Width: 1em;
+  --pf-c-icon--m-inline--Height: 1em;
+  --pf-c-icon--m-sm--Width: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Width: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Width: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon--m-sm--Height: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Height: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Height: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon__content--Color: var(--pf-global--icon--Color--dark);
+  --pf-c-icon__content--m-danger--Color: var(--pf-global--danger-color--100);
+  --pf-c-icon__content--m-warning--Color: var(--pf-global--warning-color--100);
+  --pf-c-icon__content--m-success--Color: var(--pf-global--success-color--100);
+  --pf-c-icon__content--m-info--Color: var(--pf-global--info-color--100);
+  --pf-c-icon__content--m-default--Color: var(--pf-global--default-color--100);
+  --pf-c-icon__content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline__content--FontSize: 1em;
+  --pf-c-icon__content--svg--VerticalAlign: -.125em;
+  --pf-c-icon--m-sm--content--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--content--FontSize: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--content--FontSize: var(--pf-global--icon--FontSize--xl);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pf-c-icon--Width);
+  height: var(--pf-c-icon--Height);
+}
+.pf-c-icon.pf-m-inline {
+  --pf-c-icon--Width: var(--pf-c-icon--m-inline--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-inline--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-inline__content--FontSize);
+  --pf-c-icon__content--Color: currentcolor;
+  line-height: 1;
+}
+.pf-c-icon.pf-m-inline .pf-c-spinner {
+  --pf-c-spinner--diameter: 1em;
+}
+.pf-c-icon.pf-m-sm {
+  --pf-c-icon--Width: var(--pf-c-icon--m-sm--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-sm--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+.pf-c-icon.pf-m-md {
+  --pf-c-icon--Width: var(--pf-c-icon--m-md--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-md--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+.pf-c-icon.pf-m-lg {
+  --pf-c-icon--Width: var(--pf-c-icon--m-lg--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-lg--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+.pf-c-icon.pf-m-xl {
+  --pf-c-icon--Width: var(--pf-c-icon--m-xl--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-xl--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+.pf-c-icon.pf-m-in-progress {
+  --pf-c-icon__content--Opacity: 0;
+  --pf-c-icon__progress--Opacity: 1;
+}
+
+.pf-c-icon__content,
+.pf-c-icon__progress {
+  font-size: var(--pf-c-icon__content--FontSize);
+}
+.pf-c-icon__content svg,
+.pf-c-icon__progress svg {
+  vertical-align: var(--pf-c-icon__content--svg--VerticalAlign);
+}
+.pf-c-icon__content.pf-m-sm,
+.pf-c-icon__progress.pf-m-sm {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+.pf-c-icon__content.pf-m-md,
+.pf-c-icon__progress.pf-m-md {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+.pf-c-icon__content.pf-m-lg,
+.pf-c-icon__progress.pf-m-lg {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+.pf-c-icon__content.pf-m-xl,
+.pf-c-icon__progress.pf-m-xl {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+
+.pf-c-icon__content {
+  color: var(--pf-c-icon__content--Color);
+  opacity: var(--pf-c-icon__content--Opacity, 1);
+}
+.pf-c-icon__content.pf-m-danger {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
+}
+.pf-c-icon__content.pf-m-warning {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
+}
+.pf-c-icon__content.pf-m-success {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
+}
+.pf-c-icon__content.pf-m-info {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
+}
+.pf-c-icon__content.pf-m-default {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
+}
+
+.pf-c-icon__progress {
+  position: absolute;
+  top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
+  opacity: var(--pf-c-icon__progress--Opacity, 0);
+  transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
+}
+
 .pf-c-inline-edit {
   --pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
@@ -17192,18 +17313,19 @@ ul.pf-c-list {
   --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
   --pf-c-log-viewer__list--Height: auto;
   --pf-c-log-viewer--m-line-numbers__list--Left: var(--pf-c-log-viewer__index--Width);
+  --pf-c-log-viewer__list--FontFamily: var(--pf-global--FontFamily--monospace);
+  --pf-c-log-viewer__list--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__index--Display: none;
   --pf-c-log-viewer__index--Width: 4.0625rem;
   --pf-c-log-viewer__index--PaddingRight: var(--pf-global--spacer--xl);
   --pf-c-log-viewer__index--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
-  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
   --pf-c-log-viewer__index--BackgroundColor: transparent;
+  --pf-c-log-viewer--line-number-chars: 4.4;
+  --pf-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-c-log-viewer--line-number-chars) + var(--pf-c-log-viewer__index--PaddingRight) + var(--pf-c-log-viewer__index--PaddingLeft));
   --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
-  --pf-c-log-viewer__text--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
   --pf-c-log-viewer__text--WordBreak: break-all;
   --pf-c-log-viewer__text--WhiteSpace: break-spaces;
@@ -17260,6 +17382,10 @@ ul.pf-c-list {
   content: "";
   background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
 }
+.pf-c-log-viewer.pf-m-line-number-chars {
+  --pf-c-log-viewer__index--PaddingRight: var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight);
+  --pf-c-log-viewer__index--Width: var(--pf-c-log-viewer--m-line-number-chars__index--Width);
+}
 .pf-c-log-viewer .pf-c-toolbar {
   --pf-c-toolbar--PaddingTop: var(--pf-c-log-viewer--c-toolbar--PaddingTop);
   --pf-c-toolbar--PaddingBottom: var(--pf-c-log-viewer--c-toolbar--PaddingBottom);
@@ -17300,6 +17426,8 @@ ul.pf-c-list {
 .pf-c-log-viewer__list {
   position: relative;
   height: var(--pf-c-log-viewer__list--Height);
+  font-family: var(--pf-c-log-viewer__list--FontFamily);
+  font-size: var(--pf-c-log-viewer__list--FontSize);
 }
 
 .pf-c-log-viewer__list-item {
@@ -17323,8 +17451,8 @@ ul.pf-c-list {
   width: var(--pf-c-log-viewer__index--Width);
   padding-right: var(--pf-c-log-viewer__index--PaddingRight);
   padding-left: var(--pf-c-log-viewer__index--PaddingLeft);
-  font-family: var(--pf-c-log-viewer__index--FontFamily);
-  font-size: var(--pf-c-log-viewer__index--FontSize);
+  font-family: var(--pf-c-log-viewer__index--FontFamily, inherit);
+  font-size: var(--pf-c-log-viewer__index--FontSize, inherit);
   color: var(--pf-c-log-viewer__index--Color);
   user-select: none;
   background-color: var(--pf-c-log-viewer__index--BackgroundColor);
@@ -17334,8 +17462,8 @@ ul.pf-c-list {
   display: block;
   padding-right: var(--pf-c-log-viewer__text--PaddingRight);
   padding-left: var(--pf-c-log-viewer__text--PaddingLeft);
-  font-family: var(--pf-c-log-viewer__text--FontFamily);
-  font-size: var(--pf-c-log-viewer__text--FontSize);
+  font-family: var(--pf-c-log-viewer__text--FontFamily, inherit);
+  font-size: var(--pf-c-log-viewer__text--FontSize, inherit);
   color: var(--pf-c-log-viewer__text--Color);
   word-break: var(--pf-c-log-viewer__text--WordBreak);
   white-space: var(--pf-c-log-viewer__text--WhiteSpace);