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

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 (52) hide show
  1. package/components/MenuToggle/menu-toggle.css +229 -265
  2. package/components/MenuToggle/menu-toggle.scss +330 -370
  3. package/components/TextInputGroup/text-input-group.css +0 -14
  4. package/components/TextInputGroup/text-input-group.scss +3 -16
  5. package/components/Wizard/wizard.css +128 -205
  6. package/components/Wizard/wizard.scss +128 -180
  7. package/docs/components/Button/examples/Button.md +134 -134
  8. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  9. package/docs/components/Card/examples/Card.md +8 -8
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
  11. package/docs/components/Form/examples/Form.md +11 -11
  12. package/docs/components/Label/examples/Label.md +157 -157
  13. package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
  14. package/docs/components/Tabs/examples/Tabs.md +24 -24
  15. package/docs/components/Toolbar/examples/Toolbar.md +28 -28
  16. package/docs/components/Wizard/examples/Wizard.md +31 -7
  17. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  18. package/docs/demos/Alert/examples/Alert.md +6 -6
  19. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  20. package/docs/demos/Banner/examples/Banner.md +4 -4
  21. package/docs/demos/Button/examples/Button.md +1 -1
  22. package/docs/demos/CardView/examples/CardView.md +3 -3
  23. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  24. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  25. package/docs/demos/DataList/examples/DataList.md +13 -13
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  27. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  28. package/docs/demos/Form/examples/BasicForms.md +12 -12
  29. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  30. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  31. package/docs/demos/Modal/examples/Modal.md +15 -15
  32. package/docs/demos/Nav/examples/Nav.md +12 -12
  33. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  34. package/docs/demos/Page/examples/Page.md +18 -18
  35. package/docs/demos/Page/examples/Penta.md +4 -4
  36. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  37. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  38. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
  39. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  40. package/docs/demos/Table/examples/Table.md +54 -54
  41. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  42. package/docs/demos/Toolbar/examples/Toolbar.md +17 -17
  43. package/docs/demos/Wizard/examples/Wizard.md +126 -36
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +370 -490
  46. package/patternfly-theme-dark-unversioned.css +370 -490
  47. package/patternfly.css +370 -490
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
  50. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  51. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
  52. package/components/Wizard/themes/dark/wizard.scss +0 -12
package/patternfly.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
12
12
  }
13
13
 
14
- .pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
14
+ .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
15
15
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16
16
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
17
17
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -22,7 +22,7 @@
22
22
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
23
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
24
24
  }
25
- .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
25
+ .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
26
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
27
27
  }
28
28
 
@@ -7228,7 +7228,7 @@ button) {
7228
7228
  color: var(--pf-v5-c-app-launcher__group-title--Color);
7229
7229
  }
7230
7230
 
7231
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
7231
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
7232
7232
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7233
7233
  }
7234
7234
 
@@ -9220,7 +9220,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9220
9220
  line-height: 1;
9221
9221
  }
9222
9222
 
9223
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9223
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9224
9224
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9225
9225
  }
9226
9226
 
@@ -10215,7 +10215,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10215
10215
  pointer-events: none;
10216
10216
  }
10217
10217
 
10218
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
10218
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
10219
10219
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10220
10220
  }
10221
10221
 
@@ -16226,7 +16226,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16226
16226
  color: var(--pf-v5-c-dropdown__group-title--Color);
16227
16227
  }
16228
16228
 
16229
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16229
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16230
16230
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16231
16231
  }
16232
16232
 
@@ -18164,7 +18164,7 @@ label.pf-v5-c-input-group__text {
18164
18164
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
18165
18165
  }
18166
18166
 
18167
- .pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
18167
+ .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
18168
18168
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
18169
18169
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
18170
18170
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -18175,7 +18175,7 @@ label.pf-v5-c-input-group__text {
18175
18175
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
18176
18176
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
18177
18177
  }
18178
- .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
18178
+ .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
18179
18179
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18180
18180
  }
18181
18181
 
@@ -19130,7 +19130,7 @@ ul.pf-v5-c-list {
19130
19130
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
19131
19131
  }
19132
19132
 
19133
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19133
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19134
19134
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19135
19135
  }
19136
19136
 
@@ -20428,7 +20428,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20428
20428
  border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20429
20429
  }
20430
20430
 
20431
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20431
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20432
20432
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20433
20433
  }
20434
20434
 
@@ -20438,131 +20438,123 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20438
20438
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20439
20439
  }
20440
20440
 
