@patternfly/react-core 4.261.0 → 4.263.0

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 (56) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/esm/components/Button/Button.d.ts.map +1 -1
  3. package/dist/esm/components/Button/Button.js +1 -1
  4. package/dist/esm/components/Button/Button.js.map +1 -1
  5. package/dist/esm/components/NumberInput/NumberInput.d.ts +1 -1
  6. package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
  7. package/dist/esm/components/NumberInput/NumberInput.js +0 -1
  8. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  9. package/dist/esm/components/Spinner/Spinner.d.ts +2 -0
  10. package/dist/esm/components/Spinner/Spinner.d.ts.map +1 -1
  11. package/dist/esm/components/Spinner/Spinner.js +2 -2
  12. package/dist/esm/components/Spinner/Spinner.js.map +1 -1
  13. package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
  14. package/dist/esm/helpers/Popper/Popper.js +6 -3
  15. package/dist/esm/helpers/Popper/Popper.js.map +1 -1
  16. package/dist/js/components/Button/Button.d.ts.map +1 -1
  17. package/dist/js/components/Button/Button.js +1 -1
  18. package/dist/js/components/Button/Button.js.map +1 -1
  19. package/dist/js/components/NumberInput/NumberInput.d.ts +1 -1
  20. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  21. package/dist/js/components/NumberInput/NumberInput.js +0 -1
  22. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  23. package/dist/js/components/Spinner/Spinner.d.ts +2 -0
  24. package/dist/js/components/Spinner/Spinner.d.ts.map +1 -1
  25. package/dist/js/components/Spinner/Spinner.js +2 -2
  26. package/dist/js/components/Spinner/Spinner.js.map +1 -1
  27. package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
  28. package/dist/js/helpers/Popper/Popper.js +6 -3
  29. package/dist/js/helpers/Popper/Popper.js.map +1 -1
  30. package/dist/umd/react-core.min.css +660 -660
  31. package/dist/umd/react-core.min.js +2 -2
  32. package/package.json +2 -2
  33. package/src/components/Button/Button.tsx +1 -0
  34. package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -1
  35. package/src/components/Menu/examples/Menu.md +2 -2
  36. package/src/components/Menu/examples/{MenuFilteringWithTextInput.tsx → MenuFilteringWithSearchInput.tsx} +3 -4
  37. package/src/components/NumberInput/NumberInput.tsx +1 -2
  38. package/src/components/NumberInput/__tests__/NumberInput.test.tsx +4 -4
  39. package/src/components/NumberInput/examples/NumberInput.md +2 -0
  40. package/src/components/NumberInput/examples/NumberInputCustomStep.tsx +4 -4
  41. package/src/components/NumberInput/examples/NumberInputCustomStepAndThreshold.tsx +4 -5
  42. package/src/components/NumberInput/examples/NumberInputDefault.tsx +5 -5
  43. package/src/components/NumberInput/examples/NumberInputDisabled.tsx +5 -5
  44. package/src/components/NumberInput/examples/NumberInputUnit.tsx +10 -10
  45. package/src/components/NumberInput/examples/NumberInputUnitThreshold.tsx +16 -6
  46. package/src/components/NumberInput/examples/NumberInputVaryingSizes.tsx +11 -11
  47. package/src/components/NumberInput/examples/NumberInputWithStatus.tsx +5 -6
  48. package/src/components/Popover/__tests__/__snapshots__/Popover.test.tsx.snap +3 -1
  49. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +3 -1
  50. package/src/components/Spinner/Spinner.tsx +4 -1
  51. package/src/components/Spinner/examples/Spinner.md +4 -0
  52. package/src/components/Spinner/examples/SpinnerInline.tsx +29 -0
  53. package/src/components/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +3 -1
  54. package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx +2 -7
  55. package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +3 -3
  56. package/src/helpers/Popper/Popper.tsx +13 -3
package/dist/umd/react-core.min.css CHANGED
@@ -7310,6 +7310,331 @@ label.pf-c-check, .pf-c-check__label,
7310
7310
  --pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
7311
7311
  }
7312
7312
 
