@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-no-globals.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
 
@@ -7111,7 +7111,7 @@ html .ws-preview {
7111
7111
  color: var(--pf-v5-c-app-launcher__group-title--Color);
7112
7112
  }
7113
7113
 
7114
- :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 {
7114
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
7115
7115
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7116
7116
  }
7117
7117
 
@@ -9103,7 +9103,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9103
9103
  line-height: 1;
9104
9104
  }
9105
9105
 
9106
- :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 {
9106
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9107
9107
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9108
9108
  }
9109
9109
 
@@ -10098,7 +10098,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10098
10098
  pointer-events: none;
10099
10099
  }
10100
10100
 
10101
- :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 {
10101
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
10102
10102
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
10103
10103
  }
10104
10104
 
@@ -16109,7 +16109,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16109
16109
  color: var(--pf-v5-c-dropdown__group-title--Color);
16110
16110
  }
16111
16111
 
16112
- :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 {
16112
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16113
16113
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16114
16114
  }
16115
16115
 
@@ -18047,7 +18047,7 @@ label.pf-v5-c-input-group__text {
18047
18047
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
18048
18048
  }
18049
18049
 
18050
- .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 {
18050
+ .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 {
18051
18051
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
18052
18052
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
18053
18053
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -18058,7 +18058,7 @@ label.pf-v5-c-input-group__text {
18058
18058
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
18059
18059
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
18060
18060
  }
18061
- .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 {
18061
+ .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 {
18062
18062
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18063
18063
  }
18064
18064
 
@@ -19013,7 +19013,7 @@ ul.pf-v5-c-list {
19013
19013
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
19014
19014
  }
19015
19015
 
19016
- :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 {
19016
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19017
19017
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19018
19018
  }
19019
19019
 
@@ -20311,7 +20311,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20311
20311
  border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20312
20312
  }
20313
20313
 
20314
- :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 {
20314
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20315
20315
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20316
20316
  }
20317
20317
 
@@ -20321,131 +20321,123 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20321
20321
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20322
20322
  }
20323
20323
 
20324
- .pf-v5-c-menu-toggle {
20325
- --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
20324
+ :where(:root),
20325
+ :where(.pf-v5-c-menu-toggle) {
20326
+ --pf-v5-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
20326
20327
  --pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
20327
20328
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
20328
20329
  --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
20329
20330
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
20331
+ --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));
20330
20332
  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
20331
20333
  --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
20332
20334
  --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
20333
20335
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
20334
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
20336
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
20335
20337
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20336
- --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20338
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
20339
+ --pf-v5-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
20340
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
20341
+ --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
20342
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
20337
20343
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20338
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20339
- --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20340
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20341
- --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
20342
- --pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
20343
- --pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
20344
- --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
20345
- --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
20346
- --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
20347
- --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
20348
- --pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
20349
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20350
- --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20351
- --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20352
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20353
- --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20354
- --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20355
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20356
- --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20357
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20358
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20359
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20360
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20361
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20362
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
20363
- --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
20364
- --pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20365
- --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
20366
- --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
20367
- --pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
20368
- --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
20369
- --pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--pf-v5-global--primary-color--200);
20370
- --pf-v5-c-menu-toggle--m-primary--m-expanded--Color: var(--pf-v5-global--Color--light-100);
20371
- --pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-v5-global--primary-color--100);
20372
- --pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20373
- --pf-v5-c-menu-toggle--m-secondary--BackgroundColor: transparent;
20374
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20375
- --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20376
- --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20377
- --pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20378
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
20379
- --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
20380
- --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
20381
- --pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor: var(--pf-v5-global--primary-color--100);
20382
- --pf-v5-c-menu-toggle--m-secondary--m-expanded--Color: var(--pf-v5-global--primary-color--100);
20383
- --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-v5-global--primary-color--100);
20384
- --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
20385
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-global--Color--200);
20386
- --pf-v5-c-menu-toggle--m-plain--PaddingRight: var(--pf-v5-global--spacer--md);
20387
- --pf-v5-c-menu-toggle--m-plain--PaddingLeft: var(--pf-v5-global--spacer--md);
20388
- --pf-v5-c-menu-toggle--m-plain--hover--Color: var(--pf-v5-global--Color--100);
20389
- --pf-v5-c-menu-toggle--m-plain--focus--Color: var(--pf-v5-global--Color--100);
20390
- --pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
20391
- --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
20392
- --pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
20344
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20345
+ --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
20346
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20347
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
20348
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
20349
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
20350
+ --pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20351
+ --pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
20352
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20353
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20354
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20355
+ --pf-v5-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
20356
+ --pf-v5-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
20357
+ --pf-v5-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
20358
+ --pf-v5-c-menu-toggle--m-control--PaddingLeft: var(--pf-t--global--spacer--sm);
20359
+ --pf-v5-c-menu-toggle--m-control--PaddingRight: var(--pf-t--global--spacer--sm);
20360
+ --pf-v5-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
20361
+ --pf-v5-c-menu-toggle--m-action--PaddingLeft: var(--pf-t--global--spacer--lg);
20362
+ --pf-v5-c-menu-toggle--m-action--PaddingRight: var(--pf-t--global--spacer--lg);
20363
+ --pf-v5-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
20364
+ --pf-v5-c-menu-toggle--m-primary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
20365
+ --pf-v5-c-menu-toggle--m-primary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
20366
+ --pf-v5-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
20367
+ --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
20368
+ --pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20369
+ --pf-v5-c-menu-toggle--m-primary--BorderColor: transparent;
20370
+ --pf-v5-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
20371
+ --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
20372
+ --pf-v5-c-menu-toggle--m-primary--hover--BorderColor: transparent;
20373
+ --pf-v5-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
20374
+ --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20375
+ --pf-v5-c-menu-toggle--m-primary--active--BorderColor: transparent;
20376
+ --pf-v5-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
20377
+ --pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20378
+ --pf-v5-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
20379
+ --pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
20380
+ --pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
20381
+ --pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
20382
+ --pf-v5-c-menu-toggle--m-secondary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
20383
+ --pf-v5-c-menu-toggle--m-secondary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
20384
+ --pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
20385
+ --pf-v5-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
20386
+ --pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20387
+ --pf-v5-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
20388
+ --pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
20389
+ --pf-v5-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
20390
+ --pf-v5-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
20391
+ --pf-v5-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20392
+ --pf-v5-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
20393
+ --pf-v5-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
20394
+ --pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
20395
+ --pf-v5-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
20396
+ --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
20397
+ --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20398
+ --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20393
20399
  --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
