@patternfly/patternfly 6.0.0-alpha.19 → 6.0.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,7 +11,7 @@
11
11
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
12
12
  }
13
13
 
14
- .pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .pf-t-dark {
14
+ .pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-t-dark {
15
15
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16
16
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
17
17
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -22,7 +22,7 @@
22
22
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
23
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
24
24
  }
25
- .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-t-dark .pf-v5-c-button {
25
+ .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-t-dark .pf-v5-c-button {
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
@@ -324,7 +324,7 @@
324
324
  --pf-v5-global--inverse--multiplier: -1;
325
325
  }
326
326
 
327
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
327
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
328
328
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
329
329
  }
330
330
 
@@ -6305,112 +6305,107 @@ button) {
6305
6305
  vertical-align: -0.125em;
6306
6306
  }
6307
6307
 
6308
- .pf-v5-c-about-modal-box {
6308
+ :root {
6309
6309
  --pf-v5-c-about-modal-box--BackgroundImage: none;
6310
- --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
6310
+ --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6311
6311
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
6312
- --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
6313
- --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
6314
- --pf-v5-c-about-modal-box--BackgroundSize--max-width: 600px;
6315
- --pf-v5-c-about-modal-box--BackgroundSize: clamp(var(--pf-v5-c-about-modal-box--BackgroundSize--min-width), var(--pf-v5-c-about-modal-box--BackgroundSize--width), var(--pf-v5-c-about-modal-box--BackgroundSize--max-width));
6312
+ --pf-v5-c-about-modal-box--BackgroundSize--width: 100%;
6313
+ --pf-v5-c-about-modal-box--BackgroundSize: contain;
6316
6314
  --pf-v5-c-about-modal-box--Height: 100%;
6317
6315
  --pf-v5-c-about-modal-box--lg--Height: 47.625rem;
6318
6316
  --pf-v5-c-about-modal-box--Width: 100%;
6319
6317
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
6320
6318
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
6321
6319
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
6322
- --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
6323
- --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
6324
- --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
6325
- --pf-v5-c-about-modal-box__brand--PaddingBottom: var(--pf-v5-global--spacer--xl);
6326
- --pf-v5-c-about-modal-box__brand--sm--PaddingRight: var(--pf-v5-global--spacer--3xl);
6327
- --pf-v5-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-v5-global--spacer--3xl);
6328
- --pf-v5-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-v5-global--spacer--3xl);
6320
+ --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-t--global--spacer--2xl);
6321
+ --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-t--global--spacer--xl);
6322
+ --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-t--global--spacer--xl);
6323
+ --pf-v5-c-about-modal-box__brand--PaddingBottom: var(--pf-t--global--spacer--xl);
6324
+ --pf-v5-c-about-modal-box__brand--sm--PaddingRight: var(--pf-t--global--spacer--3xl);
6325
+ --pf-v5-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-t--global--spacer--3xl);
6326
+ --pf-v5-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-t--global--spacer--3xl);
6329
6327
  --pf-v5-c-about-modal-box__close--ZIndex: var(--pf-v5-global--ZIndex--2xl);