7313
+ .pf-c-dual-list-selector {
7314
+ --pf-c-dual-list-selector__header--GridArea: pane-header;
7315
+ --pf-c-dual-list-selector__tools--GridArea: pane-tools;
7316
+ --pf-c-dual-list-selector__status--GridArea: pane-status;
7317
+ --pf-c-dual-list-selector__menu--GridArea: pane-menu;
7318
+ --pf-c-dual-list-selector__controls--GridArea: controls;
7319
+ --pf-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
7320
+ --pf-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
7321
+ --pf-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
7322
+ --pf-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
7323
+ --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
7324
+ --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
7325
+ --pf-c-dual-list-selector__header--MarginBottom: var(--pf-global--spacer--sm);
7326
+ --pf-c-dual-list-selector__title-text--FontWeight: var(--pf-global--FontWeight--bold);
7327
+ --pf-c-dual-list-selector__tools--MarginBottom: var(--pf-global--spacer--md);
7328
+ --pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-global--spacer--sm);
7329
+ --pf-c-dual-list-selector__menu--BorderWidth: var(--pf-global--BorderWidth--sm);
7330
+ --pf-c-dual-list-selector__menu--BorderColor: var(--pf-global--BorderColor--100);
7331
+ --pf-c-dual-list-selector__menu--MinHeight: 12.5rem;
7332
+ --pf-c-dual-list-selector__menu--MaxHeight: 20rem;
7333
+ --pf-c-dual-list-selector__list-item-row--FontSize: var(--pf-global--FontSize--sm);
7334
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
7335
+ --pf-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
7336
+ --pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
7337
+ --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
7338
+ --pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--100);
7339
+ --pf-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
7340
+ --pf-c-dual-list-selector__item--PaddingTop: var(--pf-global--spacer--sm);
7341
+ --pf-c-dual-list-selector__item--PaddingRight: var(--pf-global--spacer--md);
7342
+ --pf-c-dual-list-selector__item--PaddingBottom: var(--pf-global--spacer--sm);
7343
+ --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-global--spacer--md);
7344
+ --pf-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
7345
+ --pf-c-dual-list-selector__item--indent--base: calc(var(--pf-global--spacer--md) + var(--pf-global--spacer--sm) + var(--pf-c-dual-list-selector__list-item-row--FontSize));
7346
+ --pf-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-c-dual-list-selector__item--indent--base) - var(--pf-global--spacer--md));
7347
+ --pf-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-global--spacer--xs);
7348
+ --pf-c-dual-list-selector__item-text--Color: var(--pf-global--Color--100);
7349
+ --pf-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-global--active-color--100);
7350
+ --pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-global--FontWeight--bold);
7351
+ --pf-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-global--disabled-color--100);
7352
+ --pf-c-dual-list-selector__status--MarginBottom: var(--pf-global--spacer--sm);
7353
+ --pf-c-dual-list-selector__status-text--FontSize: var(--pf-global--FontSize--sm);
7354
+ --pf-c-dual-list-selector__status-text--Color: var(--pf-global--Color--200);
7355
+ --pf-c-dual-list-selector__controls--PaddingRight: var(--pf-global--spacer--md);
7356
+ --pf-c-dual-list-selector__controls--PaddingLeft: var(--pf-global--spacer--md);
7357
+ --pf-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-global--spacer--sm);
7358
+ --pf-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-global--spacer--sm);
7359
+ --pf-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-global--spacer--sm);
7360
+ --pf-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-global--spacer--md);
7361
+ --pf-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
7362
+ --pf-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-global--spacer--sm) * -1);
7363
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: 0;
7364
+ --pf-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
7365
+ --pf-c-dual-list-selector__item-check--MarginRight: var(--pf-global--spacer--sm);
7366
+ --pf-c-dual-list-selector__item-count--Marginleft: var(--pf-global--spacer--sm);
7367
+ --pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
7368
+ --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
7369
+ --pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
7370
+ --pf-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-global--Transition);
7371
+ --pf-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-c-dual-list-selector__list-item-row--FontSize);
7372
+ --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
7373
+ display: grid;
7374
+ grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
7375
+ grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
7376
+ grid-template-rows: repeat(3, auto) auto;
7377
+ }
7378
+
7379
+ .pf-c-dual-list-selector__pane {
7380
+ display: contents;
7381
+ }
7382
+
7383
+ .pf-c-dual-list-selector__pane.pf-m-chosen {
7384
+ --pf-c-dual-list-selector__header--GridArea: var(--pf-c-dual-list-selector--m-chosen__header--GridArea);
7385
+ --pf-c-dual-list-selector__tools--GridArea: var(--pf-c-dual-list-selector--m-chosen__tools--GridArea);
7386
+ --pf-c-dual-list-selector__status--GridArea: var(--pf-c-dual-list-selector--m-chosen__status--GridArea);
7387
+ --pf-c-dual-list-selector__menu--GridArea: var(--pf-c-dual-list-selector--m-chosen__menu--GridArea);
7388
+ }
7389
+
7390
+ .pf-c-dual-list-selector__header {
7391
+ grid-area: var(--pf-c-dual-list-selector__header--GridArea);
7392
+ margin-bottom: var(--pf-c-dual-list-selector__header--MarginBottom);
7393
+ }
7394
+
7395
+ .pf-c-dual-list-selector__title-text {
7396
+ font-weight: var(--pf-c-dual-list-selector__title-text--FontWeight);
7397
+ }
7398
+
7399
+ .pf-c-dual-list-selector__tools {
7400
+ display: flex;
7401
+ grid-area: var(--pf-c-dual-list-selector__tools--GridArea);
7402
+ margin-bottom: var(--pf-c-dual-list-selector__tools--MarginBottom);
7403
+ }
7404
+
7405
+ .pf-c-dual-list-selector__tools-filter {
7406
+ flex-grow: 1;
7407
+ }
7408
+
7409
+ .pf-c-dual-list-selector__tools-actions {
7410
+ display: flex;
7411
+ }
7412
+
7413
+ .pf-c-dual-list-selector__tools-filter ~ .pf-c-dual-list-selector__tools-actions {
7414
+ margin-left: var(--pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft);
7415
+ }
7416
+
7417
+ .pf-c-dual-list-selector__status {
7418
+ display: flex;
7419
+ grid-area: var(--pf-c-dual-list-selector__status--GridArea);
7420
+ margin-bottom: var(--pf-c-dual-list-selector__status--MarginBottom);
7421
+ }
7422
+
7423
+ .pf-c-dual-list-selector__status-text {
7424
+ flex-grow: 1;
7425
+ font-size: var(--pf-c-dual-list-selector__status-text--FontSize);
7426
+ color: var(--pf-c-dual-list-selector__status-text--Color);
7427
+ }
7428
+
7429
+ .pf-c-dual-list-selector__menu {
7430
+ grid-area: var(--pf-c-dual-list-selector__menu--GridArea);
7431
+ min-height: var(--pf-c-dual-list-selector__menu--MinHeight);
7432
+ max-height: var(--pf-c-dual-list-selector__menu--MaxHeight);
7433
+ overflow: auto;
7434
+ border: var(--pf-c-dual-list-selector__menu--BorderWidth) solid var(--pf-c-dual-list-selector__menu--BorderColor);
7435
+ }
7436
+
7437
+ .pf-c-dual-list-selector__list {
7438
+ --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
7439
+ display: flex;
7440
+ flex-direction: column;
7441
+ }
7442
+
7443
+ .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list {
7444
+ --pf-c-dual-list-selector__item-toggle--MarginTop: 0;
7445
+ --pf-c-dual-list-selector__item-toggle--MarginBottom: 0;
7446
+ }
7447
+
7448
+ .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list .pf-c-dual-list-selector__item-toggle {
7449
+ position: absolute;
7450
+ top: 0;
7451
+ left: var(--pf-c-dual-list-selector__list__list__item-toggle--Left);
7452
+ transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX));
7453
+ }
7454
+
7455
+ .pf-c-dual-list-selector__list.pf-m-drag-over {
7456
+ overflow-anchor: none;
7457
+ }
7458
+
7459
+ .pf-c-dual-list-selector__list-item:focus {
7460
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
7461
+ }
7462
+
7463
+ .pf-c-dual-list-selector__list-item.pf-m-expandable {
7464
+ --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft);
7465
+ }
7466
+
7467
+ .pf-c-dual-list-selector__list-item.pf-m-expanded {
7468
+ --pf-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
7469
+ }
7470
+
7471
+ .pf-c-dual-list-selector__list-item.pf-m-disabled {
7472
+ --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-text--Color);
7473
+ --pf-c-dual-list-selector__item-toggle-icon--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
7474
+ pointer-events: none;
7475
+ }
7476
+
7477
+ .pf-c-dual-list-selector__list-item-row {
7478
+ display: flex;
7479
+ font-size: var(--pf-c-dual-list-selector__list-item-row--FontSize);
7480
+ background-color: var(--pf-c-dual-list-selector__list-item-row--BackgroundColor);
7481
+ }
7482
+
7483
+ .pf-c-dual-list-selector__list-item-row:hover {
7484
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor);
7485
+ }
7486
+
7487
+ .pf-c-dual-list-selector__list-item-row.pf-m-selected {
7488
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
7489
+ }
7490
+
7491
+ .pf-c-dual-list-selector__list-item-row.pf-m-selected .pf-c-dual-list-selector__item-text {
7492
+ --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--Color);
7493
+ font-weight: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
7494
+ }
7495
+
7496
+ .pf-c-dual-list-selector__list-item-row.pf-m-check {
7497
+ --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
7498
+ }
7499
+
7500
+ .pf-c-dual-list-selector__list-item-row.pf-m-ghost-row {
7501
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
7502
+ opacity: var(--pf-c-dual-list-selector__list-item--m-ghost-row--Opacity);
7503
+ }
7504
+
7505
+ .pf-c-dual-list-selector__item,
7506
+ .pf-c-dual-list-selector__main {
7507
+ display: flex;
7508
+ }
7509
+
7510
+ .pf-c-dual-list-selector__item,
7511
+ .pf-c-dual-list-selector__item-main {
7512
+ flex-basis: 100%;
7513
+ }
7514
+
7515
+ .pf-c-dual-list-selector__draggable {
7516
+ display: flex;
7517
+ }
7518
+
7519
+ .pf-c-dual-list-selector__draggable + .pf-c-dual-list-selector__item {
7520
+ --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__draggable--item--PaddingLeft);
7521
+ }
7522
+
7523
+ .pf-c-dual-list-selector__draggable .pf-c-button {
7524
+ --pf-c-button--FontSize: inherit;
7525
+ cursor: grab;
7526
+ }
7527
+
7528
+ .pf-c-dual-list-selector__draggable .pf-c-button:active {
7529
+ cursor: grabbing;
7530
+ }
7531
+
7532
+ .pf-c-dual-list-selector__item {
7533
+ position: relative;
7534
+ width: 100%;
7535
+ padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
7536
+ cursor: pointer;
7537
+ }
7538
+
7539
+ .pf-c-dual-list-selector__item-count {
7540
+ margin-left: var(--pf-c-dual-list-selector__item-count--Marginleft);
7541
+ }
7542
+
7543
+ .pf-c-dual-list-selector__item-count .pf-c-badge.pf-m-read {
7544
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor);
7545
+ }
7546
+
7547
+ .pf-c-dual-list-selector__item-text {
7548
+ overflow: hidden;
7549
+ text-overflow: ellipsis;
7550
+ white-space: nowrap;
7551
+ flex-grow: 1;
7552
+ color: var(--pf-c-dual-list-selector__item-text--Color);
7553
+ }
7554
+
7555
+ .pf-c-dual-list-selector__controls {
7556
+ grid-area: var(--pf-c-dual-list-selector__controls--GridArea);
7557
+ align-self: center;
7558
+ padding-right: var(--pf-c-dual-list-selector__controls--PaddingRight);
7559
+ padding-left: var(--pf-c-dual-list-selector__controls--PaddingLeft);
7560
+ }
7561
+
7562
+ .pf-c-dual-list-selector__item-main {
7563
+ display: flex;
7564
+ min-width: 0;
7565
+ }
7566
+
7567
+ .pf-c-dual-list-selector__item-toggle {
7568
+ padding: var(--pf-c-dual-list-selector__item-toggle--PaddingTop) var(--pf-c-dual-list-selector__item-toggle--PaddingRight) var(--pf-c-dual-list-selector__item-toggle--PaddingBottom) var(--pf-c-dual-list-selector__item-toggle--PaddingLeft);
7569
+ margin-top: var(--pf-c-dual-list-selector__item-toggle--MarginTop);
7570
+ margin-bottom: var(--pf-c-dual-list-selector__item-toggle--MarginBottom);
7571
+ }
7572
+
7573
+ .pf-c-dual-list-selector__item-check {
7574
+ display: flex;
7575
+ align-items: center;
7576
+ margin-right: var(--pf-c-dual-list-selector__item-check--MarginRight);
7577
+ }
7578
+
7579
+ .pf-c-dual-list-selector__item-toggle-icon {
7580
+ display: inline-block;
7581
+ min-width: var(--pf-c-dual-list-selector__item-toggle-icon--MinWidth);
7582
+ color: var(--pf-c-dual-list-selector__item-toggle-icon--Color, inherit);
7583
+ text-align: center;
7584
+ transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition);
7585
+ transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate));
7586
+ }
7587
+
7588
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7589
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-c-dual-list-selector__item--indent--base));
7590
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7591
+ }
7592
+
7593
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7594
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-c-dual-list-selector__item--indent--base));
7595
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7596
+ }
7597
+
7598
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7599
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-c-dual-list-selector__item--indent--base));
7600
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7601
+ }
7602
+
7603
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7604
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-c-dual-list-selector__item--indent--base));
7605
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7606
+ }
7607
+
7608
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7609
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-c-dual-list-selector__item--indent--base));
7610
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7611
+ }
7612
+
7613
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7614
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-c-dual-list-selector__item--indent--base));
7615
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7616
+ }
7617
+
7618
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7619
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-c-dual-list-selector__item--indent--base));
7620
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7621
+ }
7622
+
7623
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7624
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-c-dual-list-selector__item--indent--base));
7625
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7626
+ }
7627
+
7628
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7629
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-c-dual-list-selector__item--indent--base));
7630
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7631
+ }
7632
+
7633
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
7634
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-c-dual-list-selector__item--indent--base));
7635
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
7636
+ }
7637
+
7313
7638
  .pf-c-dropdown {
7314
7639
  --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
7315
7640
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
@@ -7522,865 +7847,540 @@ label.pf-c-check, .pf-c-check__label,
7522
7847
  position: absolute;
7523
7848
  top: 0;
7524
7849
  right: 0;
7525
- bottom: 0;
7526
- left: 0;
7527
- content: "";
7528
- border: var(--pf-c-dropdown__toggle--before--BorderWidth) solid;
7529
- border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
7530
- }
7531
-
7532
- .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
7533
- --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
7534
- --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
7535
- pointer-events: none;
7536
- }
7537
-
7538
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
7539
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor);
7540
- }
7541
-
7542
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
7543
- border: 0;
7544
- }
7545
-
7546
- .pf-c-dropdown__toggle.pf-m-split-button {
7547
- padding: 0;
7548
- }
7549
-
7550
- .pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
7551
- background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
7552
- }
7553
-
7554
- .pf-c-dropdown__toggle.pf-m-split-button > * {
7555
- position: relative;
7556
- padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
7557
- padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
7558
- padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
7559
- padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
7560
- }
7561
-
7562
- .pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
7563
- --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
7564
- }
7565
-
7566
- .pf-c-dropdown__toggle.pf-m-split-button > *:last-child {
7567
- --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight);
7568
- }
7569
-
7570
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action {
7571
- --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight);
7572
- --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft);
7573
- }
7574
-
7575
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button {
7576
- margin-right: var(--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight);
7577
- }
7578
-
7579
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button::before {
7580
- border-left: 0;
7581
- }
7582
-
7583
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:last-child {
7584
- --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
7585
- }
7586
-
7587
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
7588
- border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
7589
- }
7590
-
7591
- .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
7592
- --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
7593
- }
7594
-
7595
- .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
7596
- display: flex;
7597
- align-items: center;
7598
- cursor: pointer;
7599
- }
7600
-
7601
- .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
7602
- .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
7603
- cursor: pointer;
7604
- transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
7605
- }
7606
-
7607
- .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
7608
- color: var(--pf-c-dropdown__toggle-button--Color);
7609
- border: 0;
7610
- }
7611
-
7612
- .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
7613
- margin-left: var(--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft);
7614
- }
7615
-
7616
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
7617
- --pf-c-dropdown__toggle--before--BorderWidth: 0;
7618
- --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
7619
- }
7620
-
7621
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
7622
- background-color: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
7623
- border: 0;
7624
- }
7625
-
7626
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
7627
- --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor);
7628
- }
7629
-
7630
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
7631
- --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
7632
- }
7633
-
7634
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *.pf-m-active {
7635
- --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
7636
- }
7637
-
7638
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child {
7639
- border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7640
- border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7641
- }
7642
-
7643
- .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child {
7644
- border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7645
- border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7646
- }
7647
-
7648
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
7649
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
7650
- }
7651
-
7652
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
7653
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
7654
- border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
7655
- }
7656
-
7657
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
7658
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
7659
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
7660
- }
7661
-
7662
- .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
7663
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
7664
- border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
7665
- }
7666
-
7667
- .pf-c-dropdown__toggle.pf-m-plain {
7668
- --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
7669
- }
7670
-
7671
- .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
7672
- --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
7673
- --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
7674
- display: inline-block;
7675
- color: var(--pf-c-dropdown__toggle--m-plain--Color);
7676
- }
7677
-
7678
- .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
7679
- line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
7680
- }
7681
-
7682
- .pf-c-dropdown__toggle.pf-m-plain::before {
7683
- border: 0;
7684
- }
7685
-
7686
- .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
7687
- --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
7688
- --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
7689
- }
7690
-
7691
- .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
7692
- --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
7693
- }
7694
-
7695
- .pf-c-dropdown__toggle.pf-m-primary {
7696
- --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
7697
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
7698
- --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
7699
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
7700
- }
7701
-
7702
- .pf-c-dropdown__toggle.pf-m-primary::before,
7703
- .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
7704
- border: 0;
7705
- }
7706
-
7707
- .pf-c-dropdown__toggle.pf-m-primary:hover {
7708
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--hover--BackgroundColor);
7709
- }
7710
-
7711
- .pf-c-dropdown__toggle.pf-m-primary:focus {
7712
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor);
7713
- }
7714
-
7715
- .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
7716
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
7717
- }
7718
-
7719
- .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
7720
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
7721
- }
7722
-
7723
- .pf-c-dropdown__toggle.pf-m-secondary {
7724
- border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
7725
- }
7726
-
7727
- .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
7728
- --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
7729
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
7730
- }
7731
-
7732
- .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
7733
- border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
7734
- border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
7735
- }
7736
-
7737
- .pf-c-dropdown__toggle.pf-m-secondary:hover {
7738
- --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth);
7739
- }
7740
-
7741
- .pf-c-dropdown__toggle.pf-m-secondary:focus {
7742
- --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth);
7743
- }
7744
-
7745
- .pf-c-dropdown__toggle.pf-m-secondary:active, .pf-c-dropdown__toggle.pf-m-secondary.pf-m-active {
7746
- --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth);
7747
- }
7748
-
7749
- .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary {
7750
- --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
7751
- --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
7850
+ bottom: 0;
7851
+ left: 0;
7852
+ content: "";
7853
+ border: var(--pf-c-dropdown__toggle--before--BorderWidth) solid;
7854
+ border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
7752
7855
  }