20441
- .pf-v5-c-menu-toggle {
20442
- --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
20441
+ :where(:root),
20442
+ :where(.pf-v5-c-menu-toggle) {
20443
+ --pf-v5-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
20443
20444
  --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
20444
20445
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
20445
20446
  --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
20446
20447
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
20448
+ --pf-v5-c-menu-toggle--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
20447
20449
  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
20448
20450
  --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
20449
20451
  --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
20450
20452
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
20451
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
20453
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
20452
20454
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20453
- --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20455
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
20456
+ --pf-v5-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
20457
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
20458
+ --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
20459
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
20454
20460
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20455
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20456
- --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20457
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20458
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
20459
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
20460
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
20461
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
20462
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
20463
- --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
20464
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
20465
- --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
20466
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20467
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20468
- --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20469
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20470
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20471
- --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20472
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20473
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20474
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20475
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20476
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20477
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20478
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20479
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
20480
- --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
20481
- --pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20482
- --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
20483
- --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
20484
- --pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
20485
- --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
20486
- --pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--pf-v5-global--primary-color--200);
20487
- --pf-v5-c-menu-toggle--m-primary--m-expanded--Color: var(--pf-v5-global--Color--light-100);
20488
- --pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
20489
- --pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20490
- --pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
20491
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20492
- --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20493
- --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20494
- --pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20495
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
20496
- --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
20497
- --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
20498
- --pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
20499
- --pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
20500
- --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
20501
- --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20502
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-global--Color--200);
20503
- --pf-v5-c-menu-toggle--m-plain--PaddingRight: var(--pf-v5-global--spacer--md);
20504
- --pf-v5-c-menu-toggle--m-plain--PaddingLeft: var(--pf-v5-global--spacer--md);
20505
- --pf-v5-c-menu-toggle--m-plain--hover--Color: var(--pf-v5-global--Color--100);
20506
- --pf-v5-c-menu-toggle--m-plain--focus--Color: var(--pf-v5-global--Color--100);
20507
- --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
20508
- --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
20509
- --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
20461
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20462
+ --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
20463
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20464
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
20465
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
20466
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
20467
+ --pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20468
+ --pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
20469
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20470
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20471
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20472
+ --pf-v5-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20473
+ --pf-v5-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20474
+ --pf-v5-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
20475
+ --pf-v5-c-menu-toggle--m-control--PaddingLeft: var(--pf-t--global--spacer--sm);
20476
+ --pf-v5-c-menu-toggle--m-control--PaddingRight: var(--pf-t--global--spacer--sm);
20477
+ --pf-v5-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
20478
+ --pf-v5-c-menu-toggle--m-action--PaddingLeft: var(--pf-t--global--spacer--lg);
20479
+ --pf-v5-c-menu-toggle--m-action--PaddingRight: var(--pf-t--global--spacer--lg);
20480
+ --pf-v5-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
20481
+ --pf-v5-c-menu-toggle--m-primary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
20482
+ --pf-v5-c-menu-toggle--m-primary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
20483
+ --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
20484
+ --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
20485
+ --pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20486
+ --pf-v5-c-menu-toggle--m-primary--BorderColor: transparent;
20487
+ --pf-v5-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
20488
+ --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
20489
+ --pf-v5-c-menu-toggle--m-primary--hover--BorderColor: transparent;
20490
+ --pf-v5-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
20491
+ --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20492
+ --pf-v5-c-menu-toggle--m-primary--active--BorderColor: transparent;
20493
+ --pf-v5-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
20494
+ --pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20495
+ --pf-v5-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
20496
+ --pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
20497
+ --pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
20498
+ --pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
20499
+ --pf-v5-c-menu-toggle--m-secondary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
20500
+ --pf-v5-c-menu-toggle--m-secondary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
20501
+ --pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
20502
+ --pf-v5-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
20503
+ --pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20504
+ --pf-v5-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
20505
+ --pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
20506
+ --pf-v5-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
20507
+ --pf-v5-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
20508
+ --pf-v5-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20509
+ --pf-v5-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
20510
+ --pf-v5-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
20511
+ --pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20512
+ --pf-v5-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
20513
+ --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
20514
+ --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20515
+ --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20510
20516
  --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
20511
20517
  --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
20512
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
20513
- --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
20514
- --pf-v5-c-menu-toggle__controls--MarginRight: 0;
20515
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
20516
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20517
- --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
20518
- --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
20519
- --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
20520
- --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
20521
- --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
20522
- --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
20523
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20524
- --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20525
- --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20526
- --pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20527
- --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20528
- --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20529
- --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20530
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
20531
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
20532
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
20533
- --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
20534
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
20535
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
20536
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
20537
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20538
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
20539
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20540
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20541
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
20542
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20543
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
20544
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20545
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20546
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
20547
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
20548
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
20549
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
20550
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
20551
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
20552
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
20518
+ --pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
20519
+ --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
20520
+ --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
20521
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20522
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20523
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-t--global--border--width--button--default);
20524
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-t--global--border--color--default);
20525
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20526
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor: var(--pf-t--global--icon--color--on-disabled);
20527
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
20528
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
20529
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20530
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-t--global--border--color--default);
20531
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20532
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-t--global--color--brand--default);
20553
20533
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
20554
20534
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
20555
20535
  --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
20556
20536
  --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
