@patternfly/react-styles 5.0.0-alpha.9 → 5.0.0-prerelease.2

package/css/components/Label/label.d.ts

@@ -1,11 +1,11 @@
 import './label.css';
 declare const _default: {
-  "button": "pf-c-button",
-  "label": "pf-c-label",
-  "labelActions": "pf-c-label__actions",
-  "labelContent": "pf-c-label__content",
-  "labelIcon": "pf-c-label__icon",
-  "labelText": "pf-c-label__text",
+  "button": "pf-v5-c-button",
+  "label": "pf-v5-c-label",
+  "labelActions": "pf-v5-c-label__actions",
+  "labelContent": "pf-v5-c-label__content",
+  "labelIcon": "pf-v5-c-label__icon",
+  "labelText": "pf-v5-c-label__text",
   "modifiers": {
     "compact": "pf-m-compact",
     "blue": "pf-m-blue",
@@ -21,6 +21,6 @@ declare const _default: {
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Label/label.js

@@ -2,12 +2,12 @@
 exports.__esModule = true;
 require('./label.css');
 exports.default = {
-  "button": "pf-c-button",
-  "label": "pf-c-label",
-  "labelActions": "pf-c-label__actions",
-  "labelContent": "pf-c-label__content",
-  "labelIcon": "pf-c-label__icon",
-  "labelText": "pf-c-label__text",
+  "button": "pf-v5-c-button",
+  "label": "pf-v5-c-label",
+  "labelActions": "pf-v5-c-label__actions",
+  "labelContent": "pf-v5-c-label__content",
+  "labelIcon": "pf-v5-c-label__icon",
+  "labelText": "pf-v5-c-label__text",
   "modifiers": {
     "compact": "pf-m-compact",
     "blue": "pf-m-blue",
@@ -23,5 +23,5 @@ exports.default = {
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Label/label.mjs

@@ -1,11 +1,11 @@
 import './label.css';
 export default {
-  "button": "pf-c-button",
-  "label": "pf-c-label",
-  "labelActions": "pf-c-label__actions",
-  "labelContent": "pf-c-label__content",
-  "labelIcon": "pf-c-label__icon",
-  "labelText": "pf-c-label__text",
+  "button": "pf-v5-c-button",
+  "label": "pf-v5-c-label",
+  "labelActions": "pf-v5-c-label__actions",
+  "labelContent": "pf-v5-c-label__content",
+  "labelIcon": "pf-v5-c-label__icon",
+  "labelText": "pf-v5-c-label__text",
   "modifiers": {
     "compact": "pf-m-compact",
     "blue": "pf-m-blue",
@@ -21,5 +21,5 @@ export default {
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/List/list.css

@@ -1,74 +1,74 @@
-.pf-c-list {
-  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list__item-icon--MarginTop: 0.375rem;
-  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
-  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
-  padding-left: var(--pf-c-list--PaddingLeft);
+.pf-v5-c-list {
+  --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
+  --pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
+  --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
+  --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
+  --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
+  --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
+  --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
+  padding-left: var(--pf-v5-c-list--PaddingLeft);
 }
-.pf-c-list ol,
-.pf-c-list ul {
-  margin-top: var(--pf-c-list--nested--MarginTop);
-  margin-left: var(--pf-c-list--nested--MarginLeft);
+.pf-v5-c-list ol,
+.pf-v5-c-list ul {
+  margin-top: var(--pf-v5-c-list--nested--MarginTop);
+  margin-left: var(--pf-v5-c-list--nested--MarginLeft);
 }
-.pf-c-list li + li {
-  margin-top: var(--pf-c-list--li--MarginTop);
+.pf-v5-c-list li + li {
+  margin-top: var(--pf-v5-c-list--li--MarginTop);
 }
-ul.pf-c-list {
-  list-style: var(--pf-c-list--ul--ListStyle);
+ul.pf-v5-c-list {
+  list-style: var(--pf-v5-c-list--ul--ListStyle);
 }
 
-.pf-c-list .pf-c-list__item {
+.pf-v5-c-list .pf-v5-c-list__item {
   display: flex;
 }
-.pf-c-list .pf-c-list__item-icon {
+.pf-v5-c-list .pf-v5-c-list__item-icon {
   flex-shrink: 0;
-  min-width: var(--pf-c-list__item-icon--MinWidth);
-  margin-top: var(--pf-c-list__item-icon--MarginTop);
-  margin-right: var(--pf-c-list__item-icon--MarginRight);
-  font-size: var(--pf-c-list__item-icon--FontSize);
+  min-width: var(--pf-v5-c-list__item-icon--MinWidth);
+  margin-top: var(--pf-v5-c-list__item-icon--MarginTop);
+  margin-right: var(--pf-v5-c-list__item-icon--MarginRight);
+  font-size: var(--pf-v5-c-list__item-icon--FontSize);
   line-height: 1;
-  color: var(--pf-c-list__item-icon--Color);
+  color: var(--pf-v5-c-list__item-icon--Color);
 }
-.pf-c-list.pf-m-icon-lg {
-  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
-  --pf-c-list__item-icon--MarginTop: 0;
-  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
-  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+.pf-v5-c-list.pf-m-icon-lg {
+  --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
+  --pf-v5-c-list__item-icon--MarginTop: 0;
+  --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
+  --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
 }
-.pf-c-list.pf-m-plain {
-  --pf-c-list--PaddingLeft: 0;
+.pf-v5-c-list.pf-m-plain {
+  --pf-v5-c-list--PaddingLeft: 0;
   list-style: none;
 }
-.pf-c-list.pf-m-inline {
-  --pf-c-list--PaddingLeft: 0;
+.pf-v5-c-list.pf-m-inline {
+  --pf-v5-c-list--PaddingLeft: 0;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
 }
-.pf-c-list.pf-m-inline li {
-  --pf-c-list--li--MarginTop: 0;
+.pf-v5-c-list.pf-m-inline li {
+  --pf-v5-c-list--li--MarginTop: 0;
 }
-.pf-c-list.pf-m-inline li:not(:last-child) {
-  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+.pf-v5-c-list.pf-m-inline li:not(:last-child) {
+  margin-right: var(--pf-v5-c-list--m-inline--li--MarginRight);
 }
-.pf-c-list.pf-m-bordered > * {
-  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
-  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+.pf-v5-c-list.pf-m-bordered > * {
+  padding-bottom: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
+  border-bottom: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
 }
-.pf-c-list.pf-m-bordered > :last-child {
-  --pf-c-list--m-bordered--li--PaddingBottom: 0;
-  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+.pf-v5-c-list.pf-m-bordered > :last-child {
+  --pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
+  --pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
 }

package/css/components/List/list.d.ts

@@ -1,8 +1,8 @@
 import './list.css';
 declare const _default: {
-  "list": "pf-c-list",
-  "listItem": "pf-c-list__item",
-  "listItemIcon": "pf-c-list__item-icon",
+  "list": "pf-v5-c-list",
+  "listItem": "pf-v5-c-list__item",
+  "listItemIcon": "pf-v5-c-list__item-icon",
   "modifiers": {
     "iconLg": "pf-m-icon-lg",
     "plain": "pf-m-plain",

package/css/components/List/list.js

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 require('./list.css');
 exports.default = {
-  "list": "pf-c-list",
-  "listItem": "pf-c-list__item",
-  "listItemIcon": "pf-c-list__item-icon",
+  "list": "pf-v5-c-list",
+  "listItem": "pf-v5-c-list__item",
+  "listItemIcon": "pf-v5-c-list__item-icon",
   "modifiers": {
     "iconLg": "pf-m-icon-lg",
     "plain": "pf-m-plain",

package/css/components/List/list.mjs

@@ -1,8 +1,8 @@
 import './list.css';
 export default {
-  "list": "pf-c-list",
-  "listItem": "pf-c-list__item",
-  "listItemIcon": "pf-c-list__item-icon",
+  "list": "pf-v5-c-list",
+  "listItem": "pf-v5-c-list__item",
+  "listItemIcon": "pf-v5-c-list__item-icon",
   "modifiers": {
     "iconLg": "pf-m-icon-lg",
     "plain": "pf-m-plain",

package/css/components/LogViewer/log-viewer.css

@@ -1,201 +1,198 @@
-.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
-  --pf-global--Color--100: var(--pf-global--Color--light-100);
-  --pf-global--Color--200: var(--pf-global--Color--light-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--light);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
+.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
+  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
+  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
+  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
+  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
+  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
+  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
+  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
 }
 
-.pf-c-log-viewer {
-  --pf-c-log-viewer--Height: 100%;
-  --pf-c-log-viewer--MaxHeight: auto;
-  --pf-c-log-viewer--m-line-numbers__index--Display: inline;
-  --pf-c-log-viewer__header--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-log-viewer__main--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
-  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
-  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
-  --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
-  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
-  --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--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--Color: var(--pf-global--Color--100);
-  --pf-c-log-viewer__text--WordBreak: break-all;
-  --pf-c-log-viewer__text--WhiteSpace: break-spaces;
-  --pf-c-log-viewer__text--LineBreak: anywhere;
-  --pf-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
-  --pf-c-log-viewer__string--m-match--Color: var(--pf-global--palette--gold-700);
-  --pf-c-log-viewer__string--m-match--BackgroundColor: var(--pf-global--palette--gold-100);
-  --pf-c-log-viewer__string--m-current--Color: var(--pf-global--palette--gold-700);
-  --pf-c-log-viewer__string--m-current--BackgroundColor: var(--pf-global--palette--gold-400);
-  --pf-c-log-viewer__timestamp--FontWeight: var(--pf-global--FontWeight--bold);
-  --pf-c-log-viewer--c-toolbar--PaddingTop: 0;
-  --pf-c-log-viewer--c-toolbar--PaddingBottom: 0;
-  --pf-c-log-viewer--c-toolbar__content--PaddingRight: 0;
-  --pf-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
-  --pf-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer--m-dark__main--BorderWidth: 0;
+.pf-v5-c-log-viewer {
+  --pf-v5-c-log-viewer--Height: 100%;
+  --pf-v5-c-log-viewer--MaxHeight: auto;
+  --pf-v5-c-log-viewer--m-line-numbers__index--Display: inline;
+  --pf-v5-c-log-viewer__header--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-log-viewer__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-log-viewer__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-log-viewer__main--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-log-viewer__scroll-container--Height: 37.5rem;
+  --pf-v5-c-log-viewer__scroll-container--PaddingTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-log-viewer__scroll-container--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-log-viewer--m-line-numbers__main--before--Top: 0;
+  --pf-v5-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
+  --pf-v5-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-log-viewer__list--Height: auto;
+  --pf-v5-c-log-viewer--m-line-numbers__list--Left: var(--pf-v5-c-log-viewer__index--Width);
+  --pf-v5-c-log-viewer__list--FontFamily: var(--pf-v5-global--FontFamily--monospace);
+  --pf-v5-c-log-viewer__list--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-log-viewer__index--Display: none;
+  --pf-v5-c-log-viewer__index--Width: 4.0625rem;
+  --pf-v5-c-log-viewer__index--PaddingRight: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-log-viewer__index--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-log-viewer__index--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-log-viewer__index--BackgroundColor: transparent;
+  --pf-v5-c-log-viewer--line-number-chars: 4.4;
+  --pf-v5-c-log-viewer--m-line-number-chars__index--PaddingRight: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v5-c-log-viewer--line-number-chars) + var(--pf-v5-c-log-viewer__index--PaddingRight) + var(--pf-v5-c-log-viewer__index--PaddingLeft));
+  --pf-v5-c-log-viewer__text--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-log-viewer__text--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-log-viewer__text--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-log-viewer__text--WordBreak: break-all;
+  --pf-v5-c-log-viewer__text--WhiteSpace: break-spaces;
+  --pf-v5-c-log-viewer__text--LineBreak: anywhere;
+  --pf-v5-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
+  --pf-v5-c-log-viewer__string--m-match--Color: var(--pf-v5-global--palette--gold-700);
+  --pf-v5-c-log-viewer__string--m-match--BackgroundColor: var(--pf-v5-global--palette--gold-100);
+  --pf-v5-c-log-viewer__string--m-current--Color: var(--pf-v5-global--palette--gold-700);
+  --pf-v5-c-log-viewer__string--m-current--BackgroundColor: var(--pf-v5-global--palette--gold-400);
+  --pf-v5-c-log-viewer__timestamp--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-log-viewer--c-toolbar--PaddingTop: 0;
+  --pf-v5-c-log-viewer--c-toolbar--PaddingBottom: 0;
+  --pf-v5-c-log-viewer--c-toolbar__content--PaddingRight: 0;
+  --pf-v5-c-log-viewer--c-toolbar__content--PaddingLeft: 0;
+  --pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
+  --pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-log-viewer--m-dark__main--BorderWidth: 0;
   display: flex;
   flex-direction: column;
-  height: var(--pf-c-log-viewer--Height);
-  max-height: var(--pf-c-log-viewer--MaxHeight);
+  height: var(--pf-v5-c-log-viewer--Height);
+  max-height: var(--pf-v5-c-log-viewer--MaxHeight);
 }
-.pf-c-log-viewer.pf-m-dark {
-  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
+.pf-v5-c-log-viewer.pf-m-dark {
+  --pf-v5-c-log-viewer__main--BorderWidth: var(--pf-v5-c-log-viewer--m-dark__main--BorderWidth);
 }
-.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
-  color: var(--pf-global--Color--100);
-  --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
-  --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
-  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
-  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
+.pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
+  color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-log-viewer__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-log-viewer__main--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-log-viewer__text--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-log-viewer__index--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-v5-global--BorderColor--100);
 }
-.pf-c-log-viewer.pf-m-wrap-text {
+.pf-v5-c-log-viewer.pf-m-wrap-text {
   word-break: break-all;
 }
-.pf-c-log-viewer.pf-m-nowrap {
-  --pf-c-log-viewer__text--WhiteSpace: var(--pf-c-log-viewer--m-nowrap__text--WhiteSpace);
+.pf-v5-c-log-viewer.pf-m-nowrap {
+  --pf-v5-c-log-viewer__text--WhiteSpace: var(--pf-v5-c-log-viewer--m-nowrap__text--WhiteSpace);
 }
-.pf-c-log-viewer.pf-m-line-numbers {
-  --pf-c-log-viewer__index--Display: var(--pf-c-log-viewer--m-line-numbers__index--Display);
+.pf-v5-c-log-viewer.pf-m-line-numbers {
+  --pf-v5-c-log-viewer__index--Display: var(--pf-v5-c-log-viewer--m-line-numbers__index--Display);
 }
-.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list {
+.pf-v5-c-log-viewer.pf-m-line-numbers .pf-v5-c-log-viewer__list {
   position: absolute;
   right: 0;
-  left: var(--pf-c-log-viewer--m-line-numbers__list--Left);
+  left: var(--pf-v5-c-log-viewer--m-line-numbers__list--Left);
 }
-.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list::before {
+.pf-v5-c-log-viewer.pf-m-line-numbers .pf-v5-c-log-viewer__list::before {
   position: absolute;
-  top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
-  bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
+  top: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Top);
+  bottom: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Bottom);
   left: 0;
-  width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width);
+  width: var(--pf-v5-c-log-viewer--m-line-numbers__main--before--Width);
   content: "";
-  background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
+  background: var(--pf-v5-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-v5-c-log-viewer.pf-m-line-number-chars {
+  --pf-v5-c-log-viewer__index--PaddingRight: var(--pf-v5-c-log-viewer--m-line-number-chars__index--PaddingRight);
+  --pf-v5-c-log-viewer__index--Width: var(--pf-v5-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);
-  --pf-c-toolbar__content--PaddingRight: var(--pf-c-log-viewer--c-toolbar__content--PaddingRight);
-  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-log-viewer--c-toolbar__content--PaddingLeft);
-  --pf-c-toolbar__group--m-toggle-group--spacer: 0;
-  --pf-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
+.pf-v5-c-log-viewer .pf-v5-c-toolbar {
+  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-log-viewer--c-toolbar--PaddingTop);
+  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-log-viewer--c-toolbar--PaddingBottom);
+  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-log-viewer--c-toolbar__content--PaddingRight);
+  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-log-viewer--c-toolbar__content--PaddingLeft);
+  --pf-v5-c-toolbar__group--m-toggle-group--spacer: 0;
+  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
 }
-.pf-c-log-viewer .pf-c-toolbar__content-section {
+.pf-v5-c-log-viewer .pf-v5-c-toolbar__content-section {
   flex-wrap: nowrap;
 }
-.pf-c-log-viewer .pf-c-search-input {
-  width: 100%;
-}
 
-.pf-c-log-viewer__header {
-  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
+.pf-v5-c-log-viewer__header {
+  margin-bottom: var(--pf-v5-c-log-viewer__header--MarginBottom);
 }
 
-.pf-c-log-viewer__main {
+.pf-v5-c-log-viewer__main {
   display: flex;
   flex-direction: column;
   min-height: 0;
-  background-color: var(--pf-c-log-viewer__main--BackgroundColor);
-  border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor);
+  background-color: var(--pf-v5-c-log-viewer__main--BackgroundColor);
+  border: var(--pf-v5-c-log-viewer__main--BorderWidth) solid var(--pf-v5-c-log-viewer__main--BorderColor);
 }
 
-.pf-c-log-viewer__scroll-container {
+.pf-v5-c-log-viewer__scroll-container {
   position: relative;
-  height: var(--pf-c-log-viewer__scroll-container--Height);
-  padding-top: var(--pf-c-log-viewer__scroll-container--PaddingTop);
-  padding-bottom: var(--pf-c-log-viewer__scroll-container--PaddingBottom);
+  height: var(--pf-v5-c-log-viewer__scroll-container--Height);
+  padding-top: var(--pf-v5-c-log-viewer__scroll-container--PaddingTop);
+  padding-bottom: var(--pf-v5-c-log-viewer__scroll-container--PaddingBottom);
   overflow: auto;
   will-change: transform;
   direction: ltr;
 }
 
-.pf-c-log-viewer__list {
+.pf-v5-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);
+  height: var(--pf-v5-c-log-viewer__list--Height);
+  font-family: var(--pf-v5-c-log-viewer__list--FontFamily);
+  font-size: var(--pf-v5-c-log-viewer__list--FontSize);
 }
 
-.pf-c-log-viewer__list-item {
+.pf-v5-c-log-viewer__list-item {
   left: 0;
   width: 100%;
 }
 
-.pf-c-log-viewer__string.pf-m-match {
-  color: var(--pf-c-log-viewer__string--m-match--Color, inherit);
-  background-color: var(--pf-c-log-viewer__string--m-match--BackgroundColor);
+.pf-v5-c-log-viewer__string.pf-m-match {
+  color: var(--pf-v5-c-log-viewer__string--m-match--Color, inherit);
+  background-color: var(--pf-v5-c-log-viewer__string--m-match--BackgroundColor);
 }
-.pf-c-log-viewer__string.pf-m-current {
-  color: var(--pf-c-log-viewer__string--m-current--Color, inherit);
-  background-color: var(--pf-c-log-viewer__string--m-current--BackgroundColor);
+.pf-v5-c-log-viewer__string.pf-m-current {
+  color: var(--pf-v5-c-log-viewer__string--m-current--Color, inherit);
+  background-color: var(--pf-v5-c-log-viewer__string--m-current--BackgroundColor);
 }
 
-.pf-c-log-viewer__index {
+.pf-v5-c-log-viewer__index {
   position: fixed;
   left: 0;
-  display: var(--pf-c-log-viewer__index--Display);
-  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, inherit);
-  font-size: var(--pf-c-log-viewer__index--FontSize, inherit);
-  color: var(--pf-c-log-viewer__index--Color);
+  display: var(--pf-v5-c-log-viewer__index--Display);
+  width: var(--pf-v5-c-log-viewer__index--Width);
+  padding-right: var(--pf-v5-c-log-viewer__index--PaddingRight);
+  padding-left: var(--pf-v5-c-log-viewer__index--PaddingLeft);
+  font-family: var(--pf-v5-c-log-viewer__index--FontFamily, inherit);
+  font-size: var(--pf-v5-c-log-viewer__index--FontSize, inherit);
+  color: var(--pf-v5-c-log-viewer__index--Color);
   user-select: none;
-  background-color: var(--pf-c-log-viewer__index--BackgroundColor);
+  background-color: var(--pf-v5-c-log-viewer__index--BackgroundColor);
 }
 
-.pf-c-log-viewer__text {
+.pf-v5-c-log-viewer__text {
   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, 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);
-  line-break: var(--pf-c-log-viewer__text--LineBreak);
+  padding-right: var(--pf-v5-c-log-viewer__text--PaddingRight);
+  padding-left: var(--pf-v5-c-log-viewer__text--PaddingLeft);
+  font-family: var(--pf-v5-c-log-viewer__text--FontFamily, inherit);
+  font-size: var(--pf-v5-c-log-viewer__text--FontSize, inherit);
+  color: var(--pf-v5-c-log-viewer__text--Color);
+  word-break: var(--pf-v5-c-log-viewer__text--WordBreak);
+  white-space: var(--pf-v5-c-log-viewer__text--WhiteSpace);
+  line-break: var(--pf-v5-c-log-viewer__text--LineBreak);
 }
 
-.pf-c-log-viewer__timestamp {
-  font-weight: var(--pf-c-log-viewer__timestamp--FontWeight);
+.pf-v5-c-log-viewer__timestamp {
+  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
 }
 
-:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
-  --pf-global--Color--100: #e0e0e0;
-  --pf-global--Color--200: #aaabac;
-  --pf-global--BorderColor--100: #444548;
-  --pf-global--primary-color--100: #1fa7f8;
-  --pf-global--link--Color: #1fa7f8;
-  --pf-global--link--Color--hover: #73bcf7;
-  --pf-global--BackgroundColor--100: #1b1d21;
+:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
+  --pf-v5-global--Color--100: #e0e0e0;
+  --pf-v5-global--Color--200: #aaabac;
+  --pf-v5-global--BorderColor--100: #444548;
+  --pf-v5-global--primary-color--100: #1fa7f8;
+  --pf-v5-global--link--Color: #1fa7f8;
+  --pf-v5-global--link--Color--hover: #73bcf7;
+  --pf-v5-global--BackgroundColor--100: #1b1d21;
 }
 
-:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
-  color: var(--pf-global--Color--100);
+:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
+  color: var(--pf-v5-global--Color--100);
 }

package/css/components/LogViewer/log-viewer.d.ts

@@ -1,15 +1,15 @@
 import './log-viewer.css';
 declare const _default: {
-  "logViewer": "pf-c-log-viewer",
-  "logViewerHeader": "pf-c-log-viewer__header",
-  "logViewerIndex": "pf-c-log-viewer__index",
-  "logViewerList": "pf-c-log-viewer__list",
-  "logViewerListItem": "pf-c-log-viewer__list-item",
-  "logViewerMain": "pf-c-log-viewer__main",
-  "logViewerScrollContainer": "pf-c-log-viewer__scroll-container",
-  "logViewerString": "pf-c-log-viewer__string",
-  "logViewerText": "pf-c-log-viewer__text",
-  "logViewerTimestamp": "pf-c-log-viewer__timestamp",
+  "logViewer": "pf-v5-c-log-viewer",
+  "logViewerHeader": "pf-v5-c-log-viewer__header",
+  "logViewerIndex": "pf-v5-c-log-viewer__index",
+  "logViewerList": "pf-v5-c-log-viewer__list",
+  "logViewerListItem": "pf-v5-c-log-viewer__list-item",
+  "logViewerMain": "pf-v5-c-log-viewer__main",
+  "logViewerScrollContainer": "pf-v5-c-log-viewer__scroll-container",
+  "logViewerString": "pf-v5-c-log-viewer__string",
+  "logViewerText": "pf-v5-c-log-viewer__text",
+  "logViewerTimestamp": "pf-v5-c-log-viewer__timestamp",
   "modifiers": {
     "dark": "pf-m-dark",
     "wrapText": "pf-m-wrap-text",
@@ -19,9 +19,8 @@ declare const _default: {
     "match": "pf-m-match",
     "current": "pf-m-current"
   },
-  "searchInput": "pf-c-search-input",
-  "themeDark": "pf-theme-dark",
-  "toolbar": "pf-c-toolbar",
-  "toolbarContentSection": "pf-c-toolbar__content-section"
+  "themeDark": "pf-v5-theme-dark",
+  "toolbar": "pf-v5-c-toolbar",
+  "toolbarContentSection": "pf-v5-c-toolbar__content-section"
 };
 export default _default;