7753
7856
 
7754
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
7755
- --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color);
7857
+ .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
7858
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
7859
+ --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
7860
+ pointer-events: none;
7756
7861
  }
7757
7862
 
7758
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
7759
- --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
7863
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
7864
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor);
7760
7865
  }
7761
7866
 
7762
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
7763
- --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
7867
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
7868
+ border: 0;
7764
7869
  }
7765
7870
 
7766
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
7767
- --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
7871
+ .pf-c-dropdown__toggle.pf-m-split-button {
7872
+ padding: 0;
7768
7873
  }
7769
7874
 
7770
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
7771
- border: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
7875
+ .pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
7876
+ background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
7772
7877
  }
7773
7878
 
7774
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
7775
- --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
7879
+ .pf-c-dropdown__toggle.pf-m-split-button > * {
7880
+ position: relative;
7881
+ padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
7882
+ padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
7883
+ padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
7884
+ padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
7776
7885
  }
7777
7886
 
7778
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
7779
- --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
7887
+ .pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
7888
+ --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
7780
7889
  }
7781
7890
 
7782
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
7783
- --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
7891
+ .pf-c-dropdown__toggle.pf-m-split-button > *:last-child {
7892
+ --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight);
7784
7893
  }
7785
7894
 
7786
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
7787
- border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7788
- border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7895
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action {
7896
+ --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight);
7897
+ --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft);
7789
7898
  }