20557
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
20558
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20537
+ --pf-v5-c-menu-toggle__button--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
20538
+ --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
20539
+ --pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20540
+ --pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
20541
+ --pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
20542
+ --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20543
+ --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20544
+ --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20545
+ --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
20559
20546
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
20560
20547
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20561
20548
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20562
- --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
20549
+ --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20550
+ }
20551
+
20552
+ .pf-v5-c-menu-toggle {
20563
20553
  position: relative;
20564
20554
  display: inline-flex;
20565
20555
  align-items: center;
20556
+ justify-content: center;
20557
+ min-width: var(--pf-v5-c-menu-toggle--MinWidth);
20566
20558
  max-width: 100%;
20567
20559
  padding-block-start: var(--pf-v5-c-menu-toggle--PaddingTop);
20568
20560
  padding-block-end: var(--pf-v5-c-menu-toggle--PaddingBottom);
@@ -20584,111 +20576,118 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20584
20576
  inset-block-end: 0;
20585
20577
  inset-inline-start: 0;
20586
20578
  inset-inline-end: 0;
20579
+ z-index: var(--pf-v5-c-menu-toggle--border--ZIndex);
20587
20580
  pointer-events: none;
20588
20581
  content: "";
20589
20582
  border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
20590
20583
  }
20591
- .pf-v5-c-menu-toggle::after {
20592
- border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
20593
- }
20594
20584
  .pf-v5-c-menu-toggle.pf-m-primary {
20595
- --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20585
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-primary--PaddingLeft);
20586
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-primary--PaddingRight);
20596
20587
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-primary--Color);
20597
20588
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor);
20589
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20590
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--BorderColor);
20591
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-primary--hover--Color);
20598
20592
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor);
20599
- --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor);
20593
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BorderColor);
20594
+ --pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-primary--active--Color);
20600
20595
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor);
20601
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--m-expanded--Color);
20602
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
20603
- }
20604
- .pf-v5-c-menu-toggle.pf-m-primary, .pf-v5-c-menu-toggle.pf-m-primary::before {
20605
- border-radius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20596
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--active--BorderColor);
20597
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded--Color);
20598
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor);
20599
+ --pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor);
20600
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color);
20601
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
20606
20602
  }
20607
20603
  .pf-v5-c-menu-toggle.pf-m-secondary {
20604
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-secondary--PaddingLeft);
20605
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-secondary--PaddingRight);
20608
20606
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
20609
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
20610
- }
20611
- .pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
20612
- border-radius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
20613
- }
20614
- .pf-v5-c-menu-toggle.pf-m-secondary::before {
20615
- border-color: var(--pf-v5-c-menu-toggle--m-secondary--before--BorderColor);
20616
- border-width: var(--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth);
20617
- }
20618
- .pf-v5-c-menu-toggle.pf-m-secondary::after {
20619
- border: 0;
20620
- }
20621
- .pf-v5-c-menu-toggle.pf-m-secondary:hover {
20622
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor);
20623
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth);
20624
- }
20625
- .pf-v5-c-menu-toggle.pf-m-secondary:focus {
20626
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor);
20627
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth);
20628
- }
20629
- .pf-v5-c-menu-toggle.pf-m-secondary:active {
20630
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor);
20631
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth);
20632
- }
20633
- .pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded {
20634
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
20635
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
20636
- }
20637
- .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
20638
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
20639
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
20640
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
20641
- display: inline-block;
20607
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--BorderColor);
20608
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
20609
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover--Color);
20610
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth);
20611
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor);
20612
+ --pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-secondary--active--Color);
20613
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth);
20614
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderColor);
20615
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded--Color);
20616
+ --pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth);
20617
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
20618
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
20642
20619
  }
20643
20620
  .pf-v5-c-menu-toggle.pf-m-full-height {
20644
20621
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
20645
20622
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
20646
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth);
20647
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
20648
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
20649
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
20650
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
20651
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
20623
+ --pf-v5-c-menu-toggle--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--BorderTopWidth);
20652
20624
  align-items: center;
20653
20625
  height: 100%;
20654
20626
  }
20655
- .pf-v5-c-menu-toggle:hover {
20656
- --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
20657
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
20627
+ .pf-v5-c-menu-toggle.pf-m-full-width {
20628
+ width: 100%;
20658
20629
  }
20659
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
20660
- --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
20661
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
20630
+ .pf-v5-c-menu-toggle.pf-m-plain {
20631
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-plain--Color);
20632
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
20633
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-plain--BorderColor);
20634
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
20635
+ --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor);
20636
+ --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
20637
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20638
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20639
+ mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20640
+ }
20641
+ .pf-v5-c-menu-toggle.pf-m-plain::before {
20642
+ border: none;
20662
20643
  }
20663
- .pf-v5-c-menu-toggle.pf-m-expanded {
20664
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
20665
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor);
20666
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth);
20667
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor);
20668
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
20669
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded--Color);
20644
+ .pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
20645
+ padding: revert;
20670
20646
  }