20394
20400
  --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
20395
- --pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
20396
- --pf-v5-c-menu-toggle__controls--MarginLeft: auto;
20397
- --pf-v5-c-menu-toggle__controls--MarginRight: 0;
20398
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
20399
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
20400
- --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
20401
- --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
20402
- --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
20403
- --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
20404
- --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
20405
- --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
20406
- --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20407
- --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20408
- --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20409
- --pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20410
- --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
20411
- --pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20412
- --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20413
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
20414
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
20415
- --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
20416
- --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
20417
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
20418
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
20419
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
20420
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20421
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
20422
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
20423
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20424
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
20425
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20426
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
20427
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
20428
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
20429
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
20430
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
20431
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
20432
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
20433
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
20434
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
20435
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
20401
+ --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));
20402
+ --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
20403
+ --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
20404
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20405
+ --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20406
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-t--global--border--width--button--default);
20407
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-t--global--border--color--default);
20408
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
20409
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor: var(--pf-t--global--icon--color--on-disabled);
20410
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
20411
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
20412
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20413
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-t--global--border--color--default);
20414
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
20415
+ --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-t--global--color--brand--default);
20436
20416
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
20437
20417
  --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
20438
20418
  --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
20439
20419
  --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
20440
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
20441
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20420
+ --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));
20421
+ --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
20422
+ --pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20423
+ --pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
20424
+ --pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
20425
+ --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20426
+ --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20427
+ --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20428
+ --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
20442
20429
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
20443
20430
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20444
20431
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20445
- --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
20432
+ --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20433
+ }
20434
+
20435
+ .pf-v5-c-menu-toggle {
20446
20436
  position: relative;
20447
20437
  display: inline-flex;
20448
20438
  align-items: center;
20439
+ justify-content: center;
20440
+ min-width: var(--pf-v5-c-menu-toggle--MinWidth);
20449
20441
  max-width: 100%;
20450
20442
  padding-block-start: var(--pf-v5-c-menu-toggle--PaddingTop);
20451
20443
  padding-block-end: var(--pf-v5-c-menu-toggle--PaddingBottom);
@@ -20467,111 +20459,118 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20467
20459
  inset-block-end: 0;
20468
20460
  inset-inline-start: 0;
20469
20461
  inset-inline-end: 0;
20462
+ z-index: var(--pf-v5-c-menu-toggle--border--ZIndex);
20470
20463
  pointer-events: none;
20471
20464
  content: "";
20472
20465
  border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
20473
20466
  }
20474
- .pf-v5-c-menu-toggle::after {
20475
- border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
20476
- }
20477
20467
  .pf-v5-c-menu-toggle.pf-m-primary {
20478
- --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20468
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-primary--PaddingLeft);
20469
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-primary--PaddingRight);
20479
20470
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-primary--Color);
20480
20471
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor);
20472
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20473
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--BorderColor);
20474
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-primary--hover--Color);
20481
20475
  --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor);