7790
7899
 
7791
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
7792
- border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7793
- border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7900
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button {
7901
+ margin-right: var(--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight);
7794
7902
  }
7795
7903
 
7796
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
7797
- border-left: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
7904
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button::before {
7905
+ border-left: 0;
7798
7906
  }
7799
7907
 
7800
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
7801
- border-right: 0;
7908
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:last-child {
7909
+ --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: 0;
7802
7910
  }
7803
7911
 
7804
- .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
7805
- border: 0;
7912
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
7913
+ border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
7806
7914
  }
7807
7915
 
7808
- .pf-c-dropdown__toggle > .pf-c-badge {
7809
- --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
7810
- --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);
7916
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
7917
+ --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
7811
7918
  }
7812
7919
 
7813
- .pf-c-dropdown__toggle .pf-c-dropdown__toggle-text {
7814
- overflow: hidden;
7815
- text-overflow: ellipsis;
7816
- white-space: nowrap;
7920
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
7921
+ display: flex;
7922
+ align-items: center;
7923
+ cursor: pointer;
7817
7924
  }
7818
7925
 
7819
- .pf-c-dropdown__toggle-text {
7820
- flex: 0 1 auto;
7926
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
7927
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
7928
+ cursor: pointer;
7929
+ transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
7821
7930
  }
7822
7931
 
7823
- .pf-c-dropdown__toggle-icon {
7824
- margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
7825
- margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
7826
- line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
7827
- color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
7932
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
7933
+ color: var(--pf-c-dropdown__toggle-button--Color);
7934
+ border: 0;
7828
7935
  }
7829
7936
 
7830
- .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
7831
- transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
7937
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
7938
+ margin-left: var(--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft);
7832
7939
  }
7833
7940
 
7834
- .pf-c-dropdown__toggle-image {
7835
- display: inline-flex;
7836
- flex-shrink: 0;
7837
- align-self: center;
7838
- margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
7839
- margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
7840
- margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
7841
- line-height: 1;
7941
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) {
7942
+ --pf-c-dropdown__toggle--before--BorderWidth: 0;
7943
+ --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth: 0;
7842
7944
  }
7843
7945
 
7844
- .pf-c-dropdown__toggle-image:last-child {
7845
- --pf-c-dropdown__toggle-image--MarginRight: 0;
7946
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * {
7947
+ background-color: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor);
7948
+ border: 0;
7846
7949
  }
7847
7950
 
7848
- .pf-c-dropdown__menu {
7849
- position: absolute;
7850
- top: var(--pf-c-dropdown__menu--Top);
7851
- z-index: var(--pf-c-dropdown__menu--ZIndex);
7852
- padding-top: var(--pf-c-dropdown__menu--PaddingTop);
7853
- padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
7854
- background: var(--pf-c-dropdown__menu--BackgroundColor);
7855
- background-clip: padding-box;
7856
- box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
7951
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
7952
+ --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor);
7857
7953
  }
7858
7954
 
7859
- .pf-c-dropdown__menu.pf-m-static {
7860
- --pf-c-dropdown--m-top__menu--TranslateY: 0;
7861
- position: static;
7862
- top: auto;
7863
- right: auto;
7864
- bottom: auto;
7865
- left: auto;
7866
- z-index: auto;
7867
- min-width: min-content;
7955
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
7956
+ --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
7868
7957
  }
7869
7958
 
7870
- .pf-c-dropdown .pf-c-menu,
7871
- .pf-c-dropdown__menu {
7872
- min-width: 100%;
7959
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > *.pf-m-active {
7960
+ --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor);
7873
7961
  }
7874
7962
 
