@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.47

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 (94) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +11 -3
  20. package/components/NotificationDrawer/notification-drawer.scss +12 -5
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +28 -20
  32. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  33. package/docs/components/Accordion/examples/Accordion.md +390 -30
  34. package/docs/components/ActionList/examples/ActionList.md +10 -10
  35. package/docs/components/Alert/examples/Alert.md +30 -30
  36. package/docs/components/Banner/examples/Banner.md +65 -5
  37. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  38. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  39. package/docs/components/Card/examples/Card.md +52 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  41. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  42. package/docs/components/DataList/examples/DataList.md +221 -17
  43. package/docs/components/Drawer/examples/Drawer.md +42 -42
  44. package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
  45. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  46. package/docs/components/Form/examples/Form.md +78 -6
  47. package/docs/components/Icon/examples/Icon.md +91 -7
  48. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  49. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  50. package/docs/components/Label/examples/Label.md +2812 -220
  51. package/docs/components/Menu/examples/Menu.md +1456 -112
  52. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  53. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  54. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
  55. package/docs/components/Nav/examples/Navigation.md +710 -62
  56. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
  57. package/docs/components/Popover/examples/Popover.md +110 -38
  58. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  59. package/docs/components/Slider/examples/Slider.md +52 -4
  60. package/docs/components/Table/examples/Table.md +819 -63
  61. package/docs/components/Tabs/examples/Tabs.md +1959 -339
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  63. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  64. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  65. package/docs/components/Wizard/examples/Wizard.md +349 -85
  66. package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
  67. package/docs/demos/Alert/examples/Alert.md +123 -15
  68. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  69. package/docs/demos/Banner/examples/Banner.md +78 -6
  70. package/docs/demos/Card/examples/Card.md +310 -34
  71. package/docs/demos/CardView/examples/CardView.md +78 -6
  72. package/docs/demos/Compass/examples/Compass.md +73 -37
  73. package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
  74. package/docs/demos/DataList/examples/DataList.md +234 -18
  75. package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
  76. package/docs/demos/Drawer/examples/Drawer.md +147 -21
  77. package/docs/demos/Form/examples/BasicForms.md +169 -13
  78. package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
  79. package/docs/demos/Masthead/examples/Masthead.md +370 -34
  80. package/docs/demos/Modal/examples/Modal.md +246 -30
  81. package/docs/demos/Nav/examples/Nav.md +320 -32
  82. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
  83. package/docs/demos/Page/examples/Page.md +548 -44
  84. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
  85. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  86. package/docs/demos/Table/examples/Table.md +934 -73
  87. package/docs/demos/Tabs/examples/Tabs.md +261 -27
  88. package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
  89. package/docs/demos/Wizard/examples/Wizard.md +641 -92
  90. package/package.json +1 -1
  91. package/patternfly-no-globals.css +28 -20
  92. package/patternfly.css +28 -20
  93. package/patternfly.min.css +1 -1
  94. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.45",
4
+ "version": "6.5.0-prerelease.47",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9286,7 +9286,7 @@
9286
9286
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9287
9287
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
9288
9288
  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
9289
- --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
9289
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
9290
9290
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
9291
9291
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
9292
9292
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11881,7 +11881,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11881
11881
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
11882
11882
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11883
11883
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11884
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
11884
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
11885
11885
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
11886
11886
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
11887
11887
  --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