20671
- .pf-v5-c-menu-toggle:disabled, .pf-v5-c-menu-toggle.pf-m-disabled {
20647
+ .pf-v5-c-menu-toggle:is(button),
20648
+ .pf-v5-c-menu-toggle .pf-v5-c-button {
20649
+ background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
20650
+ }
20651
+ .pf-v5-c-menu-toggle:is(button):has(> i:only-child),
20652
+ .pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
20653
+ aspect-ratio: 1/1;
20654
+ }
20655
+ .pf-v5-c-menu-toggle:is(:hover, :focus) {
20656
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
20657
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
20658
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
20659
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
20660
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--hover__toggle-icon--Color);
20661
+ }
20662
+ .pf-v5-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
20663
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--expanded--Color);
20664
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--expanded--BackgroundColor);
20665
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--expanded--BorderWidth);
20666
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--expanded--BorderColor);
20667
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--expanded__toggle-icon--Color);
20668
+ }
20669
+ .pf-v5-c-menu-toggle:is(:active, .pf-m-active) {
20670
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--active--Color);
20671
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
20672
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
20673
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
20674
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--active__toggle-icon--Color);
20675
+ }
20676
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) {
20672
20677
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--disabled--Color);
20673
20678
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--disabled--BackgroundColor);
20674
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20679
+ }
20680
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled),
20681
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v5-c-button {
20675
20682
  pointer-events: none;
20676
20683
  }
20677
- .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
20684
+ .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
20678
20685
  border: 0;
20679
20686
  }
20680
- .pf-v5-c-menu-toggle.pf-m-typeahead {
20681
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight);
20682
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
20683
- --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20684
- align-items: stretch;
20685
- padding: 0;
20686
- }
20687
- .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
20688
- --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
20689
- --pf-v5-c-text-input-group__utilities--MarginRight: 0;
20690
- flex: 1;
20687
+ .pf-v5-c-menu-toggle:has(.pf-v5-c-button) {
20688
+ background-color: transparent;
20691
20689
  }
20690
+
20692
20691
  .pf-v5-c-menu-toggle.pf-m-split-button {
20693
20692
  padding: 0;
20694
20693
  }
@@ -20699,11 +20698,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20699
20698
  padding-inline-start: var(--pf-v5-c-menu-toggle--PaddingLeft);
20700
20699
  padding-inline-end: var(--pf-v5-c-menu-toggle--PaddingRight);
20701
20700
  }
20702
- .pf-v5-c-menu-toggle.pf-m-split-button > *:first-child {
20703
- padding-inline-end: var(--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight);
20701
+ .pf-v5-c-menu-toggle.pf-m-split-button > :first-child {
20702
+ border-start-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20703
+ border-end-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20704
20704
  }
20705
- .pf-v5-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
20706
- padding-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft);
20705
+ .pf-v5-c-menu-toggle.pf-m-split-button > :last-child {
20706
+ border-start-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20707
+ border-end-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20707
20708
  }
20708
20709
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
20709
20710
  --pf-v5-c-menu-toggle--PaddingRight: 0;
@@ -20716,98 +20717,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20716
20717
  --pf-v5-c-check__input--TranslateY: 0;
20717
20718
  align-self: center;
20718
20719
  }
20719
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
20720
- position: absolute;
20721
- inset-block-start: 0;
20722
- inset-block-end: 0;
20723
- inset-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left);
20724
- inset-inline-end: 0;
20725
- pointer-events: none;
20726
- content: "";
20727
- border-block-end: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
20720
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-plain {
20721
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20728
20722
  }
20729
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
20730
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
20731
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor);
20723
+
20724
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
20725
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20726
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
20732
20727
  }
20733
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
20734
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
20735
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
20728
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
20729
+ border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
20736
20730
  }
20737
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *.pf-m-active {
20738
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
20739
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
20731
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v5-c-menu-toggle__controls) {
20732
+ padding-inline-end: 0;
20740
20733
  }
20741
20734
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
20742
20735
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
20743
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
20744
20736
  }
20745
20737
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
20746
20738
  background-color: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
20747
20739
  }
20748
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
20740
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
20749
20741
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
20750
20742
  }
20751
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
20752
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
20753
- }
20754
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
20743
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
20755
20744
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
20756
20745
  }
20757
20746
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
20758
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor);
20747
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
20759
20748
  }
20760
20749
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
20761
20750
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
20762
20751
  }
20763
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
20764
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
20765
- }
20766
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
20767
- border-start-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20768
- border-end-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20769
- }
20770
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
20771
- border-start-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20772
- border-end-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20773
- }
20774
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
20775
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
20776
- border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
20777
- }
20778
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
20779
- --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
20780
- }
20781
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
20782
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
20752
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
20753
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
20783
20754
  }
20784
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::after {
20755
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
20785
20756
  content: none;
20786
20757
  }