7875
- .pf-c-dropdown .pf-c-menu.pf-m-align-right,
7876
- .pf-c-dropdown__menu.pf-m-align-right {
7877
- right: 0;
7963
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child {
7964
+ border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7965
+ border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7878
7966
  }
7879
7967
 
7880
- .pf-c-dropdown .pf-c-menu.pf-m-align-left,
7881
- .pf-c-dropdown__menu.pf-m-align-left {
7882
- right: auto;
7968
+ .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child {
7969
+ border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7970
+ border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius);
7883
7971
  }
7884
7972
 
7885
- @media (min-width: 576px) {
7886
- .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
7887
- .pf-c-dropdown__menu.pf-m-align-right-on-sm {
7888
- right: 0;
7889
- }
7890
-
7891
- .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
7892
- .pf-c-dropdown__menu.pf-m-align-left-on-sm {
7893
- right: auto;
7894
- }
7973
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
7974
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
7895
7975
  }
7896
- @media (min-width: 768px) {
7897
- .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
7898
- .pf-c-dropdown__menu.pf-m-align-right-on-md {
7899
- right: 0;
7900
- }
7901
7976
 
7902
- .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
7903
- .pf-c-dropdown__menu.pf-m-align-left-on-md {
7904
- right: auto;
7905
- }
7977
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
7978
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
7979
+ border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
7906
7980
  }
7907
- @media (min-width: 992px) {
7908
- .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
7909
- .pf-c-dropdown__menu.pf-m-align-right-on-lg {
7910
- right: 0;
7911
- }
7912
7981
 
7913
- .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
7914
- .pf-c-dropdown__menu.pf-m-align-left-on-lg {
7915
- right: auto;
7916
- }
7982
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
7983
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
7984
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
7917
7985
  }
7918
- @media (min-width: 1200px) {
7919
- .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
7920
- .pf-c-dropdown__menu.pf-m-align-right-on-xl {
7921
- right: 0;
7922
- }
7923
7986
 
7924
- .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
7925
- .pf-c-dropdown__menu.pf-m-align-left-on-xl {
7926
- right: auto;
7927
- }
7987
+ .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
7988
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
7989
+ border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
7928
7990
  }
7929
- @media (min-width: 1450px) {
7930
- .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
7931
- .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
7932
- right: 0;
7933
- }
7934
7991
 
7935
- .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
7936
- .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
7937
- right: auto;
7938
- }
7939
- }
7940
- .pf-c-dropdown.pf-m-top .pf-c-dropdown__menu {
7941
- --pf-c-dropdown__menu--Top: var(--pf-c-dropdown--m-top__menu--Top);
7942
- transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY));
7992
+ .pf-c-dropdown__toggle.pf-m-plain {
7993
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
7943
7994
  }
7944
7995
 
7945
- .pf-c-dropdown.pf-m-top > .pf-c-menu {
7946
- --pf-c-dropdown--c-menu--Top: var(--pf-c-dropdown--m-top--c-menu--Top);
7947
- transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY));
7996
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
7997
+ --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
7998
+ --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
7999
+ display: inline-block;
8000
+ color: var(--pf-c-dropdown__toggle--m-plain--Color);
7948
8001
  }
7949
8002
 
7950
- .pf-c-dropdown__menu-item {
7951
- display: block;
7952
- width: 100%;
7953
- padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
7954
- font-size: var(--pf-c-dropdown__menu-item--FontSize);
7955
- font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
7956
- line-height: var(--pf-c-dropdown__menu-item--LineHeight);
7957
- color: var(--pf-c-dropdown__menu-item--Color);
7958
- text-align: left;
7959
- white-space: nowrap;
7960
- background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
7961
- border: none;
8003
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
8004
+ line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
7962
8005
  }
7963
8006
 
7964
- .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item:focus {
7965
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
7966
- --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
7967
- text-decoration: none;
8007
+ .pf-c-dropdown__toggle.pf-m-plain::before {
8008
+ border: 0;
7968
8009
  }
7969
8010
 
7970
- .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7971
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
7972
- --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor);
8011
+ .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
8012
+ --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
8013
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
7973
8014
  }
7974
8015
 
7975
- .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
7976
- pointer-events: none;
8016
+ .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
8017
+ --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
7977
8018
  }
7978
-
7979
- .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7980
- cursor: default;
8019
+
8020
+ .pf-c-dropdown__toggle.pf-m-primary {
8021
+ --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
8022
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
8023
+ --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
8024
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
7981
8025
  }
7982
8026
 
7983
- .pf-c-dropdown__menu-item.pf-m-icon {
7984
- display: flex;
7985
- align-items: center;
8027
+ .pf-c-dropdown__toggle.pf-m-primary::before,
8028
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
8029
+ border: 0;
7986
8030
  }
7987
8031
 
7988
- .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
7989
- flex-direction: column;
7990
- align-items: start;
8032
+ .pf-c-dropdown__toggle.pf-m-primary:hover {
8033
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--hover--BackgroundColor);
7991
8034
  }
7992
8035
 
7993
- .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
7994
- display: flex;
7995
- align-items: center;
8036
+ .pf-c-dropdown__toggle.pf-m-primary:focus {
8037
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor);
7996
8038
  }
7997
8039
 
7998
- .pf-c-dropdown__menu-item.pf-m-text {
7999
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--m-text--Color);
8040
+ .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
8041
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
8000
8042
  }
8001
8043
 
8002
- .pf-c-dropdown__menu-item.pf-m-text:hover, .pf-c-dropdown__menu-item.pf-m-text:focus {
8003
- --pf-c-dropdown__menu-item--BackgroundColor: transparent;
8044
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
8045
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
8004
8046
  }
8005
8047
 
8006
- .pf-c-dropdown__menu-item-icon {
8007
- display: inline-flex;
8008
- align-items: center;
8009
- justify-content: center;
8010
- width: var(--pf-c-dropdown__menu-item-icon--Width);
8011
- height: var(--pf-c-dropdown__menu-item-icon--Height);
8012
- margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
8048
+ .pf-c-dropdown__toggle.pf-m-secondary {
8049
+ border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
8013
8050
  }
8014
8051
 
8015
- .pf-c-dropdown__menu-item-icon > * {
8016
- max-width: 100%;
8017
- max-height: 100%;
8052
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
8053
+ --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
8054
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
8018
8055
  }
8019
8056
 
8020
- .pf-c-dropdown__menu-item-description {
8021
- font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
8022
- color: var(--pf-c-dropdown__menu-item-description--Color);
8057
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
8058
+ border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
8059
+ border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
8023
8060
  }
8024
8061
 
8025
- .pf-c-dropdown__group + .pf-c-dropdown__group {
8026
- padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
8062
+ .pf-c-dropdown__toggle.pf-m-secondary:hover {
8063
+ --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth);
8027
8064
  }
8028
8065
 
8029
- .pf-c-dropdown__group-title {
8030
- padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
8031
- padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
8032
- padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
8033
- padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
8034
- font-size: var(--pf-c-dropdown__group-title--FontSize);
8035
- font-weight: var(--pf-c-dropdown__group-title--FontWeight);
8036
- color: var(--pf-c-dropdown__group-title--Color);
8066
+ .pf-c-dropdown__toggle.pf-m-secondary:focus {
8067
+ --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth);
8037
8068
  }
8038
8069
 
8039
- :where(.pf-theme-dark) .pf-c-dropdown {
8040
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
8041
- --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
8042
- --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
8043
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
8044
- --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
8045
- --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
8046
- --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8047
- --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
8048
- --pf-c-dropdown__menu--Top: 100%;
8049
- --pf-c-dropdown--m-top__menu--TranslateY: -100%;
8050
- --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
8070
+ .pf-c-dropdown__toggle.pf-m-secondary:active, .pf-c-dropdown__toggle.pf-m-secondary.pf-m-active {
8071
+ --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth);
8051
8072
  }
8052
8073
 
8053
- :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
8054
- color: var(--pf-global--palette--black-100);
8074
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary {
8075
+ --pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
8076
+ --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
8055
8077
  }
8056
8078
 
8057
- :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
8058
- background: transparent;
8079
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
8080
+ --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color);
8059
8081
  }
8060
8082
 