6330
- --pf-v5-c-about-modal-box__close--PaddingTop: var(--pf-v5-global--spacer--2xl);
6331
- --pf-v5-c-about-modal-box__close--PaddingRight: var(--pf-v5-global--spacer--xl);
6332
- --pf-v5-c-about-modal-box__close--PaddingBottom: var(--pf-v5-global--spacer--xl);
6333
- --pf-v5-c-about-modal-box__close--sm--PaddingBottom: var(--pf-v5-global--spacer--3xl);
6334
- --pf-v5-c-about-modal-box__close--lg--PaddingRight: var(--pf-v5-global--spacer--3xl);
6335
- --pf-v5-c-about-modal-box__close--c-button--Color: var(--pf-v5-global--Color--100);
6336
- --pf-v5-c-about-modal-box__close--c-button--FontSize: var(--pf-v5-global--FontSize--xl);
6337
- --pf-v5-c-about-modal-box__close--c-button--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
6338
- --pf-v5-c-about-modal-box__close--c-button--Width: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
6339
- --pf-v5-c-about-modal-box__close--c-button--Height: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
6340
- --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--palette--black-1000);
6341
- --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
6328
+ --pf-v5-c-about-modal-box__close--PaddingTop: var(--pf-t--global--spacer--2xl);
6329
+ --pf-v5-c-about-modal-box__close--PaddingRight: var(--pf-t--global--spacer--xl);
6330
+ --pf-v5-c-about-modal-box__close--PaddingBottom: var(--pf-t--global--spacer--xl);
6331
+ --pf-v5-c-about-modal-box__close--sm--PaddingBottom: var(--pf-t--global--spacer--3xl);
6332
+ --pf-v5-c-about-modal-box__close--lg--PaddingRight: var(--pf-t--global--spacer--3xl);
6333
+ --pf-v5-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
6342
6334
  --pf-v5-c-about-modal-box__brand-image--Height: 2.5rem;
6343
- --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--xl);
6344
- --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-v5-global--spacer--sm);
6345
- --pf-v5-c-about-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--xl);
6346
- --pf-v5-c-about-modal-box__header--sm--PaddingRight: var(--pf-v5-global--spacer--3xl);
6347
- --pf-v5-c-about-modal-box__header--sm--PaddingLeft: var(--pf-v5-global--spacer--3xl);
6348
- --pf-v5-c-about-modal-box__strapline--PaddingTop: var(--pf-v5-global--spacer--xl);
6349
- --pf-v5-c-about-modal-box__strapline--FontSize: var(--pf-v5-global--FontSize--sm);
6350
- --pf-v5-c-about-modal-box__strapline--sm--PaddingTop: var(--pf-v5-global--spacer--2xl);
6351
- --pf-v5-c-about-modal-box__content--MarginTop: var(--pf-v5-global--spacer--xl);
6352
- --pf-v5-c-about-modal-box__content--MarginRight: var(--pf-v5-global--spacer--xl);
6353
- --pf-v5-c-about-modal-box__content--MarginBottom: var(--pf-v5-global--spacer--xl);
6354
- --pf-v5-c-about-modal-box__content--MarginLeft: var(--pf-v5-global--spacer--xl);
6355
- --pf-v5-c-about-modal-box__content--sm--MarginTop: var(--pf-v5-global--spacer--2xl);
6356
- --pf-v5-c-about-modal-box__content--sm--MarginRight: var(--pf-v5-global--spacer--3xl);
6357
- --pf-v5-c-about-modal-box__content--sm--MarginBottom: var(--pf-v5-global--spacer--2xl);
6358
- --pf-v5-c-about-modal-box__content--sm--MarginLeft: var(--pf-v5-global--spacer--3xl);
6359
- color: var(--pf-v5-global--Color--100);
6360
- position: relative;
6361
- display: grid;
6362
- grid-template-areas: "brand close" "header header" "content content";
6363
- grid-template-rows: max-content max-content auto;
6364
- width: var(--pf-v5-c-about-modal-box--Width);
6365
- height: var(--pf-v5-c-about-modal-box--Height);
6366
- overflow-x: hidden;
6367
- overflow-y: auto;
6368
- background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
6369
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
6370
- background-repeat: no-repeat;
6371
- background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
6372
- background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
6373
- }
6374
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
6335
+ --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-t--global--spacer--xl);
6336
+ --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-t--global--spacer--sm);
6337
+ --pf-v5-c-about-modal-box__header--PaddingLeft: var(--pf-t--global--spacer--xl);
6338
+ --pf-v5-c-about-modal-box__header--sm--PaddingRight: var(--pf-t--global--spacer--3xl);
6339
+ --pf-v5-c-about-modal-box__header--sm--PaddingLeft: var(--pf-t--global--spacer--3xl);
6340
+ --pf-v5-c-about-modal-box__strapline--PaddingTop: var(--pf-t--global--spacer--xl);
6341
+ --pf-v5-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
6342
+ --pf-v5-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
6343
+ --pf-v5-c-about-modal-box__strapline--sm--PaddingTop: var(--pf-t--global--spacer--2xl);
6344
+ --pf-v5-c-about-modal-box__content--MarginTop: var(--pf-t--global--spacer--xl);
6345
+ --pf-v5-c-about-modal-box__content--MarginRight: var(--pf-t--global--spacer--xl);
6346
+ --pf-v5-c-about-modal-box__content--MarginBottom: var(--pf-t--global--spacer--xl);
6347
+ --pf-v5-c-about-modal-box__content--MarginLeft: var(--pf-t--global--spacer--xl);
6348
+ --pf-v5-c-about-modal-box__content--sm--MarginTop: var(--pf-t--global--spacer--2xl);
6349
+ --pf-v5-c-about-modal-box__content--sm--MarginRight: var(--pf-t--global--spacer--3xl);
6350
+ --pf-v5-c-about-modal-box__content--sm--MarginBottom: var(--pf-t--global--spacer--2xl);
6351
+ --pf-v5-c-about-modal-box__content--sm--MarginLeft: var(--pf-t--global--spacer--3xl);
6352
+ }
6353
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) :root {
6375
6354
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
6376
6355
  }