20787
- .pf-v5-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
20788
- .pf-v5-c-menu-toggle.pf-m-split-button > :disabled {
20789
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
20758
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
20759
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
20790
20760
  color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
20791
20761
  background-color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
20792
20762
  }
20793
- .pf-v5-c-menu-toggle.pf-m-typeahead, .pf-v5-c-menu-toggle.pf-m-split-button {
20794
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: 0;
20763
+
20764
+ .pf-v5-c-menu-toggle.pf-m-typeahead {
20765
+ --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20766
+ align-items: stretch;
20767
+ padding: 0;
20795
20768
  }
20796
- .pf-v5-c-menu-toggle.pf-m-full-width {
20797
- width: 100%;
20769
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__button {
20770
+ --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20771
+ }
20772
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
20773
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20774
+ --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20775
+ display: flex;
20776
+ align-items: stretch;
20777
+ }
20778
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
20779
+ --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
20780
+ --pf-v5-c-text-input-group__utilities--MarginRight: 0;
20781
+ flex: 1;
20798
20782
  }
20799
20783
 
20800
20784
  .pf-v5-c-menu-toggle__button {
20801
- --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
20802
- --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
20803
- --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
20804
20785
  align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
20786
+ min-width: var(--pf-v5-c-menu-toggle__button--MinWidth);
20805
20787
  padding-inline-start: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
20806
20788
  padding-inline-end: var(--pf-v5-c-menu-toggle__button--PaddingRight);
20807
20789
  color: inherit;
20808
20790
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
20809
20791
  border: 0;
20810
20792
  }
20793
+ .pf-v5-c-menu-toggle__button:has(.pf-v5-c-menu-toggle__controls) {
20794
+ padding-inline-start: 0;
20795
+ }
20811
20796
 
20812
20797
  .pf-v5-c-menu-toggle__icon {
20813
20798
  flex-shrink: 0;
@@ -20830,42 +20815,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20830
20815
  }
20831
20816
 
20832
20817
  .pf-v5-c-menu-toggle__controls {
20833
- padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
20834
- margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
20835
- margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
20818
+ display: flex;
20819
+ align-items: center;
20820
+ justify-content: center;
20821
+ min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20822
+ margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
20836
20823
  }
20837
20824
 
20838
20825
  .pf-v5-c-menu-toggle__toggle-icon {
20839
- margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
20840
20826
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
20841
20827
  }
20842
20828
 
20843
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20844
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20845
- }
20846
-
20847
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
20848
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20849
- --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20850
- --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20851
- --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20852
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20853
- --pf-v5-c-menu-toggle--before--BorderTopColor: transparent;
20854
- --pf-v5-c-menu-toggle--before--BorderRightColor: transparent;
20855
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
20856
- --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
20857
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
20858
- --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20859
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
20860
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
20861
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
20862
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
20863
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
20864
- }
20865
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height {
20866
- background: transparent;
20867
- }
20868
-
20869
20829
  :root {
20870
20830
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20871
20831
  --pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -22233,7 +22193,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22233
22193
  color: var(--pf-v5-c-options-menu__group-title--Color);
22234
22194
  }
22235
22195
 
22236
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22196
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22237
22197
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22238
22198
  }
22239
22199
 
@@ -25243,7 +25203,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25243
25203
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
25244
25204
  }
25245
25205
 
25246
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25206
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25247
25207
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25248
25208
  }
25249
25209
 
@@ -29009,7 +28969,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29009
28969
  --pf-v5-c-table--cell--Width: 100%;
29010
28970
  }
29011
28971
 
29012
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
28972
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
29013
28973
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29014
28974
  }
29015
28975
 
@@ -30754,8 +30714,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30754
30714
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
30755
30715
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
30756
30716
  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
30757
- --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
30758
- --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
30759
30717
  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
30760
30718
  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
30761
30719
  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
@@ -30868,27 +30826,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30868
30826
  .pf-v5-c-text-input-group__utilities > * + * {
30869
30827
  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
30870
30828
  }
30871
- .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
30872
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
30873
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
30874
- }
30875
30829
 
30876
30830
  .pf-v5-c-text-input-group__group {
30877
30831
  display: flex;
30878
30832
  }
30879
30833
 
30880
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30881
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30882
- }
30883
-
30884
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
30885
- --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
30886
- --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
30887
- --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30888
- --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
30889
- --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
30890
- }
30891
-
30892
30834
  :where(:root),
