@patternfly/patternfly 6.0.0-alpha.79 → 6.0.0-alpha.80

package/patternfly-no-globals.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-v5-t-light {
+.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-t-light {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
   --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -8402,61 +8402,68 @@ button.pf-v5-c-breadcrumb__link {
   margin-inline-start: var(--pf-v5-c-button__count--MarginLeft);
 }
 
-.pf-v5-c-calendar-month {
-  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month__header-year--Width: 8.5ch;
+:where(:root),
+:where(.pf-v5-c-calendar-month) {
+  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-calendar-month--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-calendar-month__header-year--Width: 9ch;
   --pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
   --pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
-  --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
-  --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
   --pf-v5-c-calendar-month__dates-cell--before--Top: 0;
   --pf-v5-c-calendar-month__dates-cell--before--Right: 0;
   --pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
   --pf-v5-c-calendar-month__dates-cell--before--Left: 0;
-  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
   --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-calendar-month__date--Width: 4ch;
   --pf-v5-c-calendar-month__date--Height: 4ch;
-  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v5-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
-  --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
   --pf-v5-c-calendar-month__date--after--BorderColor: transparent;
-  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
-  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
-  --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__date--focus--BoxShadow: none;
-  color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-calendar-month__date--after--OutlineOffset: 0;
+  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
+  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__date--after--focus--OutlineOffset: -2px;
+}
+
+:where(.pf-v5-c-calendar-month) {
   display: inline-flex;
   flex-direction: column;
   padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
@@ -8469,6 +8476,7 @@ button.pf-v5-c-breadcrumb__link {
 
 .pf-v5-c-calendar-month__header {
   display: flex;
+  gap: var(--pf-v5-c-calendar-month__header--Gap);
   margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
 }
 
@@ -8480,18 +8488,12 @@ button.pf-v5-c-breadcrumb__link {
   scale: -1 1;
 }
 
-.pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
-  --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
-  --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
-}
-.pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
-  --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
-  --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
-}
-
 .pf-v5-c-calendar-month__header-month {
   flex-grow: 1;
 }
+.pf-v5-c-calendar-month__header-month > .pf-v5-c-menu-toggle {
+  width: 100%;
+}
 
 .pf-v5-c-calendar-month__header-year {
   width: var(--pf-v5-c-calendar-month__header-year--Width);
@@ -8502,6 +8504,7 @@ button.pf-v5-c-breadcrumb__link {
 }
 
 .pf-v5-c-calendar-month__days {
+  color: var(--pf-v5-c-calendar-month__day--Color);
   border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
 }
 
@@ -8539,6 +8542,8 @@ button.pf-v5-c-breadcrumb__link {
 .pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
   --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
+  --pf-v5-c-calendar-month__date--hover--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
   --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
@@ -8552,11 +8557,12 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-selected {
   --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
+  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
   --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: 0;
   --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
   --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
-  --pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
+  --pf-v5-c-calendar-month__date--after--OutlineOffset: var(--pf-v5-c-calendar-month__date--after--focus--OutlineOffset);
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
@@ -8577,10 +8583,10 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-calendar-month__date::after {
   position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
+  inset-block-start: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-block-end: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-inline-start: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-inline-end: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
   content: "";
   border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
 }
@@ -8589,48 +8595,19 @@ button.pf-v5-c-breadcrumb__link {
 }
 .pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
   --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
+  border: var(--pf-v5-c-calendar-month__date--hover--BorderColor) solid var(--pf-v5-c-calendar-month__date--hover--BorderWidth);
 }
 .pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
-  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
   --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
   outline: 0;
-  box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
 }
 .pf-v5-c-calendar-month__date:disabled {
+  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--disabled--BackgroundColor);
   --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
   --pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
   pointer-events: none;
 }
 
-: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-calendar-month {
-  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
-  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
-  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
-}
-
 :where(:root),
 :where(.pf-v5-c-card) {
   --pf-v5-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -9391,6 +9368,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v5-c-code-editor__header-content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v5-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v5-c-code-editor__header-content--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
   --pf-v5-c-code-editor__upload--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v5-c-code-editor__upload--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v5-c-code-editor__upload--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -9463,6 +9441,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   background-color: var(--pf-v5-c-code-editor__header-content--BackgroundColor);
   border-start-start-radius: var(--pf-v5-c-code-editor__header-content--BorderStartStartRadius);
 }
+.pf-v5-c-code-editor__header-content:last-child {
+  border-start-end-radius: var(--pf-v5-c-code-editor__header-content--BorderStartEndRadius);
+}
 
 .pf-v5-c-code-editor__controls {
   display: flex;
@@ -14300,21 +14281,25 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     display: inline-block;
   }
 }
-.pf-v5-c-date-picker {
+:where(:root),
+:where(.pf-v5-c-date-picker) {
   --pf-v5-c-date-picker--m-top__calendar--Top: 0;
-  --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
-  --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
+  --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
-  --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
-  --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
-  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
-  --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
-  --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
+  --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
+  --pf-v5-c-date-picker__input--c-form-control--width-chars: 11;
+  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
+  --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-t--global--spacer--xs));
   --pf-v5-c-date-picker__calendar--Right: auto;
   --pf-v5-c-date-picker__calendar--Left: 0;
   --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
   --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
+}
+
+.pf-v5-c-date-picker {
   position: relative;
   display: inline-block;
 }
@@ -14355,15 +14340,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   min-width: min-content;
 }
 
-: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-date-picker {
-  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-date-picker__calendar--Top: 100%;
-}
-
 :root,
 :where(.pf-v5-c-divider) {
   --pf-v5-c-divider--Display: flex;
@@ -18055,7 +18031,7 @@ label.pf-v5-c-input-group__text {
   color: var(--pf-v5-c-jump-links__toggle-text--Color);
 }
 
-.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-calendar-month, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
+.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
   --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);