6377
6356
 
6378
6357
  @media screen and (min-width: 576px) {
6379
- .pf-v5-c-about-modal-box {
6358
+ :root {
6380
6359
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);
6381
6360
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-c-about-modal-box__brand--sm--PaddingLeft);
6382
6361
  --pf-v5-c-about-modal-box__brand--PaddingBottom: var(--pf-v5-c-about-modal-box__brand--sm--PaddingBottom);
6383
6362
  }
6384
6363
  }
6385
6364
  @media only screen and (min-width: 576px) {
6386
- .pf-v5-c-about-modal-box {
6365
+ :root {
6387
6366
  --pf-v5-c-about-modal-box__close--PaddingBottom: var(--pf-v5-c-about-modal-box__close--sm--PaddingBottom);
6388
6367
  }
6389
6368
  }
6390
6369
  @media only screen and (min-width: 992px) {
6391
- .pf-v5-c-about-modal-box {
6370
+ :root {
6392
6371
  --pf-v5-c-about-modal-box__close--PaddingRight: var(--pf-v5-c-about-modal-box__close--lg--PaddingRight);
6393
6372
  }
6394
6373
  }
6395
6374
  @media only screen and (min-width: 576px) {
6396
- .pf-v5-c-about-modal-box {
6375
+ :root {
6397
6376
  --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-c-about-modal-box__header--sm--PaddingRight);
6398
6377
  --pf-v5-c-about-modal-box__header--PaddingLeft: var(--pf-v5-c-about-modal-box__header--sm--PaddingLeft);
6399
6378
  }
6400
6379
  }
6401
6380
  @media only screen and (min-width: 576px) {
6402
- .pf-v5-c-about-modal-box {
6381
+ :root {
6403
6382
  --pf-v5-c-about-modal-box__strapline--PaddingTop: var(--pf-v5-c-about-modal-box__strapline--sm--PaddingTop);
6404
6383
  }
6405
6384
  }
6406
6385
  @media only screen and (min-width: 576px) {
6407
- .pf-v5-c-about-modal-box {
6386
+ :root {
6408
6387
  --pf-v5-c-about-modal-box__content--MarginTop: var(--pf-v5-c-about-modal-box__content--sm--MarginTop);
6409
6388
  --pf-v5-c-about-modal-box__content--MarginRight: var(--pf-v5-c-about-modal-box__content--sm--MarginRight);
6410
6389
  --pf-v5-c-about-modal-box__content--MarginBottom: var(--pf-v5-c-about-modal-box__content--sm--MarginBottom);
6411
6390
  --pf-v5-c-about-modal-box__content--MarginLeft: var(--pf-v5-c-about-modal-box__content--sm--MarginLeft);
6412
6391
  }
6413
6392
  }
6393
+
6394
+ .pf-v5-c-about-modal-box {
6395
+ position: relative;
6396
+ display: grid;
6397
+ grid-template-areas: "brand close" "header header" "content content";
6398
+ grid-template-rows: max-content max-content auto;
6399
+ width: var(--pf-v5-c-about-modal-box--Width);
6400
+ height: var(--pf-v5-c-about-modal-box--Height);
6401
+ overflow-x: hidden;
6402
+ overflow-y: auto;
6403
+ background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
6404
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
6405
+ background-repeat: no-repeat;
6406
+ background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
6407
+ background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
6408
+ }
6414
6409
  @media only screen and (min-width: 576px) {
6415
6410
  .pf-v5-c-about-modal-box {
6416
6411
  grid-template-areas: "brand close" "header close" "content close";
@@ -6452,6 +6447,7 @@ button) {
6452
6447
  padding-block-start: var(--pf-v5-c-about-modal-box__strapline--PaddingTop);
6453
6448
  margin-block-start: auto;
6454
6449
  font-size: var(--pf-v5-c-about-modal-box__strapline--FontSize);
6450
+ color: var(--pf-v5-c-about-modal-box__strapline--Color);
6455
6451
  }
6456
6452
 
6457
6453
  .pf-v5-c-about-modal-box__content {
@@ -6498,27 +6494,7 @@ button) {
6498
6494
  }
6499
6495
  }
6500
6496
  .pf-v5-c-about-modal-box__close .pf-v5-c-button.pf-m-plain {
6501
- display: flex;
6502
- align-items: center;
6503
- justify-content: center;
6504
- width: var(--pf-v5-c-about-modal-box__close--c-button--Width);
6505
- height: var(--pf-v5-c-about-modal-box__close--c-button--Height);
6506
- padding: 0;
6507
6497
  font-size: var(--pf-v5-c-about-modal-box__close--c-button--FontSize);
6508
- color: var(--pf-v5-c-about-modal-box__close--c-button--Color);
6509
- background-color: var(--pf-v5-c-about-modal-box__close--c-button--BackgroundColor);
6510
- border-radius: var(--pf-v5-c-about-modal-box__close--c-button--BorderRadius);
6511
- }
6512
- .pf-v5-c-about-modal-box__close .pf-v5-c-button.pf-m-plain:hover {
6513
- --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
6514
- }
6515
-
6516
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6517
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6518
- }
6519
-
6520
- :where(.pf-theme-dark) .pf-v5-c-about-modal-box {
6521
- color: var(--pf-v5-global--Color--100);
6522
6498
  }
6523
6499
 
6524
6500
  .pf-v5-c-accordion {
@@ -6756,7 +6732,7 @@ button) {
6756
6732
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
6757
6733
  }
6758
6734
 
6759
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
6735
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
6760
6736
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6761
6737
  }
6762
6738
 
@@ -7296,7 +7272,7 @@ button) {
7296
7272
  color: var(--pf-v5-c-app-launcher__group-title--Color);
7297
7273
  }
7298
7274
 
7299
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
7275
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
7300
7276
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7301
7277
  }