30893
30835
  :where(.pf-v5-c-tile) {
30894
30836
  --pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
@@ -31919,183 +31861,128 @@ label.pf-v5-c-tree-view__node-text {
31919
31861
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31920
31862
  }
31921
31863
 
31922
- .pf-v5-c-wizard {
31864
+ :where(:root),
31865
+ :where(.pf-v5-c-wizard) {
31923
31866
  --pf-v5-c-wizard--Height: 100%;
31924
31867
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31925
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
31868
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31926
31869
  --pf-v5-c-wizard__header--ZIndex: auto;
31927
- --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
31928
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
31929
- --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
31930
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
31931
- --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31932
- --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
31933
- --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31934
- --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31935
- --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
31936
- --pf-v5-c-wizard__close--Right: 0;
31937
- --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
31938
- --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
31939
- --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
31940
- --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
31941
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
31942
- --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
31943
- --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
31944
- --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
31945
- --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
31946
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
31947
- --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
31948
- --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
31949
- --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
31950
- --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
31951
- --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
31952
- --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31953
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
31954
- --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31955
- --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
31956
- --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
31957
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
31958
- --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31959
- --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31870
+ --pf-v5-c-wizard__header--PaddingTop: var(--pf-t--global--spacer--lg);
31871
+ --pf-v5-c-wizard__header--PaddingRight: var(--pf-t--global--spacer--lg);
31872
+ --pf-v5-c-wizard__header--PaddingBottom: var(--pf-t--global--spacer--lg);
31873
+ --pf-v5-c-wizard__header--PaddingLeft: var(--pf-t--global--spacer--lg);
31874
+ --pf-v5-c-wizard__close--Top: calc(var(--pf-t--global--spacer--lg) - var(--pf-v5-c-button--m-plain--PaddingTop));
31875
+ --pf-v5-c-wizard__close--Right: var(--pf-t--global--spacer--sm);
31876
+ --pf-v5-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
31877
+ --pf-v5-c-wizard__title--PaddingRight: var(--pf-t--global--spacer--2xl);
31878
+ --pf-v5-c-wizard__title-text--FontSize: var(--pf-t--global--font--size--3xl);
31879
+ --pf-v5-c-wizard__title-text--FontFamily: var(--pf-t--global--font--family--heading);
31880
+ --pf-v5-c-wizard__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
31881
+ --pf-v5-c-wizard__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
31882
+ --pf-v5-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
31883
+ --pf-v5-c-wizard__description--PaddingTop: var(--pf-t--global--spacer--sm);
31884
+ --pf-v5-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
31885
+ --pf-v5-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
31886
+ --pf-v5-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
31887
+ --pf-v5-c-wizard__nav-link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
31888
+ --pf-v5-c-wizard__nav-link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
31889
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-t--global--text--color--subtle);
31890
+ --pf-v5-c-wizard__nav-link--TextDecoration: none;
31891
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
31892
+ --pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
31893
+ --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
31894
+ --pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
31895
+ --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31896
+ --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
31897
+ --pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
31898
+ --pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31899
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
31900
+ --pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
31901
+ --pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
31902
+ --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
31903
+ --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
31904
+ --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
31960
31905
  --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
31961
31906
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
31962
31907
  --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
31963
31908
  --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
31964
31909
  --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
31965
- --pf-v5-c-wizard__nav-link--before--Top: 0;
31966
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31967
- --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
31968
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
31969
- --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
31970
- --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
31971
- --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
31972
- --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
31910
+ --pf-v5-c-wizard__nav-link--before--Top: calc(calc(var(--pf-v5-c-wizard__nav-link--PaddingBlockStart) + var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd) + 1em * var(--pf-t--global--font--line-height--body)) / 2);
31911
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31912
+ --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
31913
+ --pf-v5-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
31914
+ --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
31915
+ --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-t--global--spacer--xs));
31916
+ --pf-v5-c-wizard__nav-link--before--TranslateY: -50%;
31917
+ --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
31918
+ --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
31973
31919
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
31974
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
31975
- --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31976
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
31977
- --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31978
- --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
31979
- --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
31980
- --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
31981
- --pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
31982
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31983
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31984
- --pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
31985
- --pf-v5-c-wizard__toggle-num--before--Top: 0;
31986
- --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
31987
- --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
31988
- --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
31920
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
31921
+ --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31922
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
31923
+ --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
31924
+ --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
31925
+ --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
31926
+ --pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
31927
+ --pf-v5-c-wizard__toggle--BorderBottomWidth: var(--pf-t--global--border--width--regular);
31928
+ --pf-v5-c-wizard__toggle--BorderBottomColor: var(--pf-t--global--border--color--default);
31929
+ --pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
31930
+ --pf-v5-c-wizard__toggle-num--before--Top: -0.125rem;
31931
+ --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-t--global--spacer--sm);
31932
+ --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-t--global--spacer--xs);
31933
+ --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-t--global--spacer--sm);
31989
31934
  --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
31990
- --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
31991
- --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
31992
- --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
31935
+ --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-t--global--spacer--sm);
31936
+ --pf-v5-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
31937
+ --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
31993
31938
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
31994
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
31995
- --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31996
- --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31939
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
31940
+ --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31941
+ --pf-v5-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
31997
31942
  --pf-v5-c-wizard__nav--Width: 100%;
31998
31943
  --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
