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

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.
Files changed (9) hide show
  1. package/components/DualListSelector/dual-list-selector.css +56 -48
  2. package/components/DualListSelector/dual-list-selector.scss +57 -50
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +56 -52
  5. package/patternfly-theme-dark-unversioned.css +56 -52
  6. package/patternfly.css +56 -52
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
  9. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -11426,7 +11426,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11426
11426
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11427
11427
  }
11428
11428
 
11429
- .pf-v5-c-dual-list-selector {
11429
+ :where(:root), :where(.pf-v5-c-dual-list-selector) {
11430
11430
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
11431
11431
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
11432
11432
  --pf-v5-c-dual-list-selector__status--GridArea: pane-status;
@@ -11438,54 +11438,55 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11438
11438
  --pf-v5-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
11439
11439
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
11440
11440
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
11441
- --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-v5-global--spacer--sm);
11442
- --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11443
- --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-v5-global--spacer--md);
11444
- --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-v5-global--spacer--sm);
11445
- --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11446
- --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-v5-global--BorderColor--100);
11441
+ --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-t--global--spacer--sm);
11442
+ --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
11443
+ --pf-v5-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
11444
+ --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-t--global--spacer--md);
11445
+ --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-t--global--spacer--sm);
11446
+ --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
11447
+ --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
11448
+ --pf-v5-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
11447
11449
  --pf-v5-c-dual-list-selector__menu--MinHeight: 12.5rem;
11448
11450
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
11449
- --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
11450
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
11451
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11452
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11453
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11454
- --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11451
+ --pf-v5-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
11452
+ --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11453
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11454
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11455
+ --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11456
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11457
+ --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11455
11458
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
11456
- --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
11457
- --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-v5-global--spacer--md);
11458
- --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
11459
- --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-global--spacer--md);
11460
- --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
11461
- --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11462
- --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-v5-global--spacer--md));
11463
- --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-v5-global--spacer--xs);
11464
- --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-global--Color--100);
11465
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-v5-global--active-color--100);
11466
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11467
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-v5-global--disabled-color--100);
11468
- --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-v5-global--spacer--sm);
11469
- --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-v5-global--FontSize--sm);
11470
- --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-v5-global--Color--200);
11471
- --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-v5-global--spacer--md);
11472
- --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
11473
- --pf-v5-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-v5-global--spacer--sm);
11474
- --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
11475
- --pf-v5-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-v5-global--spacer--sm);
11476
- --pf-v5-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
11477
- --pf-v5-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
11478
- --pf-v5-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
11459
+ --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-t--global--spacer--sm);
11460
+ --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-t--global--spacer--md);
11461
+ --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-t--global--spacer--sm);
11462
+ --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-t--global--spacer--md);
11463
+ --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: var(--pf-t--global--spacer--md);
11464
+ --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11465
+ --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
11466
+ --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11467
+ --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11468
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11469
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11470
+ --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11471
+ --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11472
+ --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
11473
+ --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-t--global--spacer--md);
11474
+ --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-t--global--spacer--md);
11475
+ --pf-v5-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
11476
+ --pf-v5-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
11477
+ --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
11479
11478
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: 0;
11480
11479
  --pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
11481
- --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
11482
- --pf-v5-c-dual-list-selector__item-count--Marginleft: var(--pf-v5-global--spacer--sm);
11483
- --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
11480
+ --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-t--global--spacer--sm);
11481
+ --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
11484
11482
  --pf-v5-c-dual-list-selector__item-toggle-icon--Rotate: 0;
11485
11483
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11486
11484
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11487
11485
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11488
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
11486
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11487
+ }
11488
+
11489
+ .pf-v5-c-dual-list-selector {
11489
11490
  display: grid;
11490
11491
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11491
11492
  grid-template-rows: repeat(3, auto) auto;
@@ -11508,6 +11509,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11508
11509
  }
11509
11510
 
11510
11511
  .pf-v5-c-dual-list-selector__title-text {
11512
+ font-size: var(--pf-v5-c-dual-list-selector__title-text--FontSize);
11511
11513
  font-weight: var(--pf-v5-c-dual-list-selector__title-text--FontWeight);
11512
11514
  }
11513
11515
 
@@ -11544,8 +11546,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11544
11546
  grid-area: var(--pf-v5-c-dual-list-selector__menu--GridArea);
11545
11547
  min-height: var(--pf-v5-c-dual-list-selector__menu--MinHeight);
11546
11548
  max-height: var(--pf-v5-c-dual-list-selector__menu--MaxHeight);
11549
+ margin-block-start: var(--pf-v5-c-dual-list-selector__menu--MarginBlockStart);
11547
11550
  overflow: auto;
11548
11551
  border: var(--pf-v5-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v5-c-dual-list-selector__menu--BorderColor);
11552
+ border-radius: var(--pf-v5-c-dual-list-selector__menu--BorderRadius);
11549
11553
  }
11550
11554
 