7302
7278
 
@@ -7767,7 +7743,7 @@ button) {
7767
7743
  cursor: not-allowed;
7768
7744
  }
7769
7745
 
7770
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button {
7746
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
7771
7747
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7772
7748
  }
7773
7749
 
@@ -8659,7 +8635,7 @@ button.pf-v5-c-breadcrumb__link {
8659
8635
  pointer-events: none;
8660
8636
  }
8661
8637
 
8662
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8638
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8663
8639
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8664
8640
  }
8665
8641
 
@@ -9086,7 +9062,7 @@ button.pf-v5-c-breadcrumb__link {
9086
9062
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
9087
9063
  }
9088
9064
 
9089
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9065
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9090
9066
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9091
9067
  }
9092
9068
 
@@ -9280,7 +9256,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9280
9256
  line-height: 1;
9281
9257
  }
9282
9258
 
9283
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9259
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9284
9260
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9285
9261
  }
9286
9262
 
@@ -9471,7 +9447,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9471
9447
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
9472
9448
  }
9473
9449
 
9474
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9450
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9475
9451
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9476
9452
  }
9477
9453
 
@@ -9674,7 +9650,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9674
9650
  margin-inline-start: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
9675
9651
  }
9676
9652
 
9677
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9653
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
9678
9654
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9679
9655
  }