31999
- --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
32000
- --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
32001
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
32002
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
32003
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
32004
- --pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
32005
- --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
32006
- --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
32007
- --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
32008
- --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32009
- --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32010
- --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
32011
- --pf-v5-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
32012
- --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
32013
- --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
32014
- --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
32015
- --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31944
+ --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-t--global--border--width--regular);
31945
+ --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-t--global--border--color--default);
31946
+ --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-t--global--spacer--lg);
31947
+ --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-t--global--spacer--lg);
31948
+ --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-t--global--spacer--lg);
31949
+ --pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
31950
+ --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-t--global--spacer--md);
31951
+ --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-t--global--spacer--md);
31952
+ --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-t--global--spacer--md);
31953
+ --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
32016
31954
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
32017
31955
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
32018
31956
  --pf-v5-c-wizard__main--ZIndex: auto;
32019
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
32020
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
32021
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
32022
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
32023
- --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32024
- --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32025
- --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
32026
- --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
32027
- --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
32028
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
32029
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
32030
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
32031
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
32032
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
32033
- --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32034
- --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32035
- --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
32036
- --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
32037
- --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
32038
- --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
32039
- --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
32040
- --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
32041
- position: relative;
32042
- display: flex;
32043
- flex-direction: column;
32044
- height: var(--pf-v5-c-wizard--Height);
31957
+ --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-t--global--spacer--lg);
31958
+ --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-t--global--spacer--lg);
31959
+ --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
31960
+ --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
31961
+ --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31962
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
31963
+ --pf-v5-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
31964
+ --pf-v5-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
31965
+ --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
31966
+ --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
31967
+ --pf-v5-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
31968
+ --pf-v5-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
31969
+ --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-t--global--spacer--md);
31970
+ --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-t--global--spacer--sm);
31971
+ --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
32045
31972
  }