20482
- --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor);
20476
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BorderColor);
20477
+ --pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-primary--active--Color);
20483
20478
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor);
20484
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--m-expanded--Color);
20485
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
20486
- }
20487
- .pf-v5-c-menu-toggle.pf-m-primary, .pf-v5-c-menu-toggle.pf-m-primary::before {
20488
- border-radius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
20479
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--active--BorderColor);
20480
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded--Color);
20481
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor);
20482
+ --pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor);
20483
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color);
20484
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
20489
20485
  }
20490
20486
  .pf-v5-c-menu-toggle.pf-m-secondary {
20487
+ --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-secondary--PaddingLeft);
20488
+ --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-secondary--PaddingRight);
20491
20489
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
20492
- --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color);
20493
- }
20494
- .pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary::before {
20495
- border-radius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
20496
- }
20497
- .pf-v5-c-menu-toggle.pf-m-secondary::before {
20498
- border-color: var(--pf-v5-c-menu-toggle--m-secondary--before--BorderColor);
20499
- border-width: var(--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth);
20500
- }
20501
- .pf-v5-c-menu-toggle.pf-m-secondary::after {
20502
- border: 0;
20503
- }
20504
- .pf-v5-c-menu-toggle.pf-m-secondary:hover {
20505
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor);
20506
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth);
20507
- }
20508
- .pf-v5-c-menu-toggle.pf-m-secondary:focus {
20509
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor);
20510
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth);
20511
- }
20512
- .pf-v5-c-menu-toggle.pf-m-secondary:active {
20513
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor);
20514
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth);
20515
- }
20516
- .pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded {
20517
- --pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
20518
- --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
20519
- }
20520
- .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
20521
- --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
20522
- --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
20523
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
20524
- display: inline-block;
20490
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--BorderColor);
20491
+ --pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
20492
+ --pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover--Color);
20493
+ --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth);
20494
+ --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor);
20495
+ --pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-secondary--active--Color);
20496
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth);
20497
+ --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderColor);
20498
+ --pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded--Color);
20499
+ --pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth);
20500
+ --pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
20501
+ --pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
20525
20502
  }
20526
20503
  .pf-v5-c-menu-toggle.pf-m-full-height {
20527
20504
  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
20528
20505
  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
20529
- --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth);
20530
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
20531
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
20532
- --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
20533
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
20534
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
20506
+ --pf-v5-c-menu-toggle--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--BorderTopWidth);
20535
20507
  align-items: center;
20536
20508
  height: 100%;
20537
20509
  }
20538
- .pf-v5-c-menu-toggle:hover {
20539
- --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
20540
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
20510
+ .pf-v5-c-menu-toggle.pf-m-full-width {
20511
+ width: 100%;
20541
20512
  }
20542
- .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
20543
- --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
20544
- --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
20513
+ .pf-v5-c-menu-toggle.pf-m-plain {
20514
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-plain--Color);
20515
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
20516
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-plain--BorderColor);
20517
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
20518
+ --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor);
20519
+ --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
20520
+ --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20521
+ --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20522
+ mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20523
+ }
20524
+ .pf-v5-c-menu-toggle.pf-m-plain::before {
20525
+ border: none;
20545
20526
  }
20546
- .pf-v5-c-menu-toggle.pf-m-expanded {
20547
- --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
20548
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor);
20549
- --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth);
20550
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor);
20551
- --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
20552
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded--Color);
20527
+ .pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
20528
+ padding: revert;
20553
20529
  }
20554
- .pf-v5-c-menu-toggle:disabled, .pf-v5-c-menu-toggle.pf-m-disabled {
20530
+ .pf-v5-c-menu-toggle:is(button),
20531
+ .pf-v5-c-menu-toggle .pf-v5-c-button {
20532
+ background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
20533
+ }
20534
+ .pf-v5-c-menu-toggle:is(button):has(> i:only-child),
20535
+ .pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
20536
+ aspect-ratio: 1/1;
20537
+ }
20538
+ .pf-v5-c-menu-toggle:is(:hover, :focus) {
20539
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
20540
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
20541
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
20542
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
20543
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--hover__toggle-icon--Color);
20544
+ }
20545
+ .pf-v5-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
20546
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--expanded--Color);
20547
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--expanded--BackgroundColor);
20548
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--expanded--BorderWidth);
20549
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--expanded--BorderColor);
20550
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--expanded__toggle-icon--Color);
20551
+ }
20552
+ .pf-v5-c-menu-toggle:is(:active, .pf-m-active) {
20553
+ --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--active--Color);
20554
+ --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
20555
+ --pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
20556
+ --pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
20557
+ --pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--active__toggle-icon--Color);
20558
+ }
20559
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) {
20555
20560
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--disabled--Color);
20556
20561
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--disabled--BackgroundColor);
20557
- --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20562
+ }
20563
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled),
20564
+ .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v5-c-button {
20558
20565
  pointer-events: none;
20559
20566
  }