9680
9656
 
@@ -10251,7 +10227,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10251
10227
  pointer-events: none;
10252
10228
  }
10253
10229
 
10254
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
10230
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
10255
10231
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10256
10232
  }
10257
10233
 
@@ -11099,7 +11075,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11099
11075
  padding: 0;
11100
11076
  }
11101
11077
 
11102
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11078
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11103
11079
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11104
11080
  }
11105
11081
 
@@ -11498,7 +11474,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11498
11474
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11499
11475
  }
11500
11476
 
11501
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11477
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11502
11478
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11503
11479
  }
11504
11480
 
@@ -11819,7 +11795,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11819
11795
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11820
11796
  }
11821
11797
 
11822
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11798
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
11823
11799
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11824
11800
  }
11825
11801
 
@@ -13075,7 +13051,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13075
13051
  min-width: min-content;
13076
13052
  }
13077
13053
 
13078
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
13054
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
13079
13055
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
13080
13056
  }
13081
13057
 
@@ -14255,7 +14231,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14255
14231
  display: none;
14256
14232
  }
14257
14233
  }
14258
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14234
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14259
14235
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14260
14236
  }
14261
14237
 
@@ -14932,7 +14908,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14932
14908
  color: var(--pf-v5-c-dropdown__group-title--Color);
14933
14909
  }
14934
14910
 
14935
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14911
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
14936
14912
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
14937
14913
  }
14938
14914
 
@@ -15786,7 +15762,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15786
15762
  margin-block-end: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
15787
15763
  }
15788
15764
 
15789
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15765
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
15790
15766
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
15791
15767
  }
15792
15768
 
@@ -16058,7 +16034,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16058
16034
  pointer-events: none;
16059
16035
  }
16060
16036
 
16061
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16037
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16062
16038
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16063
16039
  }
16064
16040
 
@@ -16230,7 +16206,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16230
16206
  color: var(--pf-v5-c-helper-text__item-text--Color);
16231
16207
  }
16232
16208
 
16233
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16209
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16234
16210
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16235
16211
  }
16236
16212
 
@@ -16515,7 +16491,7 @@ label.pf-v5-c-input-group__text {
16515
16491
  cursor: pointer;
16516
16492
  }
16517
16493
 
16518
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16494
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16519
16495
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16520
16496
  }
16521
16497
 
@@ -17206,7 +17182,7 @@ button.pf-v5-c-label__content:focus {
17206
17182
  margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
17207
17183
  }
17208
17184
 
17209
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
17185
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
17210
17186
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17211
17187
  }
17212
17188
 
@@ -17651,7 +17627,7 @@ ul.pf-v5-c-list {
17651
17627
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
17652
17628
  }
17653
17629
 
17654
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
17630
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
17655
17631
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17656
17632
  }
17657
17633
 
@@ -19131,7 +19107,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19131
19107
  border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
19132
19108
  }
19133
19109
 
19134
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19110
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19135
19111
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19136
19112
  }
19137
19113
 
@@ -19542,7 +19518,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19542
19518
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19543
19519
  }