8061
- .pf-c-dual-list-selector {
8062
- --pf-c-dual-list-selector__header--GridArea: pane-header;
8063
- --pf-c-dual-list-selector__tools--GridArea: pane-tools;
8064
- --pf-c-dual-list-selector__status--GridArea: pane-status;
8065
- --pf-c-dual-list-selector__menu--GridArea: pane-menu;
8066
- --pf-c-dual-list-selector__controls--GridArea: controls;
8067
- --pf-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
8068
- --pf-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
8069
- --pf-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
8070
- --pf-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
8071
- --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
8072
- --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
8073
- --pf-c-dual-list-selector__header--MarginBottom: var(--pf-global--spacer--sm);
8074
- --pf-c-dual-list-selector__title-text--FontWeight: var(--pf-global--FontWeight--bold);
8075
- --pf-c-dual-list-selector__tools--MarginBottom: var(--pf-global--spacer--md);
8076
- --pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-global--spacer--sm);
8077
- --pf-c-dual-list-selector__menu--BorderWidth: var(--pf-global--BorderWidth--sm);
8078
- --pf-c-dual-list-selector__menu--BorderColor: var(--pf-global--BorderColor--100);
8079
- --pf-c-dual-list-selector__menu--MinHeight: 12.5rem;
8080
- --pf-c-dual-list-selector__menu--MaxHeight: 20rem;
8081
- --pf-c-dual-list-selector__list-item-row--FontSize: var(--pf-global--FontSize--sm);
8082
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
8083
- --pf-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
8084
- --pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
8085
- --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
8086
- --pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-global--BackgroundColor--100);
8087
- --pf-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
8088
- --pf-c-dual-list-selector__item--PaddingTop: var(--pf-global--spacer--sm);
8089
- --pf-c-dual-list-selector__item--PaddingRight: var(--pf-global--spacer--md);
8090
- --pf-c-dual-list-selector__item--PaddingBottom: var(--pf-global--spacer--sm);
8091
- --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-global--spacer--md);
8092
- --pf-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
8093
- --pf-c-dual-list-selector__item--indent--base: calc(var(--pf-global--spacer--md) + var(--pf-global--spacer--sm) + var(--pf-c-dual-list-selector__list-item-row--FontSize));
8094
- --pf-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-c-dual-list-selector__item--indent--base) - var(--pf-global--spacer--md));
8095
- --pf-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-global--spacer--xs);
8096
- --pf-c-dual-list-selector__item-text--Color: var(--pf-global--Color--100);
8097
- --pf-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-global--active-color--100);
8098
- --pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-global--FontWeight--bold);
8099
- --pf-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-global--disabled-color--100);
8100
- --pf-c-dual-list-selector__status--MarginBottom: var(--pf-global--spacer--sm);
8101
- --pf-c-dual-list-selector__status-text--FontSize: var(--pf-global--FontSize--sm);
8102
- --pf-c-dual-list-selector__status-text--Color: var(--pf-global--Color--200);
8103
- --pf-c-dual-list-selector__controls--PaddingRight: var(--pf-global--spacer--md);
8104
- --pf-c-dual-list-selector__controls--PaddingLeft: var(--pf-global--spacer--md);
8105
- --pf-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-global--spacer--sm);
8106
- --pf-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-global--spacer--sm);
8107
- --pf-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-global--spacer--sm);
8108
- --pf-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-global--spacer--md);
8109
- --pf-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
8110
- --pf-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-global--spacer--sm) * -1);
8111
- --pf-c-dual-list-selector__list__list__item-toggle--Left: 0;
8112
- --pf-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
8113
- --pf-c-dual-list-selector__item-check--MarginRight: var(--pf-global--spacer--sm);
8114
- --pf-c-dual-list-selector__item-count--Marginleft: var(--pf-global--spacer--sm);
8115
- --pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
8116
- --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
8117
- --pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
8118
- --pf-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-global--Transition);
8119
- --pf-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-c-dual-list-selector__list-item-row--FontSize);
8120
- --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
8121
- display: grid;
8122
- grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
8123
- grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
8124
- grid-template-rows: repeat(3, auto) auto;
8083
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
8084
+ --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
8125
8085
  }
8126
8086
 
8127
- .pf-c-dual-list-selector__pane {
8128
- display: contents;
8087
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
8088
+ --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
8129
8089
  }
8130
8090
 
8131
- .pf-c-dual-list-selector__pane.pf-m-chosen {
8132
- --pf-c-dual-list-selector__header--GridArea: var(--pf-c-dual-list-selector--m-chosen__header--GridArea);
8133
- --pf-c-dual-list-selector__tools--GridArea: var(--pf-c-dual-list-selector--m-chosen__tools--GridArea);
8134
- --pf-c-dual-list-selector__status--GridArea: var(--pf-c-dual-list-selector--m-chosen__status--GridArea);
8135
- --pf-c-dual-list-selector__menu--GridArea: var(--pf-c-dual-list-selector--m-chosen__menu--GridArea);
8091
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
8092
+ --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
8136
8093
  }
8137
8094
 
8138
- .pf-c-dual-list-selector__header {
8139
- grid-area: var(--pf-c-dual-list-selector__header--GridArea);
8140
- margin-bottom: var(--pf-c-dual-list-selector__header--MarginBottom);
8095
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
8096
+ border: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
8141
8097
  }
8142
8098
 
8143
- .pf-c-dual-list-selector__title-text {
8144
- font-weight: var(--pf-c-dual-list-selector__title-text--FontWeight);
8099
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
8100
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
8145
8101
  }
8146
8102
 
8147
- .pf-c-dual-list-selector__tools {
8148
- display: flex;
8149
- grid-area: var(--pf-c-dual-list-selector__tools--GridArea);
8150
- margin-bottom: var(--pf-c-dual-list-selector__tools--MarginBottom);
8103
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
8104
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
8151
8105
  }
8152
8106
 
8153
- .pf-c-dual-list-selector__tools-filter {
8154
- flex-grow: 1;
8107
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
8108
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
8155
8109
  }
8156
8110
 
8157
- .pf-c-dual-list-selector__tools-actions {
8158
- display: flex;
8111
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
8112
+ border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
8113
+ border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
8159
8114
  }
8160
8115
 
8161
- .pf-c-dual-list-selector__tools-filter ~ .pf-c-dual-list-selector__tools-actions {
8162
- margin-left: var(--pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft);
8116
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
8117
+ border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
8118
+ border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
8163
8119
  }
8164
8120
 
8165
- .pf-c-dual-list-selector__status {
8166
- display: flex;
8167
- grid-area: var(--pf-c-dual-list-selector__status--GridArea);
8168
- margin-bottom: var(--pf-c-dual-list-selector__status--MarginBottom);
8121
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
8122
+ border-left: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
8169
8123
  }
8170
8124
 
8171
- .pf-c-dual-list-selector__status-text {
8172
- flex-grow: 1;
8173
- font-size: var(--pf-c-dual-list-selector__status-text--FontSize);
8174
- color: var(--pf-c-dual-list-selector__status-text--Color);
8125
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
8126
+ border-right: 0;
8175
8127
  }
8176
8128
 
8177
- .pf-c-dual-list-selector__menu {
8178
- grid-area: var(--pf-c-dual-list-selector__menu--GridArea);
8179
- min-height: var(--pf-c-dual-list-selector__menu--MinHeight);
8180
- max-height: var(--pf-c-dual-list-selector__menu--MaxHeight);
8181
- overflow: auto;
8182
- border: var(--pf-c-dual-list-selector__menu--BorderWidth) solid var(--pf-c-dual-list-selector__menu--BorderColor);
8129
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
8130
+ border: 0;
8183
8131
  }
8184
8132
 