20560
- .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 {
20567
+ .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
20561
20568
  border: 0;
20562
20569
  }
20563
- .pf-v5-c-menu-toggle.pf-m-typeahead {
20564
- --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight);
20565
- --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
20566
- --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20567
- align-items: stretch;
20568
- padding: 0;
20569
- }
20570
- .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
20571
- --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);
20572
- --pf-v5-c-text-input-group__utilities--MarginRight: 0;
20573
- flex: 1;
20570
+ .pf-v5-c-menu-toggle:has(.pf-v5-c-button) {
20571
+ background-color: transparent;
20574
20572
  }
20573
+
20575
20574
  .pf-v5-c-menu-toggle.pf-m-split-button {
20576
20575
  padding: 0;
20577
20576
  }
@@ -20582,11 +20581,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20582
20581
  padding-inline-start: var(--pf-v5-c-menu-toggle--PaddingLeft);
20583
20582
  padding-inline-end: var(--pf-v5-c-menu-toggle--PaddingRight);
20584
20583
  }
20585
- .pf-v5-c-menu-toggle.pf-m-split-button > *:first-child {
20586
- padding-inline-end: var(--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight);
20584
+ .pf-v5-c-menu-toggle.pf-m-split-button > :first-child {
20585
+ border-start-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20586
+ border-end-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20587
20587
  }
20588
- .pf-v5-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
20589
- padding-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft);
20588
+ .pf-v5-c-menu-toggle.pf-m-split-button > :last-child {
20589
+ border-start-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20590
+ border-end-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
20590
20591
  }
20591
20592
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
20592
20593
  --pf-v5-c-menu-toggle--PaddingRight: 0;
@@ -20599,98 +20600,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20599
20600
  --pf-v5-c-check__input--TranslateY: 0;
20600
20601
  align-self: center;
20601
20602
  }
20602
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
20603
- position: absolute;
20604
- inset-block-start: 0;
20605
- inset-block-end: 0;
20606
- inset-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left);
20607
- inset-inline-end: 0;
20608
- pointer-events: none;
20609
- content: "";
20610
- 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);
20603
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-plain {
20604
+ --pf-v5-c-menu-toggle--BorderColor: transparent;
20611
20605
  }
20612
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
20613
- --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);
20614
- --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);
20606
+
20607
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
20608
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20609
+ --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
20615
20610
  }
20616
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
20617
- --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);
20618
- --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);
20611
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
20612
+ 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);
20619
20613
  }
20620
- .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 {
20621
- --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);
20622
- --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);
20614
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v5-c-menu-toggle__controls) {
20615
+ padding-inline-end: 0;
20623
20616
  }
20624
20617
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
20625
20618
  --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);
20626
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
20627
20619
  }
20628
20620
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
20629
20621
  background-color: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
20630
20622
  }
20631
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
20623
+ .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) {
20632
20624
  --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);
20633
20625
  }
20634
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
20635
- --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);
20636
- }
20637
- .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 {
20626
+ .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) {
20638
20627
  --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);
20639
20628
  }
20640
20629
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
20641
- --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);
20630
+ --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);
20642
20631
  }
20643
20632
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
20644
20633
  --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);
20645
20634
  }
20646
- .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 {
20647
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
20648
- }
20649
- .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 {
20650
- border-start-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20651
- border-end-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20652
- }
20653
- .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 {
20654
- border-start-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20655
- border-end-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
20656
- }
20657
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
20658
- --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);
20659
- 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);
20660
- }
20661
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
20662
- --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
20663
- }
20664
- .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled {
20665
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
20635
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
20636
+ --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);
20666
20637
  }
20667
- .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 {
20638
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
20668
20639
  content: none;
20669
20640
  }
20670
- .pf-v5-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
20671
- .pf-v5-c-menu-toggle.pf-m-split-button > :disabled {
20672
- --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
20641
+ .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
20642
+ --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);
20673
20643
  color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
20674
20644
  background-color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
20675
20645
  }