19544
19520
 
19545
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19521
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19546
19522
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19547
19523
  }
19548
19524
 
@@ -19568,51 +19544,62 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19568
19544
  background: transparent;
19569
19545
  }
19570
19546
 
19571
- .pf-v5-c-modal-box {
19572
- --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
19573
- --pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
19547
+ :root {
19548
+ --pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19549
+ --pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
19550
+ --pf-v5-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
19574
19551
  --pf-v5-c-modal-box--ZIndex: var(--pf-v5-global--ZIndex--xl);
19575
19552
  --pf-v5-c-modal-box--Width: 100%;
19576
- --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-v5-global--spacer--xl));
19553
+ --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
19577
19554
  --pf-v5-c-modal-box--m-sm--sm--MaxWidth: 35rem;
19578
19555
  --pf-v5-c-modal-box--m-md--Width: 52.5rem;
19579
19556
  --pf-v5-c-modal-box--m-lg--lg--MaxWidth: 70rem;
19580
- --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-v5-global--spacer--2xl));
19581
- --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-global--spacer--sm);
19582
- --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-v5-global--spacer--xl);
19583
- --pf-v5-c-modal-box--m-align-top--MarginTop: var(--pf-v5-c-modal-box--m-align-top--spacer);
19584
- --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
19585
- --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-v5-global--spacer--xl)));
19586
- --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
19587
- --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
19588
- --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
19589
- --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
19590
- --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
19591
- --pf-v5-c-modal-box__header--PaddingTop: var(--pf-v5-global--spacer--lg);
19592
- --pf-v5-c-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--lg);
19593
- --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
19594
- --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
19595
- --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
19596
- --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
19597
- --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
19598
- --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
19599
- --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
19600
- --pf-v5-c-modal-box__description--PaddingTop: var(--pf-v5-global--spacer--xs);
19601
- --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
19602
- --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-global--spacer--lg);
19603
- --pf-v5-c-modal-box__body--PaddingRight: var(--pf-v5-global--spacer--lg);
19604
- --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-v5-global--spacer--lg);
19605
- --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
19606
- --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-v5-global--spacer--md);
19607
- --pf-v5-c-modal-box__close--Top: calc(var(--pf-v5-global--spacer--lg));
19608
- --pf-v5-c-modal-box__close--Right: var(--pf-v5-global--spacer--md);
19609
- --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
19610
- --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-v5-global--spacer--lg);
19611
- --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-v5-global--spacer--lg);
19612
- --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-v5-global--spacer--lg);
19613
- --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-v5-global--spacer--lg);
19614
- --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-global--spacer--md);
19557
+ --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
19558
+ --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
19559
+ --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
19560
+ --pf-v5-c-modal-box--m-align-top--Top: var(--pf-v5-c-modal-box--m-align-top--spacer);
19561
+ --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
19562
+ --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
19563
+ --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
19564
+ --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
19565
+ --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
19566
+ --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
19567
+ --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
19568
+ --pf-v5-c-modal-box__header--PaddingTop: var(--pf-t--global--spacer--lg);
19569
+ --pf-v5-c-modal-box__header--PaddingRight: var(--pf-t--global--spacer--lg);
19570
+ --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-t--global--spacer--lg);
19571
+ --pf-v5-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
19572
+ --pf-v5-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
19573
+ --pf-v5-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
19574
+ --pf-v5-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
19575
+ --pf-v5-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
19576
+ --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
19577
+ --pf-v5-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
19578
+ --pf-v5-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
19579
+ --pf-v5-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
19580
+ --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body) * var(--pf-t--global--font--line-height--body));
19581
+ --pf-v5-c-modal-box__body--PaddingTop: var(--pf-t--global--spacer--lg);
19582
+ --pf-v5-c-modal-box__body--PaddingRight: var(--pf-t--global--spacer--lg);
19583
+ --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
19584
+ --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
19585
+ --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
19586
+ --pf-v5-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
19587
+ --pf-v5-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
19588
+ --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
19589
+ --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
19590
+ --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
19591
+ --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-t--global--spacer--lg);
19592
+ --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
19593
+ --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-t--global--spacer--md);
19615
19594
  --pf-v5-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight) / 2);