11551
11555
  .pf-v5-c-dual-list-selector__list {
@@ -11560,7 +11564,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11560
11564
  .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
11561
11565
  transform: translateX(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX));
11562
11566
  position: absolute;
11563
- inset-block-start: 0;
11564
11567
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
11565
11568
  }
11566
11569
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
@@ -11572,7 +11575,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11572
11575
  }
11573
11576
 
11574
11577
  .pf-v5-c-dual-list-selector__list-item:focus {
11575
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
11578
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11576
11579
  }
11577
11580
  .pf-v5-c-dual-list-selector__list-item.pf-m-expandable {
11578
11581
  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft);
@@ -11590,6 +11593,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11590
11593
  display: flex;
11591
11594
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11592
11595
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11596
+ border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11593
11597
  }
11594
11598
  .pf-v5-c-dual-list-selector__list-item-row:hover {
11595
11599
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -11601,6 +11605,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11601
11605
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11602
11606
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11603
11607
  }
11608
+ .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11609
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11610
+ }
11604
11611
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
11605
11612
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
11606
11613
  }
@@ -11641,6 +11648,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11641
11648
  padding-inline-start: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11642
11649
  padding-inline-end: var(--pf-v5-c-dual-list-selector__item--PaddingRight);
11643
11650
  cursor: pointer;
11651
+ outline-offset: -2px;
11644
11652
  }
11645
11653
 
11646
11654
  .pf-v5-c-dual-list-selector__item-count {
@@ -11659,10 +11667,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11659
11667
  }
11660
11668
 
11661
11669
  .pf-v5-c-dual-list-selector__controls {
11670
+ display: flex;
11671
+ flex-direction: column;
11662
11672
  grid-area: var(--pf-v5-c-dual-list-selector__controls--GridArea);
11673
+ gap: var(--pf-v5-c-dual-list-selector__controls--Gap);
11674
+ align-items: center;
11663
11675
  align-self: center;
11676
+ justify-content: center;
11664
11677
  padding-inline-start: var(--pf-v5-c-dual-list-selector__controls--PaddingLeft);
11665
11678
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
11679
+ margin-block-start: var(--pf-v5-c-dual-list-selector__controls--MarginBlockStart);
11666
11680
  }
11667
11681
 
11668
11682
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
@@ -11739,16 +11753,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11739
11753
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11740
11754
  }
11741
11755
 
11742
- :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 {
11743
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11744
- }
11745
-
11746
- :where(.pf-theme-dark) .pf-v5-c-dual-list-selector {
11747
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11748
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11749
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11750
- }
11751
-
11752
11756
  :root,
11753
11757
  [data-theme=pf-v5-c-toolbar] {
11754
11758
  --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
package/patternfly.css CHANGED
@@ -11426,7 +11426,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11426
11426
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11427
11427
  }
11428
11428
 
11429
- .pf-v5-c-dual-list-selector {
11429
+ :where(:root), :where(.pf-v5-c-dual-list-selector) {
11430
11430
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
11431
11431
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
11432
11432
  --pf-v5-c-dual-list-selector__status--GridArea: pane-status;
@@ -11438,54 +11438,55 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11438
11438
  --pf-v5-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
11439
11439
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
11440
11440
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
11441
- --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-v5-global--spacer--sm);
11442
- --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11443
- --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-v5-global--spacer--md);
11444
- --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-v5-global--spacer--sm);
11445
- --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11446
- --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-v5-global--BorderColor--100);
11441
+ --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-t--global--spacer--sm);
11442
+ --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
11443
+ --pf-v5-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
11444
+ --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-t--global--spacer--md);
11445
+ --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-t--global--spacer--sm);
11446
+ --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
11447
+ --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
11448
+ --pf-v5-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
11447
11449
  --pf-v5-c-dual-list-selector__menu--MinHeight: 12.5rem;
11448
11450
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
11449
- --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
11450
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
11451
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11452
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11453
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11454
- --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11451
+ --pf-v5-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
11452
+ --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11453
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11454
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11455
+ --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11456
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11457
+ --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11455
11458
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
11456
- --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
11457
- --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-v5-global--spacer--md);
11458
- --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
11459
- --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-global--spacer--md);
11460
- --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
11461
- --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11462
- --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-v5-global--spacer--md));
11463
- --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-v5-global--spacer--xs);
11464
- --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-global--Color--100);
11465
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-v5-global--active-color--100);
11466
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11467
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-v5-global--disabled-color--100);
11468
- --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-v5-global--spacer--sm);
11469
- --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-v5-global--FontSize--sm);
11470
- --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-v5-global--Color--200);
11471
- --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-v5-global--spacer--md);
11472
- --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
11473
- --pf-v5-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-v5-global--spacer--sm);
11474
- --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
11475
- --pf-v5-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-v5-global--spacer--sm);
11476
- --pf-v5-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
11477
- --pf-v5-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
11478
- --pf-v5-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
11459
+ --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-t--global--spacer--sm);
11460
+ --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-t--global--spacer--md);
11461
+ --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-t--global--spacer--sm);
11462
+ --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-t--global--spacer--md);
11463
+ --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: var(--pf-t--global--spacer--md);
11464
+ --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11465
+ --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
11466
+ --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11467
+ --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11468
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11469
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11470
+ --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11471
+ --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11472
+ --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
11473
+ --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-t--global--spacer--md);
11474
+ --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-t--global--spacer--md);
11475
+ --pf-v5-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
11476
+ --pf-v5-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
11477
+ --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
11479
11478
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: 0;
11480
11479
  --pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