20676
- .pf-v5-c-menu-toggle.pf-m-typeahead, .pf-v5-c-menu-toggle.pf-m-split-button {
20677
- --pf-v5-c-menu-toggle__toggle-icon--MarginRight: 0;
20646
+
20647
+ .pf-v5-c-menu-toggle.pf-m-typeahead {
20648
+ --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20649
+ align-items: stretch;
20650
+ padding: 0;
20678
20651
  }
20679
- .pf-v5-c-menu-toggle.pf-m-full-width {
20680
- width: 100%;
20652
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__button {
20653
+ --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20654
+ }
20655
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
20656
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20657
+ --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20658
+ display: flex;
20659
+ align-items: stretch;
20660
+ }
20661
+ .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
20662
+ --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);
20663
+ --pf-v5-c-text-input-group__utilities--MarginRight: 0;
20664
+ flex: 1;
20681
20665
  }
20682
20666
 
20683
20667
  .pf-v5-c-menu-toggle__button {
20684
- --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
20685
- --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
20686
- --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
20687
20668
  align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
20669
+ min-width: var(--pf-v5-c-menu-toggle__button--MinWidth);
20688
20670
  padding-inline-start: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
20689
20671
  padding-inline-end: var(--pf-v5-c-menu-toggle__button--PaddingRight);
20690
20672
  color: inherit;
20691
20673
  background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
20692
20674
  border: 0;
20693
20675
  }
20676
+ .pf-v5-c-menu-toggle__button:has(.pf-v5-c-menu-toggle__controls) {
20677
+ padding-inline-start: 0;
20678
+ }
20694
20679
 
20695
20680
  .pf-v5-c-menu-toggle__icon {
20696
20681
  flex-shrink: 0;
@@ -20713,42 +20698,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20713
20698
  }
20714
20699
 
20715
20700
  .pf-v5-c-menu-toggle__controls {
20716
- padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
20717
- margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
20718
- margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
20701
+ display: flex;
20702
+ align-items: center;
20703
+ justify-content: center;
20704
+ min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20705
+ margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
20719
20706
  }
20720
20707
 
20721
20708
  .pf-v5-c-menu-toggle__toggle-icon {
20722
- margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
20723
20709
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
20724
20710
  }
20725
20711
 
20726
- :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 {
20727
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20728
- }
20729
-
20730
- :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
20731
- --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20732
- --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20733
- --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20734
- --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20735
- --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
20736
- --pf-v5-c-menu-toggle--before--BorderTopColor: transparent;
20737
- --pf-v5-c-menu-toggle--before--BorderRightColor: transparent;
20738
- --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
20739
- --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
20740
- --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
20741
- --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20742
- --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
20743
- --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
20744
- --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
20745
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
20746
- --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
20747
- }
20748
- :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 {
20749
- background: transparent;
20750
- }
20751
-
20752
20712
  :root {
20753
20713
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20754
20714
  --pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -22116,7 +22076,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22116
22076
  color: var(--pf-v5-c-options-menu__group-title--Color);
22117
22077
  }
22118
22078
 
22119
- :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 {
22079
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22120
22080
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22121
22081
  }
22122
22082
 
@@ -25126,7 +25086,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25126
25086
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
25127
25087
  }
25128
25088
 
25129
- :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 {
25089
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25130
25090
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25131
25091
  }
25132
25092
 
@@ -28892,7 +28852,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28892
28852
  --pf-v5-c-table--cell--Width: 100%;
28893
28853
  }
28894
28854
 
28895
- :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 {
28855
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
28896
28856
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
28897
28857
  }
28898
28858
 
@@ -30637,8 +30597,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30637
30597
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
30638
30598
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
30639
30599
  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
30640
- --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
30641
- --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
30642
30600
  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
30643
30601
  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
30644
30602
  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
@@ -30751,27 +30709,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30751
30709
  .pf-v5-c-text-input-group__utilities > * + * {
30752
30710
  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
30753
30711
  }
30754
- .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
30755
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
30756
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
30757
- }
30758
30712
 
30759
30713
  .pf-v5-c-text-input-group__group {
30760
30714
  display: flex;
30761
30715
  }
30762
30716
 
30763
- :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 {
30764
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30765
- }
30766
-
30767
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
30768
- --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
30769
- --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
30770
- --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30771
- --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
30772
- --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
30773
- }
30774
-
30775
30717
  :where(:root),
30776
30718
  :where(.pf-v5-c-tile) {
30777
30719
  --pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
@@ -31802,183 +31744,128 @@ label.pf-v5-c-tree-view__node-text {
31802
31744
  --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));
31803
31745
  }
31804
31746
 