19595
+ }
19596
+ @media (min-width: 1200px) {
19597
+ :root {
19598
+ --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
19599
+ }
19600
+ }
19601
+
19602
+ .pf-v5-c-modal-box {
19616
19603
  position: relative;
19617
19604
  z-index: var(--pf-v5-c-modal-box--ZIndex);
19618
19605
  display: flex;
@@ -19620,14 +19607,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19620
19607
  width: var(--pf-v5-c-modal-box--Width);
19621
19608
  max-width: var(--pf-v5-c-modal-box--MaxWidth);
19622
19609
  max-height: var(--pf-v5-c-modal-box--MaxHeight);
19610
+ overflow: auto;
19623
19611
  background-color: var(--pf-v5-c-modal-box--BackgroundColor);
19612
+ border-radius: var(--pf-v5-c-modal-box--BorderRadius);
19624
19613
  box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
19625
19614
  }
19626
- @media (min-width: 1200px) {
19627
- .pf-v5-c-modal-box {
19628
- --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
19629
- }
19630
- }
19631
19615
  .pf-v5-c-modal-box.pf-m-sm {
19632
19616
  --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth);
19633
19617
  }
@@ -19638,7 +19622,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19638
19622
  --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth);
19639
19623
  }
19640
19624
  .pf-v5-c-modal-box.pf-m-align-top {
19641
- inset-block-start: var(--pf-v5-c-modal-box--m-align-top--MarginTop);
19625
+ inset-block-start: var(--pf-v5-c-modal-box--m-align-top--Top);
19642
19626
  align-self: flex-start;
19643
19627
  max-width: var(--pf-v5-c-modal-box--m-align-top--MaxWidth);
19644
19628
  max-height: var(--pf-v5-c-modal-box--m-align-top--MaxHeight);
@@ -19672,6 +19656,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19672
19656
  display: flex;
19673
19657
  flex-direction: column;
19674
19658
  flex-shrink: 0;
19659
+ gap: var(--pf-v5-c-modal-box__header--Gap);
19675
19660
  padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
19676
19661
  padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
19677
19662
  padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
@@ -19680,15 +19665,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19680
19665
  display: flex;
19681
19666
  flex-direction: row;
19682
19667
  }
19683
- .pf-v5-c-modal-box__header:last-child {
19684
- padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
19685
- }
19686
19668
  .pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
19687
19669
  --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
19688
19670
  }
19689
19671
 
19690
19672
  .pf-v5-c-modal-box__header-main {
19673
+ display: flex;
19674
+ flex-direction: column;
19691
19675
  flex-grow: 1;
19676
+ gap: var(--pf-v5-c-modal-box__header-main--Gap);
19692
19677
  min-width: 0;
19693
19678
  }
19694
19679
 
@@ -19716,6 +19701,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19716
19701
 
19717
19702
  .pf-v5-c-modal-box__description {
19718
19703
  padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
19704
+ font-size: var(--pf-v5-c-modal-box__description--FontSize);
19705
+ color: var(--pf-v5-c-modal-box__description--Color);
19719
19706
  }
19720
19707
 
19721
19708
  .pf-v5-c-modal-box__body {
@@ -19752,14 +19739,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19752
19739
  }
19753
19740
  }
19754
19741
 
19755
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19756
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19757
- }
19758
-
19759
- :where(.pf-theme-dark) .pf-v5-c-modal-box {
19760
- --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
19761
- }
19762
-
19763
19742
  .pf-v5-c-multiple-file-upload {
19764
19743
  --pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
19765
19744
  --pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
@@ -20919,7 +20898,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20919
20898
  inset-inline-start: 0;
20920
20899
  }