@@ -12302,7 +12302,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12302
12302
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12303
12303
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12304
12304
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
12305
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
12305
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
12306
12306
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
12307
12307
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
12308
12308
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13737,7 +13737,7 @@ ul) {
13737
13737
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13738
13738
  --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
13739
13739
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
13740
- --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
13740
+ --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
13741
13741
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
13742
13742
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
13743
13743
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -14590,7 +14590,7 @@ ul) {
14590
14590
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
14591
14591
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
14592
14592
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14593
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14593
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
14594
14594
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14595
14595
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14596
14596
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -16328,8 +16328,8 @@ ul) {
16328
16328
  --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
16329
16329
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
16330
16330
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
16331
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
16332
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
16331
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
16332
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
16333
16333
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
16334
16334
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
16335
16335
  --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
@@ -16592,7 +16592,7 @@ ul) {
16592
16592
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16593
16593
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16594
16594
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
16595
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
16595
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
16596
16596
  --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
16597
16597
  --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16598
16598
  --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
@@ -18231,7 +18231,7 @@ label.pf-v6-c-input-group__text {
18231
18231
  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18232
18232
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18233
18233
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
18234
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
18234
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
18235
18235
  }
18236
18236
 
18237
18237
  .pf-v6-c-jump-links {
@@ -21640,7 +21640,7 @@ ul.pf-v6-c-list {
21640
21640
  --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21641
21641
  --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
21642
21642
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21643
- --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21643
+ --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
21644
21644
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
21645
21645
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
21646
21646
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22062,6 +22062,7 @@ ul.pf-v6-c-list {
22062
22062
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22063
22063
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
22064
22064
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
22065
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
22065
22066
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
22066
22067
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
22067
22068
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -22104,7 +22105,7 @@ ul.pf-v6-c-list {
22104
22105
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22105
22106
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22106
22107
  --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
22107
- --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
22108
+ --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
22108
22109
  }
22109
22110
 
22110
22111
  .pf-v6-c-notification-drawer {
@@ -22172,8 +22173,16 @@ ul.pf-v6-c-list {
22172
22173
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22173
22174
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22174
22175
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22175
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22176
22176
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22177
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22178
+ }
22179
+ .pf-v6-c-notification-drawer__list-item::before {
22180
+ position: absolute;
22181
+ inset: 0;
22182
+ pointer-events: none;
22183
+ content: "";
22184
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22185
+ border-radius: inherit;
22177
22186
  }
22178
22187
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
22179
22188
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -22199,7 +22208,6 @@ ul.pf-v6-c-list {
22199
22208
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
22200
22209
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
22201
22210
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
22202
- position: relative;
22203
22211
  }
22204
22212
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
22205
22213
  cursor: pointer;
@@ -27538,10 +27546,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27538
27546
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27539
27547
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
27540
27548
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
27541
- --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27549
+ --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
27542
27550
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
27543
27551
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27544
- --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27552
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
27545
27553
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27546
27554
  --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27547
27555
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -29524,7 +29532,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29524
29532
  --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29525
29533
  --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
29526
29534
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
29527
- --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29535
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
29528
29536
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
29529
29537
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29530
29538
  --pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -29550,7 +29558,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29550
29558
  --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
29551
29559
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
29552
29560
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
29553
- --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29561
+ --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
29554
29562
  }
29555
29563
 
29556
29564
  .pf-v6-c-tabs {
@@ -30941,7 +30949,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30941
30949
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
30942
30950
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
30943
30951
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
30944
- --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
30952
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
30945
30953
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
30946
30954
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
30947
30955
  --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -33125,7 +33133,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33125
33133
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
33126
33134
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
33127
33135
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
33128
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33136
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
33129
33137
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33130
33138
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33131
33139
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -33643,7 +33651,7 @@ label.pf-v6-c-tree-view__node-text {
33643
33651
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
33644
33652
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
33645
33653
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
33646
- --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
33654
+ --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
33647
33655
  --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
33648
33656
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
33649
33657
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
package/patternfly.css CHANGED
@@ -9433,7 +9433,7 @@ button) {
9433
9433
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9434
9434
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
9435
9435
  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
9436
- --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
9436
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
9437
9437
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
9438
9438
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
9439
9439
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -12028,7 +12028,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12028
12028
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12029
12029
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12030
12030
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12031
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
12031
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
12032
12032
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
12033
12033
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
12034
12034
  --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
@@ -12449,7 +12449,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12449
12449
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
12450
12450
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12451
12451
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
12452
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
12452
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
12453
12453
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
12454
12454
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
12455
12455
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13884,7 +13884,7 @@ ul) {
13884
13884
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13885
13885
  --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
13886
13886
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
13887
- --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
13887
+ --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
13888
13888
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
13889
13889
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
13890
13890
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -14737,7 +14737,7 @@ ul) {
14737
14737
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
14738
14738
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
14739
14739
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14740
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14740
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
14741
14741
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14742
14742
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14743
14743
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -16475,8 +16475,8 @@ ul) {
16475
16475
  --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
16476
16476
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
16477
16477
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
16478
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
16479
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
16478
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
16479
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
16480
16480
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
16481
16481
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
16482
16482
  --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
@@ -16739,7 +16739,7 @@ ul) {
16739
16739
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
16740
16740
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16741
16741
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
16742
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
16742
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
16743
16743
  --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
16744
16744
  --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16745
16745
  --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
@@ -18378,7 +18378,7 @@ label.pf-v6-c-input-group__text {
18378
18378
  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
18379
18379
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
18380
18380
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
18381
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
18381
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
18382
18382
  }
18383
18383
 
18384
18384
  .pf-v6-c-jump-links {
@@ -21787,7 +21787,7 @@ ul.pf-v6-c-list {
21787
21787
  --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21788
21788
  --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
21789
21789
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
21790
- --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21790
+ --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
21791
21791
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
21792
21792
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
21793
21793
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22209,6 +22209,7 @@ ul.pf-v6-c-list {
22209
22209
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22210
22210
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
22211
22211
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
22212
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
22212
22213
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
22213
22214
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
22214
22215
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -22251,7 +22252,7 @@ ul.pf-v6-c-list {
22251
22252
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
22252
22253
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
22253
22254
  --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
22254
- --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
22255
+ --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
22255
22256
  }
22256
22257
 
22257
22258
  .pf-v6-c-notification-drawer {
@@ -22319,8 +22320,16 @@ ul.pf-v6-c-list {
22319
22320
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22320
22321
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22321
22322
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22322
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22323
22323
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22324
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22325
+ }
22326
+ .pf-v6-c-notification-drawer__list-item::before {
22327
+ position: absolute;
22328
+ inset: 0;
22329
+ pointer-events: none;
22330
+ content: "";
22331
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22332
+ border-radius: inherit;
22324
22333
  }
22325
22334
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
22326
22335
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -22346,7 +22355,6 @@ ul.pf-v6-c-list {
22346
22355
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
22347
22356
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
22348
22357
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
22349
- position: relative;
22350
22358
  }
22351
22359
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
22352
22360
  cursor: pointer;
@@ -27685,10 +27693,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27685
27693
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27686
27694
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
27687
27695
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
27688
- --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27696
+ --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
27689
27697
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
27690
27698
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
27691
- --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27699
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
27692
27700
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27693
27701
  --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27694
27702
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -29671,7 +29679,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29671
29679
  --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29672
29680
  --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
29673
29681
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
29674
- --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29682
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
29675
29683
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
29676
29684
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29677
29685
  --pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -29697,7 +29705,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29697
29705
  --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
29698
29706
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
29699
29707
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
29700
- --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29708
+ --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
29701
29709
  }
29702
29710
 
29703
29711
  .pf-v6-c-tabs {
@@ -31088,7 +31096,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31088
31096
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
31089
31097
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
31090
31098
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
31091
- --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
31099
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
31092
31100
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
31093
31101
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
31094
31102
  --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -33272,7 +33280,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
33272
33280
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
33273
33281
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
33274
33282
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
33275
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33283
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
33276
33284
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33277
33285
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33278
33286
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -33790,7 +33798,7 @@ label.pf-v6-c-tree-view__node-text {
33790
33798
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
33791
33799
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
33792
33800
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
33793
- --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
33801
+ --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
33794
33802
  --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
33795
33803
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
33796
33804
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);