31805
- .pf-v5-c-wizard {
31747
+ :where(:root),
31748
+ :where(.pf-v5-c-wizard) {
31806
31749
  --pf-v5-c-wizard--Height: 100%;
31807
31750
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31808
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
31751
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31809
31752
  --pf-v5-c-wizard__header--ZIndex: auto;
31810
- --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
31811
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
31812
- --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
31813
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
31814
- --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31815
- --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
31816
- --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31817
- --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31818
- --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
31819
- --pf-v5-c-wizard__close--Right: 0;
31820
- --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
31821
- --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
31822
- --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
31823
- --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
31824
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
31825
- --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
31826
- --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
31827
- --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
31828
- --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
31829
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
31830
- --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
31831
- --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
31832
- --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
31833
- --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
31834
- --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
31835
- --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31836
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
31837
- --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31838
- --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
31839
- --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
31840
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
31841
- --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31842
- --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31753
+ --pf-v5-c-wizard__header--PaddingTop: var(--pf-t--global--spacer--lg);
31754
+ --pf-v5-c-wizard__header--PaddingRight: var(--pf-t--global--spacer--lg);
31755
+ --pf-v5-c-wizard__header--PaddingBottom: var(--pf-t--global--spacer--lg);
31756
+ --pf-v5-c-wizard__header--PaddingLeft: var(--pf-t--global--spacer--lg);
31757
+ --pf-v5-c-wizard__close--Top: calc(var(--pf-t--global--spacer--lg) - var(--pf-v5-c-button--m-plain--PaddingTop));
31758
+ --pf-v5-c-wizard__close--Right: var(--pf-t--global--spacer--sm);
31759
+ --pf-v5-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
31760
+ --pf-v5-c-wizard__title--PaddingRight: var(--pf-t--global--spacer--2xl);
31761
+ --pf-v5-c-wizard__title-text--FontSize: var(--pf-t--global--font--size--3xl);
31762
+ --pf-v5-c-wizard__title-text--FontFamily: var(--pf-t--global--font--family--heading);
31763
+ --pf-v5-c-wizard__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
31764
+ --pf-v5-c-wizard__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
31765
+ --pf-v5-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
31766
+ --pf-v5-c-wizard__description--PaddingTop: var(--pf-t--global--spacer--sm);
31767
+ --pf-v5-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
31768
+ --pf-v5-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
31769
+ --pf-v5-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
31770
+ --pf-v5-c-wizard__nav-link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
31771
+ --pf-v5-c-wizard__nav-link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
31772
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-t--global--text--color--subtle);
31773
+ --pf-v5-c-wizard__nav-link--TextDecoration: none;
31774
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
31775
+ --pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
31776
+ --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
31777
+ --pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
31778
+ --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31779
+ --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
31780
+ --pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
31781
+ --pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31782
+ --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
31783
+ --pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
31784
+ --pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
31785
+ --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
31786
+ --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
31787
+ --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
31843
31788
  --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
31844
31789
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
31845
31790
  --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
31846
31791
  --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
31847
31792
  --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
31848
- --pf-v5-c-wizard__nav-link--before--Top: 0;
31849
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31850
- --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
31851
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
31852
- --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
31853
- --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
31854
- --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
31855
- --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
31793
+ --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);
31794
+ --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31795
+ --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
31796
+ --pf-v5-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
31797
+ --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
31798
+ --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-t--global--spacer--xs));
31799
+ --pf-v5-c-wizard__nav-link--before--TranslateY: -50%;
31800
+ --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
31801
+ --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
31856
31802
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
31857
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
31858
- --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31859
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
31860
- --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31861
- --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
31862
- --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
31863
- --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
31864
- --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));
31865
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31866
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31867
- --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));
31868
- --pf-v5-c-wizard__toggle-num--before--Top: 0;
31869
- --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
31870
- --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
31871
- --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
31803
+ --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
31804
+ --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31805
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
31806
+ --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
31807
+ --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
31808
+ --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
31809
+ --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));
31810
+ --pf-v5-c-wizard__toggle--BorderBottomWidth: var(--pf-t--global--border--width--regular);
31811
+ --pf-v5-c-wizard__toggle--BorderBottomColor: var(--pf-t--global--border--color--default);
31812
+ --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));
31813
+ --pf-v5-c-wizard__toggle-num--before--Top: -0.125rem;
31814
+ --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-t--global--spacer--sm);
31815
+ --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-t--global--spacer--xs);
31816
+ --pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-t--global--spacer--sm);
31872
31817
  --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
31873
- --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
31874
- --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
31875
- --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
31818
+ --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-t--global--spacer--sm);
31819
+ --pf-v5-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
31820
+ --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
31876
31821
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
31877
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
31878
- --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31879
- --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31822
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
31823
+ --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31824
+ --pf-v5-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
31880
31825
  --pf-v5-c-wizard__nav--Width: 100%;
31881
31826
  --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
