@patternfly/patternfly 6.0.0-alpha.40 → 6.0.0-alpha.42

package/patternfly.css

@@ -24833,33 +24833,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
 }
 
+:root,
 .pf-v5-c-skeleton {
-  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-150);
+  --pf-v5-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-skeleton--Width: auto;
   --pf-v5-c-skeleton--Height: auto;
-  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
+  --pf-v5-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
   --pf-v5-c-skeleton--before--PaddingBottom: 0;
   --pf-v5-c-skeleton--before--Height: auto;
   --pf-v5-c-skeleton--before--Content: " ";
   --pf-v5-c-skeleton--after--LinearGradientAngle: 90deg;
-  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-150);
-  --pf-v5-c-skeleton--after--LinearGradientColorStop2: #ededed;
-  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-150);
+  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
+  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-skeleton--after--TranslateX: -100%;
   --pf-v5-c-skeleton--after--AnimationName: pf-v5-c-skeleton-loading;
-  --pf-v5-c-skeleton--after--AnimationDuration: 2s;
+  --pf-v5-c-skeleton--after--AnimationDuration: 3s;
   --pf-v5-c-skeleton--after--AnimationIterationCount: infinite;
   --pf-v5-c-skeleton--after--AnimationTimingFunction: linear;
   --pf-v5-c-skeleton--after--AnimationDelay: .5s;
-  --pf-v5-c-skeleton--m-circle--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
+  --pf-v5-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v5-c-skeleton--m-circle--before--PaddingBottom: 100%;
-  --pf-v5-c-skeleton--m-text-4xl--Height: calc(var(--pf-v5-global--FontSize--4xl) * var(--pf-v5-global--LineHeight--sm));
-  --pf-v5-c-skeleton--m-text-3xl--Height: calc(var(--pf-v5-global--FontSize--3xl) * var(--pf-v5-global--LineHeight--sm));
-  --pf-v5-c-skeleton--m-text-2xl--Height: calc(var(--pf-v5-global--FontSize--2xl) * var(--pf-v5-global--LineHeight--sm));
-  --pf-v5-c-skeleton--m-text-xl--Height: calc(var(--pf-v5-global--FontSize--xl) * var(--pf-v5-global--LineHeight--sm));
-  --pf-v5-c-skeleton--m-text-lg--Height: calc(var(--pf-v5-global--FontSize--lg) * var(--pf-v5-global--LineHeight--md));
-  --pf-v5-c-skeleton--m-text-md--Height: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
-  --pf-v5-c-skeleton--m-text-sm--Height: calc(var(--pf-v5-global--FontSize--sm) * var(--pf-v5-global--LineHeight--md));
+  --pf-v5-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
+  --pf-v5-c-skeleton--m-text-3xl--Height: calc(var(--pf-t--global--font--size--3xl) * var(--pf-t--global--font--line-height--heading));
+  --pf-v5-c-skeleton--m-text-2xl--Height: calc(var(--pf-t--global--font--size--2xl) * var(--pf-t--global--font--line-height--heading));
+  --pf-v5-c-skeleton--m-text-xl--Height: calc(var(--pf-t--global--font--size--xl) * var(--pf-t--global--font--line-height--heading));
+  --pf-v5-c-skeleton--m-text-lg--Height: calc(var(--pf-t--global--font--size--lg) * var(--pf-t--global--font--line-height--body));
+  --pf-v5-c-skeleton--m-text-md--Height: calc(var(--pf-t--global--font--size--md) * var(--pf-t--global--font--line-height--body));
+  --pf-v5-c-skeleton--m-text-sm--Height: calc(var(--pf-t--global--font--size--sm) * var(--pf-t--global--font--line-height--body));
   --pf-v5-c-skeleton--m-width-sm--Width: 6.25rem;
   --pf-v5-c-skeleton--m-width-md--Width: 12.5rem;
   --pf-v5-c-skeleton--m-width-lg--Width: 18.75rem;
@@ -24877,6 +24878,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
   --pf-v5-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
   --pf-v5-c-skeleton--m-height-75--Height: 75%;
   --pf-v5-c-skeleton--m-height-100--Height: 100%;
+}
+
+.pf-v5-c-skeleton {
   position: relative;
   width: var(--pf-v5-c-skeleton--Width);
   height: var(--pf-v5-c-skeleton--Height);
@@ -24995,17 +24999,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
     transform: translateX(100%);
   }
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
-  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
-  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
-  --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
-}
-
 :root {
   --pf-v5-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
   --pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
@@ -25489,20 +25482,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
   --pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
 }
 
+:root,
 .pf-v5-c-tab-content {
   --pf-v5-c-tab-content__body--PaddingTop: 0;
   --pf-v5-c-tab-content__body--PaddingRight: 0;
   --pf-v5-c-tab-content__body--PaddingBottom: 0;
   --pf-v5-c-tab-content__body--PaddingLeft: 0;
-  --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
+  --pf-v5-c-tab-content--BackgroundColor: transparent;
+  --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-v5-c-tab-content {
+  background-color: var(--pf-v5-c-tab-content--BackgroundColor);
 }
 @media screen and (min-width: 1200px) {
   .pf-v5-c-tab-content {
@@ -25512,8 +25511,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
     --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
   }
 }
-.pf-v5-c-tab-content.pf-m-light-300 {
-  background-color: var(--pf-v5-c-tab-content--m-light-300);
+.pf-v5-c-tab-content.pf-m-secondary {
+  --pf-v5-c-tab-content--BackgroundColor: var(--pf-v5-c-tab-content--m-secondary--BackgroundColor);
 }
 
 .pf-v5-c-tab-content__body {