11481
- --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
11482
- --pf-v5-c-dual-list-selector__item-count--Marginleft: var(--pf-v5-global--spacer--sm);
11483
- --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
11480
+ --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-t--global--spacer--sm);
11481
+ --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
11484
11482
  --pf-v5-c-dual-list-selector__item-toggle-icon--Rotate: 0;
11485
11483
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11486
11484
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11487
11485
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11488
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
11486
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11487
+ }
11488
+
11489
+ .pf-v5-c-dual-list-selector {
11489
11490
  display: grid;
11490
11491
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11491
11492
  grid-template-rows: repeat(3, auto) auto;
@@ -11508,6 +11509,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11508
11509
  }
11509
11510
 
11510
11511
  .pf-v5-c-dual-list-selector__title-text {
11512
+ font-size: var(--pf-v5-c-dual-list-selector__title-text--FontSize);
11511
11513
  font-weight: var(--pf-v5-c-dual-list-selector__title-text--FontWeight);
11512
11514
  }
11513
11515
 
@@ -11544,8 +11546,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11544
11546
  grid-area: var(--pf-v5-c-dual-list-selector__menu--GridArea);
11545
11547
  min-height: var(--pf-v5-c-dual-list-selector__menu--MinHeight);
11546
11548
  max-height: var(--pf-v5-c-dual-list-selector__menu--MaxHeight);
11549
+ margin-block-start: var(--pf-v5-c-dual-list-selector__menu--MarginBlockStart);
11547
11550
  overflow: auto;
11548
11551
  border: var(--pf-v5-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v5-c-dual-list-selector__menu--BorderColor);
11552
+ border-radius: var(--pf-v5-c-dual-list-selector__menu--BorderRadius);
11549
11553
  }
11550
11554
 
11551
11555
  .pf-v5-c-dual-list-selector__list {
@@ -11560,7 +11564,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11560
11564
  .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
11561
11565
  transform: translateX(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX));
11562
11566
  position: absolute;
11563
- inset-block-start: 0;
11564
11567
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
11565
11568
  }
11566
11569
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
@@ -11572,7 +11575,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11572
11575
  }
11573
11576
 
11574
11577
  .pf-v5-c-dual-list-selector__list-item:focus {
11575
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
11578
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11576
11579
  }
11577
11580
  .pf-v5-c-dual-list-selector__list-item.pf-m-expandable {
11578
11581
  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft);
@@ -11590,6 +11593,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11590
11593
  display: flex;
11591
11594
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11592
11595
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11596
+ border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11593
11597
  }
11594
11598
  .pf-v5-c-dual-list-selector__list-item-row:hover {
11595
11599
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -11601,6 +11605,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11601
11605
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11602
11606
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11603
11607
  }
11608
+ .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11609
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11610
+ }
11604
11611
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
11605
11612
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
11606
11613
  }
@@ -11641,6 +11648,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11641
11648
  padding-inline-start: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11642
11649
  padding-inline-end: var(--pf-v5-c-dual-list-selector__item--PaddingRight);
11643
11650
  cursor: pointer;
11651
+ outline-offset: -2px;
11644
11652
  }
11645
11653
 
11646
11654
  .pf-v5-c-dual-list-selector__item-count {
@@ -11659,10 +11667,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11659
11667
  }
11660
11668
 
11661
11669
  .pf-v5-c-dual-list-selector__controls {
11670
+ display: flex;
11671
+ flex-direction: column;
11662
11672
  grid-area: var(--pf-v5-c-dual-list-selector__controls--GridArea);
11673
+ gap: var(--pf-v5-c-dual-list-selector__controls--Gap);
11674
+ align-items: center;
11663
11675
  align-self: center;
11676
+ justify-content: center;
11664
11677
  padding-inline-start: var(--pf-v5-c-dual-list-selector__controls--PaddingLeft);
11665
11678
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
11679
+ margin-block-start: var(--pf-v5-c-dual-list-selector__controls--MarginBlockStart);
11666
11680
  }
11667
11681
 
11668
11682
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
@@ -11739,16 +11753,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11739
11753
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11740
11754
  }
11741
11755
 
11742
- :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 {
11743
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11744
- }
11745
-
11746
- :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
11747
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11748
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11749
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11750
- }
11751
-
11752
11756
  :root,
11753
11757
  [data-theme=pf-v5-c-toolbar] {
11754
11758
  --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);