8185
- .pf-c-dual-list-selector__list {
8186
- --pf-c-dual-list-selector__item-toggle-icon--Rotate: 0;
8187
- display: flex;
8188
- flex-direction: column;
8133
+ .pf-c-dropdown__toggle > .pf-c-badge {
8134
+ --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
8135
+ --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);
8189
8136
  }
8190
8137
 
8191
- .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list {
8192
- --pf-c-dual-list-selector__item-toggle--MarginTop: 0;
8193
- --pf-c-dual-list-selector__item-toggle--MarginBottom: 0;
8138
+ .pf-c-dropdown__toggle .pf-c-dropdown__toggle-text {
8139
+ overflow: hidden;
8140
+ text-overflow: ellipsis;
8141
+ white-space: nowrap;
8194
8142
  }
8195
8143
 
8196
- .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list .pf-c-dual-list-selector__item-toggle {
8197
- position: absolute;
8198
- top: 0;
8199
- left: var(--pf-c-dual-list-selector__list__list__item-toggle--Left);
8200
- transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX));
8144
+ .pf-c-dropdown__toggle-text {
8145
+ flex: 0 1 auto;
8201
8146
  }
8202
8147
 
8203
- .pf-c-dual-list-selector__list.pf-m-drag-over {
8204
- overflow-anchor: none;
8148
+ .pf-c-dropdown__toggle-icon {
8149
+ margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
8150
+ margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
8151
+ line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
8152
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
8205
8153
  }
8206
8154
 
8207
- .pf-c-dual-list-selector__list-item:focus {
8208
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
8155
+ .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
8156
+ transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
8209
8157
  }
8210
8158
 
8211
- .pf-c-dual-list-selector__list-item.pf-m-expandable {
8212
- --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft);
8159
+ .pf-c-dropdown__toggle-image {
8160
+ display: inline-flex;
8161
+ flex-shrink: 0;
8162
+ align-self: center;
8163
+ margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
8164
+ margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
8165
+ margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
8166
+ line-height: 1;
8213
8167
  }
8214
8168
 
8215
- .pf-c-dual-list-selector__list-item.pf-m-expanded {
8216
- --pf-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
8169
+ .pf-c-dropdown__toggle-image:last-child {
8170
+ --pf-c-dropdown__toggle-image--MarginRight: 0;
8217
8171
  }
8218
8172
 
8219
- .pf-c-dual-list-selector__list-item.pf-m-disabled {
8220
- --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-text--Color);
8221
- --pf-c-dual-list-selector__item-toggle-icon--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
8222
- pointer-events: none;
8173
+ .pf-c-dropdown__menu {
8174
+ position: absolute;
8175
+ top: var(--pf-c-dropdown__menu--Top);
8176
+ z-index: var(--pf-c-dropdown__menu--ZIndex);
8177
+ padding-top: var(--pf-c-dropdown__menu--PaddingTop);
8178
+ padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
8179
+ background: var(--pf-c-dropdown__menu--BackgroundColor);
8180
+ background-clip: padding-box;
8181
+ box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
8223
8182
  }
8224
8183
 
8225
- .pf-c-dual-list-selector__list-item-row {
8226
- display: flex;
8227
- font-size: var(--pf-c-dual-list-selector__list-item-row--FontSize);
8228
- background-color: var(--pf-c-dual-list-selector__list-item-row--BackgroundColor);
8184
+ .pf-c-dropdown__menu.pf-m-static {
8185
+ --pf-c-dropdown--m-top__menu--TranslateY: 0;
8186
+ position: static;
8187
+ top: auto;
8188
+ right: auto;
8189
+ bottom: auto;
8190
+ left: auto;
8191
+ z-index: auto;
8192
+ min-width: min-content;
8229
8193
  }
8230
8194
 
8231
- .pf-c-dual-list-selector__list-item-row:hover {
8232
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor);
8195
+ .pf-c-dropdown .pf-c-menu,
8196
+ .pf-c-dropdown__menu {
8197
+ min-width: 100%;
8233
8198
  }
8234
8199
 
8235
- .pf-c-dual-list-selector__list-item-row.pf-m-selected {
8236
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
8200
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right,
8201
+ .pf-c-dropdown__menu.pf-m-align-right {
8202
+ right: 0;
8237
8203
  }
8238
8204
 
8239
- .pf-c-dual-list-selector__list-item-row.pf-m-selected .pf-c-dual-list-selector__item-text {
8240
- --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--Color);
8241
- font-weight: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
8205
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left,
8206
+ .pf-c-dropdown__menu.pf-m-align-left {
8207
+ right: auto;
8242
8208
  }
8243
8209
 
8244
- .pf-c-dual-list-selector__list-item-row.pf-m-check {
8245
- --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
8246
- }
8210
+ @media (min-width: 576px) {
8211
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
8212
+ .pf-c-dropdown__menu.pf-m-align-right-on-sm {
8213
+ right: 0;
8214
+ }
8247
8215
 
8248
- .pf-c-dual-list-selector__list-item-row.pf-m-ghost-row {
8249
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
8250
- opacity: var(--pf-c-dual-list-selector__list-item--m-ghost-row--Opacity);
8216
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
8217
+ .pf-c-dropdown__menu.pf-m-align-left-on-sm {
8218
+ right: auto;
8219
+ }
8251
8220
  }
8221
+ @media (min-width: 768px) {
8222
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
8223
+ .pf-c-dropdown__menu.pf-m-align-right-on-md {
8224
+ right: 0;
8225
+ }
8252
8226
 
8253
- .pf-c-dual-list-selector__item,
8254
- .pf-c-dual-list-selector__main {
8255
- display: flex;
8227
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
8228
+ .pf-c-dropdown__menu.pf-m-align-left-on-md {
8229
+ right: auto;
8230
+ }
8256
8231
  }
8232
+ @media (min-width: 992px) {
8233
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
8234
+ .pf-c-dropdown__menu.pf-m-align-right-on-lg {
8235
+ right: 0;
8236
+ }
8257
8237
 
8258
- .pf-c-dual-list-selector__item,
8259
- .pf-c-dual-list-selector__item-main {
8260
- flex-basis: 100%;
8238
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
8239
+ .pf-c-dropdown__menu.pf-m-align-left-on-lg {
8240
+ right: auto;
8241
+ }
8261
8242
  }
8243
+ @media (min-width: 1200px) {
8244
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
8245
+ .pf-c-dropdown__menu.pf-m-align-right-on-xl {
8246
+ right: 0;
8247
+ }
8262
8248
 
8263
- .pf-c-dual-list-selector__draggable {
8264
- display: flex;
8249
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
8250
+ .pf-c-dropdown__menu.pf-m-align-left-on-xl {
8251
+ right: auto;
8252
+ }
8265
8253
  }
8254
+ @media (min-width: 1450px) {
8255
+ .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
8256
+ .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
8257
+ right: 0;
8258
+ }
8266
8259
 
8267
- .pf-c-dual-list-selector__draggable + .pf-c-dual-list-selector__item {
8268
- --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__draggable--item--PaddingLeft);
8260
+ .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
8261
+ .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
8262
+ right: auto;
8263
+ }
8269
8264
  }
8270
-
8271
- .pf-c-dual-list-selector__draggable .pf-c-button {
8272
- --pf-c-button--FontSize: inherit;
8273
- cursor: grab;
8265
+ .pf-c-dropdown.pf-m-top .pf-c-dropdown__menu {
8266
+ --pf-c-dropdown__menu--Top: var(--pf-c-dropdown--m-top__menu--Top);
8267
+ transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY));
8274
8268
  }
8275
8269
 
8276
- .pf-c-dual-list-selector__draggable .pf-c-button:active {
8277
- cursor: grabbing;
8270
+ .pf-c-dropdown.pf-m-top > .pf-c-menu {
8271
+ --pf-c-dropdown--c-menu--Top: var(--pf-c-dropdown--m-top--c-menu--Top);
8272
+ transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY));
8278
8273
  }
8279
8274
 
8280
- .pf-c-dual-list-selector__item {
8281
- position: relative;
8275
+ .pf-c-dropdown__menu-item {
8276
+ display: block;
8282
8277
  width: 100%;
8283
- padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
8284
- cursor: pointer;
8278
+ padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
8279
+ font-size: var(--pf-c-dropdown__menu-item--FontSize);
8280
+ font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
8281
+ line-height: var(--pf-c-dropdown__menu-item--LineHeight);
8282
+ color: var(--pf-c-dropdown__menu-item--Color);
8283
+ text-align: left;
8284
+ white-space: nowrap;
8285
+ background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
8286
+ border: none;
8285
8287
  }
8286
8288
 
8287
- .pf-c-dual-list-selector__item-count {
8288
- margin-left: var(--pf-c-dual-list-selector__item-count--Marginleft);
8289
+ .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item:focus {
8290
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
8291
+ --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
8292
+ text-decoration: none;
8289
8293
  }
8290
8294
 
8291
- .pf-c-dual-list-selector__item-count .pf-c-badge.pf-m-read {
8292
- --pf-c-badge--m-read--BackgroundColor: var(--pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor);
8295
+ .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item.pf-m-aria-disabled {
8296
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
8297
+ --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor);
8293
8298
  }
8294
8299
 
8295
- .pf-c-dual-list-selector__item-text {
8296
- overflow: hidden;
8297
- text-overflow: ellipsis;
8298
- white-space: nowrap;
8299
- flex-grow: 1;
8300
- color: var(--pf-c-dual-list-selector__item-text--Color);
8300
+ .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
8301
+ pointer-events: none;
8301
8302
  }
8302
8303
 
8303
- .pf-c-dual-list-selector__controls {
8304
- grid-area: var(--pf-c-dual-list-selector__controls--GridArea);
8305
- align-self: center;
8306
- padding-right: var(--pf-c-dual-list-selector__controls--PaddingRight);
8307
- padding-left: var(--pf-c-dual-list-selector__controls--PaddingLeft);
8304
+ .pf-c-dropdown__menu-item.pf-m-aria-disabled {
8305
+ cursor: default;
8308
8306
  }
8309
8307
 
8310
- .pf-c-dual-list-selector__item-main {
8308
+ .pf-c-dropdown__menu-item.pf-m-icon {
8311
8309
  display: flex;
8312
- min-width: 0;
8310
+ align-items: center;
8313
8311
  }
8314
8312
 
8315
- .pf-c-dual-list-selector__item-toggle {
8316
- padding: var(--pf-c-dual-list-selector__item-toggle--PaddingTop) var(--pf-c-dual-list-selector__item-toggle--PaddingRight) var(--pf-c-dual-list-selector__item-toggle--PaddingBottom) var(--pf-c-dual-list-selector__item-toggle--PaddingLeft);
8317
- margin-top: var(--pf-c-dual-list-selector__item-toggle--MarginTop);
8318
- margin-bottom: var(--pf-c-dual-list-selector__item-toggle--MarginBottom);
8313
+ .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
8314
+ flex-direction: column;
8315
+ align-items: start;
8319
8316
  }
8320
8317
 
8321
- .pf-c-dual-list-selector__item-check {
8318
+ .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
8322
8319
  display: flex;
8323
8320
  align-items: center;
8324
- margin-right: var(--pf-c-dual-list-selector__item-check--MarginRight);
8325
- }
8326
-
8327
- .pf-c-dual-list-selector__item-toggle-icon {
8328
- display: inline-block;
8329
- min-width: var(--pf-c-dual-list-selector__item-toggle-icon--MinWidth);
8330
- color: var(--pf-c-dual-list-selector__item-toggle-icon--Color, inherit);
8331
- text-align: center;
8332
- transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition);
8333
- transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate));
8334
8321
  }
8335
8322
 
8336
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8337
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-c-dual-list-selector__item--indent--base));
8338
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8323
+ .pf-c-dropdown__menu-item.pf-m-text {
8324
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--m-text--Color);
8339
8325
  }
8340
8326
 
8341
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8342
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-c-dual-list-selector__item--indent--base));
8343
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8327
+ .pf-c-dropdown__menu-item.pf-m-text:hover, .pf-c-dropdown__menu-item.pf-m-text:focus {
8328
+ --pf-c-dropdown__menu-item--BackgroundColor: transparent;
8344
8329
  }