20921
20900
 
20922
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20901
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20923
20902
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20924
20903
  }
20925
20904
 
@@ -21322,7 +21301,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21322
21301
  transform: rotate(var(--pf-v5-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21323
21302
  }
21324
21303
 
21325
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
21304
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
21326
21305
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
21327
21306
  }
21328
21307
 
@@ -21602,7 +21581,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21602
21581
  color: var(--pf-v5-c-options-menu__group-title--Color);
21603
21582
  }
21604
21583
 
21605
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
21584
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
21606
21585
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
21607
21586
  }
21608
21587
 
@@ -22990,7 +22969,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22990
22969
  }
22991
22970
  }
22992
22971
 
22993
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22972
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22994
22973
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22995
22974
  }
22996
22975
 
@@ -23085,7 +23064,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23085
23064
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
23086
23065
  }
23087
23066
 
23088
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23067
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23089
23068
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23090
23069
  }
23091
23070
 
@@ -23297,7 +23276,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23297
23276
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
23298
23277
  }
23299
23278
 
23300
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23279
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23301
23280
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23302
23281
  }
23303
23282
 
@@ -23478,7 +23457,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23478
23457
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
23479
23458
  }
23480
23459
 
23481
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23460
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23482
23461
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23483
23462
  }
23484
23463
 
@@ -24739,7 +24718,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24739
24718
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
24740
24719
  }
24741
24720
 
24742
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
24721
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
24743
24722
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
24744
24723
  }
24745
24724
 
@@ -25172,7 +25151,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25172
25151
  margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
25173
25152
  }
25174
25153
 
25175
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25154
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25176
25155
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25177
25156
  }
25178
25157
 
@@ -25349,7 +25328,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25349
25328
  transform: translateX(100%);
25350
25329
  }
25351
25330
  }
25352
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25331
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25353
25332
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25354
25333
  }
25355
25334
 
@@ -25828,7 +25807,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25828
25807
  vertical-align: top;
25829
25808
  }
25830
25809
 
25831
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25810
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25832
25811
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25833
25812
  }
25834
25813
 
@@ -28562,7 +28541,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
28562
28541
  --pf-v5-c-table--cell--Width: 100%;
28563
28542
  }
28564
28543
 
28565
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
28544
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
28566
28545
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
28567
28546
  }
28568
28547
 
@@ -30303,7 +30282,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30303
30282
  }
30304
30283
  }
30305
30284
 
30306
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30285
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30307
30286
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30308
30287
  }
30309
30288
 
@@ -30464,7 +30443,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30464
30443
  display: flex;
30465
30444
  }
30466
30445
 
30467
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30446
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30468
30447
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30469
30448
  }
30470
30449
 
@@ -30614,7 +30593,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30614
30593
  color: var(--pf-v5-c-tile__icon--Color);
30615
30594
  }
30616
30595
 
30617
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30596
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30618
30597
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30619
30598
  }
30620
30599
 
@@ -30874,7 +30853,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30874
30853
  margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
30875
30854
  }
30876
30855
 
30877
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30856
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30878
30857
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30879
30858
  }
30880
30859
 
@@ -31006,7 +30985,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
31006
30985
  transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
31007
30986
  }
31008
30987
 
31009
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30988
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
31010
30989
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31011
30990
  }
31012
30991
 
@@ -31564,7 +31543,7 @@ label.pf-v5-c-tree-view__node-text {
31564
31543
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31565
31544
  }
31566
31545
 
31567
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
31546
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
31568
31547
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31569
31548
  }
31570
31549
 
@@ -32083,7 +32062,7 @@ label.pf-v5-c-tree-view__node-text {
32083
32062
  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
32084
32063
  }
32085
32064
 
32086
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
32065
+ :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
32087
32066
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
32088
32067
  }
32089
32068