32046
31973
  @media screen and (min-width: 992px) {
32047
- .pf-v5-c-wizard {
32048
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
32049
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
32050
- }
32051
- }
32052
- @media screen and (min-width: 1200px) {
32053
- .pf-v5-c-wizard {
32054
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
32055
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
32056
- }
32057
- }
32058
- @media screen and (min-width: 1200px) {
32059
- .pf-v5-c-wizard {
32060
- --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
32061
- }
32062
- }
32063
- @media screen and (min-width: 992px) {
32064
- .pf-v5-c-wizard {
31974
+ :where(:root),
31975
+ :where(.pf-v5-c-wizard) {
32065
31976
  --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
32066
31977
  --pf-v5-c-wizard__nav--BoxShadow: none;
32067
31978
  }
32068
31979
  }
32069
- @media screen and (min-width: 992px) {
32070
- .pf-v5-c-wizard {
32071
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
32072
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
32073
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
32074
- }
32075
- }
32076
- @media screen and (min-width: 1200px) {
32077
- .pf-v5-c-wizard {
32078
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
32079
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
32080
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
32081
- --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
32082
- }
32083
- }
32084
- @media screen and (min-width: 1200px) {
32085
- .pf-v5-c-wizard {
32086
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
32087
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
32088
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
32089
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
32090
- }
32091
- }
32092
- @media screen and (min-width: 1200px) {
32093
- .pf-v5-c-wizard {
32094
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
32095
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
32096
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
32097
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
32098
- }
31980
+
31981
+ .pf-v5-c-wizard {
31982
+ position: relative;
31983
+ display: flex;
31984
+ flex-direction: column;
31985
+ height: var(--pf-v5-c-wizard--Height);
32099
31986
  }
32100
31987
  .pf-v5-c-modal-box .pf-v5-c-wizard {
32101
31988
  flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
@@ -32114,7 +32001,6 @@ label.pf-v5-c-tree-view__node-text {
32114
32001
  }
32115
32002
 
32116
32003
  .pf-v5-c-wizard__header {
32117
- color: var(--pf-v5-global--Color--100);
32118
32004
  position: relative;
32119
32005
  z-index: var(--pf-v5-c-wizard__header--ZIndex);
32120
32006
  padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
@@ -32142,6 +32028,7 @@ label.pf-v5-c-tree-view__node-text {
32142
32028
  font-size: var(--pf-v5-c-wizard__title-text--FontSize);
32143
32029
  font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
32144
32030
  line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
32031
+ color: var(--pf-v5-c-wizard__title-text--Color);
32145
32032
  }
32146
32033
 
32147
32034
  .pf-v5-c-wizard__description {
@@ -32166,18 +32053,16 @@ label.pf-v5-c-tree-view__node-text {
32166
32053
  padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
32167
32054
  padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
32168
32055
  background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
32169
- border: 0;
32170
- box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
32056
+ border-block-start: 0;
32057
+ border-block-end: var(--pf-v5-c-wizard__toggle--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--BorderBottomColor);
32058
+ border-inline-start: 0;
32059
+ border-inline-end: 0;
32171
32060
  }
32172
32061
  @media screen and (min-width: 992px) {
32173
32062
  .pf-v5-c-wizard__toggle {
32174
32063
  display: none;
32175
32064
  }
32176
32065
  }
32177
- .pf-v5-c-wizard__toggle.pf-m-expanded {
32178
- --pf-v5-c-wizard__toggle--BoxShadow: none;
32179
- border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
32180
- }
32181
32066
  .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
32182
32067
  transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
32183
32068
  }
@@ -32202,6 +32087,7 @@ label.pf-v5-c-tree-view__node-text {
32202
32087
  }
32203
32088
 
32204
32089
  .pf-v5-c-wizard__toggle-num {
32090
+ --pf-v5-c-wizard__nav-link--before--TranslateY: 0;
32205
32091
  --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
32206
32092
  }
32207
32093
 
@@ -32303,20 +32189,29 @@ label.pf-v5-c-tree-view__node-text {
32303
32189
  .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
32304
32190
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
32305
32191
  }
32192
+ .pf-v5-c-wizard__nav-item :where(:hover) {
32193
+ --pf-v5-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
32194
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
32195
+ }
32306
32196
 
32307
32197
  .pf-v5-c-wizard__nav-link {
32308
32198
  position: relative;
32309
32199
  display: inline-block;
32310
32200
  width: 100%;
32201
+ padding-block-start: var(--pf-v5-c-wizard__nav-link--PaddingBlockStart);
32202
+ padding-block-end: var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd);
32203
+ padding-inline-start: var(--pf-v5-c-wizard__nav-link--PaddingInlineStart);
32204
+ padding-inline-end: var(--pf-v5-c-wizard__nav-link--PaddingInlineEnd);
32311
32205
  color: var(--pf-v5-c-wizard__nav-link--Color);
32312
32206
  text-align: start;
32313
32207
  text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
32314
32208
  word-break: break-word;
32315
32209
  background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
32316
- border: 0;
32210
+ border: none;
32211
+ border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
32317
32212
  }
32318
32213
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32319
- transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
32214
+ transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
32320
32215
  position: absolute;
32321
32216
  inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
32322
32217
  inset-inline-start: 0;
@@ -32332,33 +32227,32 @@ label.pf-v5-c-tree-view__node-text {
32332
32227
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
32333
32228
  }
32334
32229
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32335
- transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
32230
+ transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
32336
32231
  }
32337
32232
 
32338
32233
  .pf-v5-c-wizard__nav-link::before {
32339
- inset-block-start: 0;
32340
32234
  content: counter(wizard-nav-count);
32341
32235
  counter-increment: wizard-nav-count;
32342
32236
  }
32343
- .pf-v5-c-wizard__nav-link:hover {
32344
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32345
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
32346
- }
32347
- .pf-v5-c-wizard__nav-link:focus {
32348
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
32349
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
32350
- }
32351
32237
  .pf-v5-c-wizard__nav-link.pf-m-current {
32352
32238
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32353
- font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
32239
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
32240
+ mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
32354
32241
  }
32355
32242
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32356
32243
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
32357
32244
  --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
32358
32245
  }
32359
32246
 
32247
+ .pf-v5-c-wizard__nav-link:where(:hover, :focus) {
32248
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32249
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
32250
+ mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
32251
+ }
32360
32252
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32361
32253
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
32254
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
32255
+ --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
32362
32256
  pointer-events: none;
32363
32257
  }
32364
32258
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
@@ -32414,6 +32308,7 @@ label.pf-v5-c-tree-view__node-text {
32414
32308
  padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
32415
32309
  padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
32416
32310
  background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
32311
+ border-block-start: var(--pf-v5-c-wizard__footer--BorderWidth) solid var(--pf-v5-c-wizard__footer--BorderColor);
32417
32312
  }
32418
32313
  .pf-v5-c-wizard__footer > * {
32419
32314
  margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
@@ -32421,26 +32316,11 @@ label.pf-v5-c-tree-view__node-text {
32421
32316
  .pf-v5-c-wizard__footer > *:not(:last-child) {
32422
32317
  margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
32423
32318
  }
32424
- .pf-v5-c-page__main-wizard .pf-v5-c-wizard__footer, .pf-v5-c-modal-box .pf-v5-c-wizard__footer, .pf-v5-c-drawer > .pf-v5-c-wizard__footer {
32425
- box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
32426
- }
32427
32319
 
32428
32320
  .pf-v5-c-wizard__footer-cancel {
32429
32321
  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
32430
32322
  }
32431
32323
 
32432
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
32433
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
32434
- }
32435
-
32436
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
32437
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
32438
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
32439
- }
32440
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
32441
- color: var(--pf-v5-global--Color--100);
32442
- }
32443
-
32444
32324
  .pf-v5-l-bullseye {
32445
32325
  --pf-v5-l-bullseye--Padding: 0;
32446
32326
  display: flex;