31882
- --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
31883
- --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
31884
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
31885
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
31886
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
31887
- --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));
31888
- --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
31889
- --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31890
- --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
31891
- --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31892
- --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31893
- --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
31894
- --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));
31895
- --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
31896
- --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
31897
- --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
31898
- --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31827
+ --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-t--global--border--width--regular);
31828
+ --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-t--global--border--color--default);
31829
+ --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-t--global--spacer--lg);
31830
+ --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-t--global--spacer--lg);
31831
+ --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-t--global--spacer--lg);
31832
+ --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));
31833
+ --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-t--global--spacer--md);
31834
+ --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-t--global--spacer--md);
31835
+ --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-t--global--spacer--md);
31836
+ --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31899
31837
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
31900
31838
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
31901
31839
  --pf-v5-c-wizard__main--ZIndex: auto;
31902
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
31903
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
31904
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
31905
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
31906
- --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31907
- --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31908
- --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
31909
- --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31910
- --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31911
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
31912
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
31913
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
31914
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
31915
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
31916
- --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31917
- --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31918
- --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
31919
- --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31920
- --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
31921
- --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
31922
- --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
31923
- --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
31924
- position: relative;
31925
- display: flex;
31926
- flex-direction: column;
31927
- height: var(--pf-v5-c-wizard--Height);
31840
+ --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-t--global--spacer--lg);
31841
+ --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-t--global--spacer--lg);
31842
+ --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
31843
+ --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
31844
+ --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31845
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
31846
+ --pf-v5-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
31847
+ --pf-v5-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
31848
+ --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
31849
+ --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
31850
+ --pf-v5-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
31851
+ --pf-v5-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
31852
+ --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-t--global--spacer--md);
31853
+ --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-t--global--spacer--sm);
31854
+ --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
31928
31855
  }
31929
31856
  @media screen and (min-width: 992px) {
31930
- .pf-v5-c-wizard {
31931
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
31932
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
31933
- }
31934
- }
31935
- @media screen and (min-width: 1200px) {
31936
- .pf-v5-c-wizard {
31937
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
31938
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
31939
- }
31940
- }
31941
- @media screen and (min-width: 1200px) {
31942
- .pf-v5-c-wizard {
31943
- --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
31944
- }
31945
- }
31946
- @media screen and (min-width: 992px) {
31947
- .pf-v5-c-wizard {
31857
+ :where(:root),
31858
+ :where(.pf-v5-c-wizard) {
31948
31859
  --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
31949
31860
  --pf-v5-c-wizard__nav--BoxShadow: none;
31950
31861
  }
31951
31862
  }
31952
- @media screen and (min-width: 992px) {
31953
- .pf-v5-c-wizard {
31954
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
31955
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
31956
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
31957
- }
31958
- }
31959
- @media screen and (min-width: 1200px) {
31960
- .pf-v5-c-wizard {
31961
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
31962
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
31963
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
31964
- --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
31965
- }
31966
- }
31967
- @media screen and (min-width: 1200px) {
31968
- .pf-v5-c-wizard {
31969
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
31970
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
31971
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
31972
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
31973
- }
31974
- }
31975
- @media screen and (min-width: 1200px) {
31976
- .pf-v5-c-wizard {
31977
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
31978
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
31979
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
31980
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
31981
- }
31863
+
31864
+ .pf-v5-c-wizard {
31865
+ position: relative;
31866
+ display: flex;
31867
+ flex-direction: column;
31868
+ height: var(--pf-v5-c-wizard--Height);
31982
31869
  }
31983
31870
  .pf-v5-c-modal-box .pf-v5-c-wizard {
31984
31871
  flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
@@ -31997,7 +31884,6 @@ label.pf-v5-c-tree-view__node-text {
31997
31884
  }
31998
31885
 
31999
31886
  .pf-v5-c-wizard__header {
32000
- color: var(--pf-v5-global--Color--100);
32001
31887
  position: relative;
32002
31888
  z-index: var(--pf-v5-c-wizard__header--ZIndex);
32003
31889
  padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
@@ -32025,6 +31911,7 @@ label.pf-v5-c-tree-view__node-text {
32025
31911
  font-size: var(--pf-v5-c-wizard__title-text--FontSize);
32026
31912
  font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
32027
31913
  line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
31914
+ color: var(--pf-v5-c-wizard__title-text--Color);
32028
31915
  }
32029
31916
 
32030
31917
  .pf-v5-c-wizard__description {
@@ -32049,18 +31936,16 @@ label.pf-v5-c-tree-view__node-text {
32049
31936
  padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
32050
31937
  padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
32051
31938
  background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
32052
- border: 0;
32053
- box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
31939
+ border-block-start: 0;
31940
+ border-block-end: var(--pf-v5-c-wizard__toggle--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--BorderBottomColor);
31941
+ border-inline-start: 0;
31942
+ border-inline-end: 0;
32054
31943
  }
32055
31944
  @media screen and (min-width: 992px) {
32056
31945
  .pf-v5-c-wizard__toggle {
32057
31946
  display: none;
32058
31947
  }
32059
31948
  }
32060
- .pf-v5-c-wizard__toggle.pf-m-expanded {
32061
- --pf-v5-c-wizard__toggle--BoxShadow: none;
32062
- border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
32063
- }
32064
31949
  .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
32065
31950
  transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
32066
31951
  }
@@ -32085,6 +31970,7 @@ label.pf-v5-c-tree-view__node-text {
32085
31970
  }
32086
31971
 
32087
31972
  .pf-v5-c-wizard__toggle-num {
31973
+ --pf-v5-c-wizard__nav-link--before--TranslateY: 0;
32088
31974
  --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
32089
31975
  }
32090
31976
 
@@ -32186,20 +32072,29 @@ label.pf-v5-c-tree-view__node-text {
32186
32072
  .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
32187
32073
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
32188
32074
  }
32075
+ .pf-v5-c-wizard__nav-item :where(:hover) {
32076
+ --pf-v5-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
32077
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
32078
+ }
32189
32079
 
32190
32080
  .pf-v5-c-wizard__nav-link {
32191
32081
  position: relative;
32192
32082
  display: inline-block;
32193
32083
  width: 100%;
32084
+ padding-block-start: var(--pf-v5-c-wizard__nav-link--PaddingBlockStart);
32085
+ padding-block-end: var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd);
32086
+ padding-inline-start: var(--pf-v5-c-wizard__nav-link--PaddingInlineStart);
32087
+ padding-inline-end: var(--pf-v5-c-wizard__nav-link--PaddingInlineEnd);
32194
32088
  color: var(--pf-v5-c-wizard__nav-link--Color);
32195
32089
  text-align: start;
32196
32090
  text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
32197
32091
  word-break: break-word;
32198
32092
  background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
32199
- border: 0;
32093
+ border: none;
32094
+ border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
32200
32095
  }
32201
32096
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32202
- transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
32097
+ transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
32203
32098
  position: absolute;
32204
32099
  inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
32205
32100
  inset-inline-start: 0;
@@ -32215,33 +32110,32 @@ label.pf-v5-c-tree-view__node-text {
32215
32110
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
32216
32111
  }
32217
32112
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32218
- transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
32113
+ 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));
32219
32114
  }
