@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

package/components/Dropdown/themes/dark/dropdown.scss

@@ -1,32 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-dropdown() {
-  .#{$dropdown} {
-    --#{$dropdown}__toggle--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
-    --#{$dropdown}__toggle--before--BorderTopColor: transparent;
-    --#{$dropdown}__toggle--before--BorderRightColor: transparent;
-    --#{$dropdown}__toggle--before--BorderBottomColor: var(--#{$pf-global}--BorderColor--400);
-    --#{$dropdown}__toggle--before--BorderLeftColor: transparent;
-    --#{$dropdown}__toggle--disabled--BackgroundColor: var(--#{$pf-global}--palette--black-500);
-    --#{$dropdown}__toggle--m-split-button--m-primary--child--BackgroundColor: var(--#{$pf-global}--primary-color--300);
-    --#{$dropdown}__toggle--m-primary--BackgroundColor: var(--#{$pf-global}--primary-color--300);
-    --#{$dropdown}__toggle--m-primary--Color: var(--#{$pf-global}--primary-color--400);
-    --#{$dropdown}__menu--BackgroundColor: var(--#{$pf-global}--BackgroundColor--300);
-    --#{$dropdown}__menu--Top: 100%;
-    --#{$dropdown}--m-top__menu--TranslateY: -100%;
-    --#{$dropdown}__menu-item--hover--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
-  }
-
-  .#{$dropdown}__toggle {
-    &:not(.pf-m-plain) {
-      &:disabled,
-      &.pf-m-disabled {
-        color: var(--#{$pf-global}--palette--black-100); // should be a global var?
-      }
-    }
-
-    &.pf-m-plain {
-      background: transparent;
-    }
-  }
-}

package/components/LogViewer/log-viewer.css

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

package/components/LogViewer/log-viewer.scss