8345
8330
 
8346
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8347
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-c-dual-list-selector__item--indent--base));
8348
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8331
+ .pf-c-dropdown__menu-item-icon {
8332
+ display: inline-flex;
8333
+ align-items: center;
8334
+ justify-content: center;
8335
+ width: var(--pf-c-dropdown__menu-item-icon--Width);
8336
+ height: var(--pf-c-dropdown__menu-item-icon--Height);
8337
+ margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
8349
8338
  }
8350
8339
 
8351
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8352
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-c-dual-list-selector__item--indent--base));
8353
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8340
+ .pf-c-dropdown__menu-item-icon > * {
8341
+ max-width: 100%;
8342
+ max-height: 100%;
8354
8343
  }
8355
8344
 
8356
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8357
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-c-dual-list-selector__item--indent--base));
8358
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8345
+ .pf-c-dropdown__menu-item-description {
8346
+ font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
8347
+ color: var(--pf-c-dropdown__menu-item-description--Color);
8359
8348
  }
8360
8349
 
8361
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8362
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-c-dual-list-selector__item--indent--base));
8363
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8350
+ .pf-c-dropdown__group + .pf-c-dropdown__group {
8351
+ padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
8364
8352
  }
8365
8353
 
8366
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8367
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-c-dual-list-selector__item--indent--base));
8368
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8354
+ .pf-c-dropdown__group-title {
8355
+ padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
8356
+ padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
8357
+ padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
8358
+ padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
8359
+ font-size: var(--pf-c-dropdown__group-title--FontSize);
8360
+ font-weight: var(--pf-c-dropdown__group-title--FontWeight);
8361
+ color: var(--pf-c-dropdown__group-title--Color);
8369
8362
  }
8370
8363
 
8371
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8372
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-c-dual-list-selector__item--indent--base));
8373
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8364
+ :where(.pf-theme-dark) .pf-c-dropdown {
8365
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
8366
+ --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
8367
+ --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
8368
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
8369
+ --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
8370
+ --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
8371
+ --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
8372
+ --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
8373
+ --pf-c-dropdown__menu--Top: 100%;
8374
+ --pf-c-dropdown--m-top__menu--TranslateY: -100%;
8375
+ --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
8374
8376
  }
8375
8377
 
8376
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8377
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-c-dual-list-selector__item--indent--base));
8378
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8378
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
8379
+ color: var(--pf-global--palette--black-100);
8379
8380
  }
8380
8381
 
8381
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8382
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-c-dual-list-selector__item--indent--base));
8383
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8382
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
8383
+ background: transparent;
8384
8384
  }
8385
8385
 
8386
8386
  .pf-c-empty-state {