32220
32115
 
32221
32116
  .pf-v5-c-wizard__nav-link::before {
32222
- inset-block-start: 0;
32223
32117
  content: counter(wizard-nav-count);
32224
32118
  counter-increment: wizard-nav-count;
32225
32119
  }
32226
- .pf-v5-c-wizard__nav-link:hover {
32227
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32228
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
32229
- }
32230
- .pf-v5-c-wizard__nav-link:focus {
32231
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
32232
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
32233
- }
32234
32120
  .pf-v5-c-wizard__nav-link.pf-m-current {
32235
32121
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32236
- font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
32122
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
32123
+ mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
32237
32124
  }
32238
32125
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32239
32126
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
32240
32127
  --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
32241
32128
  }
32242
32129
 
32130
+ .pf-v5-c-wizard__nav-link:where(:hover, :focus) {
32131
+ --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32132
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
32133
+ mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
32134
+ }
32243
32135
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32244
32136
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
32137
+ --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
32138
+ --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
32245
32139
  pointer-events: none;
32246
32140
  }
32247
32141
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
@@ -32297,6 +32191,7 @@ label.pf-v5-c-tree-view__node-text {
32297
32191
  padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
32298
32192
  padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
32299
32193
  background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
32194
+ border-block-start: var(--pf-v5-c-wizard__footer--BorderWidth) solid var(--pf-v5-c-wizard__footer--BorderColor);
32300
32195
  }
32301
32196
  .pf-v5-c-wizard__footer > * {
32302
32197
  margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
@@ -32304,26 +32199,11 @@ label.pf-v5-c-tree-view__node-text {
32304
32199
  .pf-v5-c-wizard__footer > *:not(:last-child) {
32305
32200
  margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
32306
32201
  }
32307
- .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 {
32308
- box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
32309
- }
32310
32202
 
32311
32203
  .pf-v5-c-wizard__footer-cancel {
32312
32204
  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
32313
32205
  }
32314
32206
 
32315
- :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 {
32316
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
32317
- }
32318
-
32319
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
32320
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
32321
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
32322
- }
32323
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
32324
- color: var(--pf-v5-global--Color--100);
32325
- }
32326
-
32327
32207
  .pf-v5-l-bullseye {
32328
32208
  --pf-v5-l-bullseye--Padding: 0;
32329
32209
  display: flex;