@@ -1,226 +0,0 @@
-// @debug $log-viewer; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-
-.#{$log-viewer} {
-  --#{$log-viewer}--Height: 100%;
-  --#{$log-viewer}--MaxHeight: auto;
-  --#{$log-viewer}--m-line-numbers__index--Display: inline;
-
-  // Header
-  --#{$log-viewer}__header--MarginBottom: var(--#{$pf-global}--spacer--sm);
-
-  // Main
-  --#{$log-viewer}__main--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
-  --#{$log-viewer}__main--BorderWidth: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$log-viewer}__main--BorderColor: var(--#{$pf-global}--BorderColor--100);
-
-  // Scroll container
-  --#{$log-viewer}__scroll-container--Height: #{pf-size-prem(600px)};
-  --#{$log-viewer}__scroll-container--PaddingTop: var(--#{$pf-global}--spacer--sm);
-  --#{$log-viewer}__scroll-container--PaddingBottom: var(--#{$pf-global}--spacer--sm);
-
-  // Main ::after
-  --#{$log-viewer}--m-line-numbers__main--before--Top: 0;
-  --#{$log-viewer}--m-line-numbers__main--before--Bottom: 0;
-  --#{$log-viewer}--m-line-numbers__main--before--Width: var(--#{$pf-global}--BorderWidth--sm);
-  --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--#{$pf-global}--BorderColor--100);
-
-  // List
-  --#{$log-viewer}__list--Height: auto;
-  --#{$log-viewer}--m-line-numbers__list--Left: var(--#{$log-viewer}__index--Width);
-  --#{$log-viewer}__list--FontFamily: var(--#{$pf-global}--FontFamily--monospace);
-  --#{$log-viewer}__list--FontSize: var(--#{$pf-global}--FontSize--sm);
-
-  // Index
-  --#{$log-viewer}__index--Display: none;
-  --#{$log-viewer}__index--Width: #{pf-size-prem(65px)}; // default width
-  --#{$log-viewer}__index--PaddingRight: var(--#{$pf-global}--spacer--xl);
-  --#{$log-viewer}__index--PaddingLeft: var(--#{$pf-global}--spacer--lg);
-  --#{$log-viewer}__index--Color: var(--#{$pf-global}--Color--200);
-  --#{$log-viewer}__index--BackgroundColor: transparent;
-  --#{$log-viewer}--line-number-chars: 4.4; // it's close enough to the existing default
-  --#{$log-viewer}--m-line-number-chars__index--PaddingRight: var(--#{$pf-global}--spacer--xs);
-  --#{$log-viewer}--m-line-number-chars__index--Width: calc(1ch * var(--#{$log-viewer}--line-number-chars) + var(--#{$log-viewer}__index--PaddingRight) + var(--#{$log-viewer}__index--PaddingLeft));
-
-  // Text
-  --#{$log-viewer}__text--PaddingRight: var(--#{$pf-global}--spacer--md);
-  --#{$log-viewer}__text--PaddingLeft: var(--#{$pf-global}--spacer--md);
-  --#{$log-viewer}__text--Color: var(--#{$pf-global}--Color--100);
-  --#{$log-viewer}__text--WordBreak: break-all;
-  --#{$log-viewer}__text--WhiteSpace: break-spaces;
-  --#{$log-viewer}__text--LineBreak: anywhere;
-  --#{$log-viewer}--m-nowrap__text--WhiteSpace: nowrap;
-  --#{$log-viewer}__string--m-match--Color: var(--#{$pf-global}--palette--gold-700);
-  --#{$log-viewer}__string--m-match--BackgroundColor: var(--#{$pf-global}--palette--gold-100);
-  --#{$log-viewer}__string--m-current--Color: var(--#{$pf-global}--palette--gold-700);
-  --#{$log-viewer}__string--m-current--BackgroundColor: var(--#{$pf-global}--palette--gold-400);
-
-  // Timestamp
-  --#{$log-viewer}__timestamp--FontWeight: var(--#{$pf-global}--FontWeight--bold);
-
-  // Toolbar
-  --#{$log-viewer}--c-toolbar--PaddingTop: 0;
-  --#{$log-viewer}--c-toolbar--PaddingBottom: 0;
-  --#{$log-viewer}--c-toolbar__content--PaddingRight: 0;
-  --#{$log-viewer}--c-toolbar__content--PaddingLeft: 0;
-  --#{$log-viewer}--c-toolbar__group--m-toggle-group--spacer: 0;
-  --#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer: var(--#{$pf-global}--spacer--sm);
-
-  // Dark theme
-  --#{$log-viewer}--m-dark__main--BorderWidth: 0;
-
-  &.pf-m-dark {
-    --#{$log-viewer}__main--BorderWidth: var(--#{$log-viewer}--m-dark__main--BorderWidth);
-
-    .#{$log-viewer}__main {
-      @include pf-v5-t-dark;
-
-      --#{$log-viewer}__main--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
-      --#{$log-viewer}__main--BorderColor: var(--#{$pf-global}--BorderColor--100);
-      --#{$log-viewer}__text--Color: var(--#{$pf-global}--Color--100);
-      --#{$log-viewer}__index--Color: var(--#{$pf-global}--Color--200);
-      --#{$log-viewer}--m-line-numbers__main--before--BackgroundColor: var(--#{$pf-global}--BorderColor--100);
-    }
-  }
-
-  display: flex;
-  flex-direction: column;
-  height: var(--#{$log-viewer}--Height);
-  max-height: var(--#{$log-viewer}--MaxHeight);
-
-  &.pf-m-wrap-text {
-    word-break: break-all;
-  }
-
-  &.pf-m-nowrap {
-    --#{$log-viewer}__text--WhiteSpace: var(--#{$log-viewer}--m-nowrap__text--WhiteSpace);
-  }
-
-  &.pf-m-line-numbers {
-    --#{$log-viewer}__index--Display: var(--#{$log-viewer}--m-line-numbers__index--Display);
-
-    .#{$log-viewer}__list {
-      position: absolute;
-      inset-inline-start: var(--#{$log-viewer}--m-line-numbers__list--Left);
-      inset-inline-end: 0;
-
-      // Divider
-      &::before {
-        position: absolute;
-       inset-block-start: var(--#{$log-viewer}--m-line-numbers__main--before--Top); // rename these vars at a breaking change
-       inset-block-end: var(--#{$log-viewer}--m-line-numbers__main--before--Bottom);
-       inset-inline-start: 0;
-        width: var(--#{$log-viewer}--m-line-numbers__main--before--Width);
-        content: "";
-        background: var(--#{$log-viewer}--m-line-numbers__main--before--BackgroundColor);
-      }
-    }
-  }
-
-  &.pf-m-line-number-chars {
-    --#{$log-viewer}__index--PaddingRight: var(--#{$log-viewer}--m-line-number-chars__index--PaddingRight);
-    --#{$log-viewer}__index--Width: var(--#{$log-viewer}--m-line-number-chars__index--Width);
-  }
-
-  // Nested toolbar
-  .#{$toolbar} {
-    --#{$toolbar}--PaddingTop: var(--#{$log-viewer}--c-toolbar--PaddingTop);
-    --#{$toolbar}--PaddingBottom: var(--#{$log-viewer}--c-toolbar--PaddingBottom);
-    --#{$toolbar}__content--PaddingRight: var(--#{$log-viewer}--c-toolbar__content--PaddingRight);
-    --#{$toolbar}__content--PaddingLeft: var(--#{$log-viewer}--c-toolbar__content--PaddingLeft);
-    --#{$toolbar}__group--m-toggle-group--spacer: 0;
-    --#{$toolbar}__group--m-toggle-group--m-show--spacer: var(--#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer);
-  }
-
-  .#{$toolbar}__content-section {
-    flex-wrap: nowrap;
-  }
-}
-
-// Header
-.#{$log-viewer}__header {
-  margin-block-end: var(--#{$log-viewer}__header--MarginBottom);
-}
-
-// Main
-.#{$log-viewer}__main {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  background-color: var(--#{$log-viewer}__main--BackgroundColor);
-  border: var(--#{$log-viewer}__main--BorderWidth) solid var(--#{$log-viewer}__main--BorderColor);
-}
-
-.#{$log-viewer}__scroll-container {
-  position: relative;
-  height: var(--#{$log-viewer}__scroll-container--Height);
-  padding-block-start: var(--#{$log-viewer}__scroll-container--PaddingTop);
-  padding-block-end: var(--#{$log-viewer}__scroll-container--PaddingBottom);
-  overflow: auto;
-  will-change: transform;
-  direction: ltr;
-}
-
-// List
-.#{$log-viewer}__list {
-  position: relative;
-  height: var(--#{$log-viewer}__list--Height);
-  font-family: var(--#{$log-viewer}__list--FontFamily);
-  font-size: var(--#{$log-viewer}__list--FontSize);
-}
-
-.#{$log-viewer}__list-item {
- inset-inline-start: 0;
-  width: 100%;
-}
-
-.#{$log-viewer}__string {
-  &.pf-m-match {
-    color: var(--#{$log-viewer}__string--m-match--Color, inherit);
-    background-color: var(--#{$log-viewer}__string--m-match--BackgroundColor);
-  }
-
-  &.pf-m-current {
-    color: var(--#{$log-viewer}__string--m-current--Color, inherit);
-    background-color: var(--#{$log-viewer}__string--m-current--BackgroundColor);
-  }
-}
-
-// Index
-.#{$log-viewer}__index {
-  position: fixed;
-  inset-inline-start: 0;
-  display: var(--#{$log-viewer}__index--Display);
-  width: var(--#{$log-viewer}__index--Width);
-  padding-inline-start: var(--#{$log-viewer}__index--PaddingLeft);
-  padding-inline-end: var(--#{$log-viewer}__index--PaddingRight);
-  font-family: var(--#{$log-viewer}__index--FontFamily, inherit);
-  font-size: var(--#{$log-viewer}__index--FontSize, inherit);
-  color: var(--#{$log-viewer}__index--Color);
-  user-select: none;
-  background-color: var(--#{$log-viewer}__index--BackgroundColor);
-}
-
-// Text
-.#{$log-viewer}__text {
-  display: block;
-  padding-inline-start: var(--#{$log-viewer}__text--PaddingLeft);
-  padding-inline-end: var(--#{$log-viewer}__text--PaddingRight);
-  font-family: var(--#{$log-viewer}__text--FontFamily, inherit);
-  font-size: var(--#{$log-viewer}__text--FontSize, inherit);
-  color: var(--#{$log-viewer}__text--Color);
-  word-break: var(--#{$log-viewer}__text--WordBreak);
-  white-space: var(--#{$log-viewer}__text--WhiteSpace);
-  line-break: var(--#{$log-viewer}__text--LineBreak);
-}
-
-// Timestamp
-.#{$log-viewer}__timestamp {
-  font-weight: var(--#{$log-viewer}__timestamp--FontWeight);
-}
-
-// stylelint-disable no-invalid-position-at-import-rule
-@import "themes/dark/log-viewer";
-
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-log-viewer;
-}

package/components/LogViewer/themes/dark/log-viewer.scss

@@ -1,7 +0,0 @@
-@import "../../../../sass-utilities/themes/dark/all";
-
-@mixin pf-v5-theme-dark-log-viewer() {
-  .#{$log-viewer}.pf-m-dark .#{$log-viewer}__main {
-    @include pf-v5-theme-dark--t-dark;
-  }
-}

package/components/NotificationBadge/notification-badge.css

@@ -1,87 +0,0 @@
-:root {
-  --pf-v6-c-notification-badge--BackgroundColor: transparent;
-  --pf-v6-c-notification-badge--MinWidth: 40px;
-  --pf-v6-c-notification-badge--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-notification-badge--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-badge--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-badge--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-badge--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-notification-badge--MarginTop: calc(-1 * var(--pf-t--global--spacer--sm));
-  --pf-v6-c-notification-badge--MarginRight: calc(-1 * var(--pf-t--global--spacer--sm));
-  --pf-v6-c-notification-badge--MarginBottom: calc(-1 * var(--pf-t--global--spacer--sm));
-  --pf-v6-c-notification-badge--MarginLeft: calc(-1 * var(--pf-t--global--spacer--sm));
-  --pf-v6-c-notification-badge--before--BorderColor: transparent;
-  --pf-v6-c-notification-badge--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-notification-badge--before--BorderWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v6-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v6-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
-  --pf-v6-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
-  --pf-v6-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
-  --pf-v6-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --pf-v6-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
-  --pf-v6-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
-  --pf-v6-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
-  --pf-v6-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
-  --pf-v6-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
-  --pf-v6-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
-}
-
-.pf-v6-c-notification-badge {
-  display: inline-flex;
-  gap: var(--pf-v6-c-notification-badge--Gap);
-  align-items: center;
-  justify-content: center;
-  padding-block-start: var(--pf-v6-c-notification-badge--PaddingTop);
-  padding-block-end: var(--pf-v6-c-notification-badge--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-notification-badge--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-notification-badge--PaddingRight);
-  margin-block-start: var(--pf-v6-c-notification-badge--MarginTop);
-  margin-block-end: var(--pf-v6-c-notification-badge--MarginBottom);
-  margin-inline-start: var(--pf-v6-c-notification-badge--MarginLeft);
-  margin-inline-end: var(--pf-v6-c-notification-badge--MarginRight);
-  background-color: var(--pf-v6-c-notification-badge--BackgroundColor);
-  border-radius: var(--pf-v6-c-notification-badge--BorderRadius);
-}
-.pf-v6-c-notification-badge::before {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  content: "";
-  border: var(--pf-v6-c-notification-badge--before--BorderWidth) solid var(--pf-v6-c-notification-badge--before--BorderColor);
-  border-radius: var(--pf-v6-c-notification-badge--BorderRadius);
-  transform: translate(var(--pf-v6-c-notification-badge--before--TranslateX), var(--pf-v6-c-notification-badge--before--TranslateY));
-}
-.pf-v6-c-notification-badge.pf-m-read {
-  --pf-v6-c-notification-badge--BackgroundColor: var(--pf-v6-c-notification-badge--m-read--BackgroundColor);
-  --pf-v6-c-notification-badge--before--BorderColor: var(--pf-v6-c-notification-badge--m-read--before--BorderColor);
-  color: var(--pf-v6-c-notification-badge--m-read--Color, inherit);
-}
-.pf-v6-c-notification-badge.pf-m-read:hover {
-  --pf-v6-c-notification-badge--before--BorderColor: var(--pf-v6-c-notification-badge--m-read--hover--before--BorderColor);
-}
-.pf-v6-c-notification-badge.pf-m-unread {
-  --pf-v6-c-notification-badge--BackgroundColor: var(--pf-v6-c-notification-badge--m-unread--BackgroundColor);
-  color: var(--pf-v6-c-notification-badge--m-unread--Color);
-}
-.pf-v6-c-notification-badge.pf-m-unread:hover {
-  --pf-v6-c-notification-badge--BackgroundColor: var(--pf-v6-c-notification-badge--m-unread--hover--BackgroundColor);
-}
-.pf-v6-c-notification-badge.pf-m-attention {
-  --pf-v6-c-notification-badge--BackgroundColor: var(--pf-v6-c-notification-badge--m-attention--BackgroundColor);
-  color: var(--pf-v6-c-notification-badge--m-attention--Color);
-}
-.pf-v6-c-notification-badge.pf-m-attention:hover {
-  --pf-v6-c-notification-badge--m-attention--BackgroundColor: var(--pf-v6-c-notification-badge--m-attention--hover--BackgroundColor);
-}
-.pf-v6-c-notification-badge.pf-m-expanded {
-  --pf-v6-c-notification-badge--m-read--BackgroundColor: var(--pf-v6-c-notification-badge--m-read--m-expanded--BackgroundColor);
-  --pf-v6-c-notification-badge--m-read--before--BorderColor: var(--pf-v6-c-notification-badge--m-read--m-expanded--before--BorderColor);
-  --pf-v6-c-notification-badge--m-unread--BackgroundColor: var(--pf-v6-c-notification-badge--m-unread--m-expanded--BackgroundColor);
-  --pf-v6-c-notification-badge--m-attention--BackgroundColor: var(--pf-v6-c-notification-badge--m-attention--m-expanded--BackgroundColor);
-}

package/components/NotificationBadge/notification-badge.scss

@@ -1,108 +0,0 @@
-// @debug $notification-badge; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-
-:root {
-  --#{$notification-badge}--BackgroundColor: transparent;
-  --#{$notification-badge}--MinWidth: 40px;
-  --#{$notification-badge}--Gap: var(--pf-t--global--spacer--xs);
-  --#{$notification-badge}--PaddingTop: var(--pf-t--global--spacer--sm);
-  --#{$notification-badge}--PaddingRight: var(--pf-t--global--spacer--sm);
-  --#{$notification-badge}--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --#{$notification-badge}--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --#{$notification-badge}--MarginTop: calc(-1 * var(--pf-t--global--spacer--sm));
-  --#{$notification-badge}--MarginRight: calc(-1 * var(--pf-t--global--spacer--sm));
-  --#{$notification-badge}--MarginBottom: calc(-1 * var(--pf-t--global--spacer--sm));
-  --#{$notification-badge}--MarginLeft: calc(-1 * var(--pf-t--global--spacer--sm));
-
-  // ::before border treatment
-  --#{$notification-badge}--before--BorderColor: transparent;
-  --#{$notification-badge}--BorderRadius: var(--pf-t--global--border--radius--small);
-  --#{$notification-badge}--before--BorderWidth: var(--pf-t--global--border--width--control--default);
-
-  // Modifiers
-  --#{$notification-badge}--m-read--Color: var(--pf-t--global--text--color--regular);
-  --#{$notification-badge}--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
-  --#{$notification-badge}--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
-  --#{$notification-badge}--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
-  --#{$notification-badge}--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --#{$notification-badge}--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --#{$notification-badge}--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
-
-  // Unread
-  --#{$notification-badge}--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
-  --#{$notification-badge}--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --#{$notification-badge}--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
-  --#{$notification-badge}--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
-
-  // Attention
-  --#{$notification-badge}--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
-  --#{$notification-badge}--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
-  --#{$notification-badge}--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
-  --#{$notification-badge}--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
-}
-
-.#{$notification-badge} {
-  display: inline-flex;
-  gap: var(--#{$notification-badge}--Gap);
-  align-items: center;
-  justify-content: center;
-  padding-block-start: var(--#{$notification-badge}--PaddingTop);
-  padding-block-end: var(--#{$notification-badge}--PaddingBottom);
-  padding-inline-start: var(--#{$notification-badge}--PaddingLeft);
-  padding-inline-end: var(--#{$notification-badge}--PaddingRight);
-  margin-block-start: var(--#{$notification-badge}--MarginTop);
-  margin-block-end: var(--#{$notification-badge}--MarginBottom);
-  margin-inline-start: var(--#{$notification-badge}--MarginLeft);
-  margin-inline-end: var(--#{$notification-badge}--MarginRight);
-  background-color: var(--#{$notification-badge}--BackgroundColor);
-  border-radius: var(--#{$notification-badge}--BorderRadius);
-
-  &::before {
-    position: absolute;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    content: "";
-    border: var(--#{$notification-badge}--before--BorderWidth) solid var(--#{$notification-badge}--before--BorderColor);
-    border-radius: var(--#{$notification-badge}--BorderRadius);
-    transform: translate(var(--#{$notification-badge}--before--TranslateX), var(--#{$notification-badge}--before--TranslateY));
-  }
-
-  &.pf-m-read {
-    --#{$notification-badge}--BackgroundColor: var(--#{$notification-badge}--m-read--BackgroundColor);
-    --#{$notification-badge}--before--BorderColor: var(--#{$notification-badge}--m-read--before--BorderColor);
-
-    color: var(--#{$notification-badge}--m-read--Color, inherit);
-
-    &:hover {
-      --#{$notification-badge}--before--BorderColor: var(--#{$notification-badge}--m-read--hover--before--BorderColor);
-    }
-  }
-
-  &.pf-m-unread {
-    --#{$notification-badge}--BackgroundColor: var(--#{$notification-badge}--m-unread--BackgroundColor);
-
-    color: var(--#{$notification-badge}--m-unread--Color);
-
-    &:hover {
-      --#{$notification-badge}--BackgroundColor: var(--#{$notification-badge}--m-unread--hover--BackgroundColor);
-    }
-  }
-
-  &.pf-m-attention {
-    --#{$notification-badge}--BackgroundColor: var(--#{$notification-badge}--m-attention--BackgroundColor);
-
-    color: var(--#{$notification-badge}--m-attention--Color);
-
-    &:hover {
-      --#{$notification-badge}--m-attention--BackgroundColor: var(--#{$notification-badge}--m-attention--hover--BackgroundColor);
-    }
-  }
-
-  &.pf-m-expanded {
-    --#{$notification-badge}--m-read--BackgroundColor: var(--#{$notification-badge}--m-read--m-expanded--BackgroundColor);
-    --#{$notification-badge}--m-read--before--BorderColor: var(--#{$notification-badge}--m-read--m-expanded--before--BorderColor);
-    --#{$notification-badge}--m-unread--BackgroundColor: var(--#{$notification-badge}--m-unread--m-expanded--BackgroundColor);
-    --#{$notification-badge}--m-attention--BackgroundColor: var(--#{$notification-badge}--m-attention--m-expanded--BackgroundColor);
-  }
-}