@patternfly/patternfly 6.0.0-alpha.191 → 6.0.0-alpha.193

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 (42) hide show
  1. package/base/patternfly-variables.css +11 -11
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +7 -7
  6. package/base/tokens/tokens-palette.scss +6 -6
  7. package/components/Accordion/accordion.css +2 -0
  8. package/components/Accordion/accordion.scss +2 -0
  9. package/components/Card/card.css +1 -1
  10. package/components/Card/card.scss +1 -1
  11. package/components/Label/label.css +3 -3
  12. package/components/Label/label.scss +3 -3
  13. package/components/_index.css +6 -4
  14. package/docs/components/Label/examples/Label.md +16 -12
  15. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  16. package/docs/demos/Alert/examples/Alert.md +6 -6
  17. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  18. package/docs/demos/Banner/examples/Banner.md +4 -4
  19. package/docs/demos/CardView/examples/CardView.md +2 -2
  20. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  21. package/docs/demos/DataList/examples/DataList.md +8 -8
  22. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  23. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  24. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  25. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  26. package/docs/demos/Modal/examples/Modal.md +12 -12
  27. package/docs/demos/Nav/examples/Nav.md +12 -12
  28. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  29. package/docs/demos/Page/examples/Page.md +22 -22
  30. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +15 -15
  31. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  32. package/docs/demos/Table/examples/Table.md +31 -31
  33. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  34. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  35. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  36. package/package.json +1 -1
  37. package/patternfly-base-no-globals.css +11 -11
  38. package/patternfly-base.css +11 -11
  39. package/patternfly-no-globals.css +17 -15
  40. package/patternfly.css +17 -15
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -1,13 +1,13 @@
1
1
  :where(:root) {
2
2
  --pf-v6-global--inverse--multiplier: 1;
3
- --pf-t--color--black: #000;
3
+ --pf-t--color--black: #000000;
4
4
  --pf-t--color--blue--10: #e0f0ff;
5
5
  --pf-t--color--blue--20: #b9dafc;
6
6
  --pf-t--color--blue--30: #92c5f9;
7
7
  --pf-t--color--blue--40: #4394e5;
8
- --pf-t--color--blue--50: #06c;
8
+ --pf-t--color--blue--50: #0066cc;
9
9
  --pf-t--color--blue--60: #004d99;
10
- --pf-t--color--blue--70: #036;
10
+ --pf-t--color--blue--70: #003366;
11
11
  --pf-t--color--gray--10: #f2f2f2;
12
12
  --pf-t--color--gray--20: #e0e0e0;
13
13
  --pf-t--color--gray--30: #c7c7c7;
@@ -43,7 +43,7 @@
43
43
  --pf-t--color--red--20: #fbc5c5;
44
44
  --pf-t--color--red--30: #f9a8a8;
45
45
  --pf-t--color--red--40: #f56e6e;
46
- --pf-t--color--red--50: #e00;
46
+ --pf-t--color--red--50: #ee0000;
47
47
  --pf-t--color--red--60: #a60000;
48
48
  --pf-t--color--red--70: #5f0000;
49
49
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -60,7 +60,7 @@
60
60
  --pf-t--color--teal--50: #37a3a3;
61
61
  --pf-t--color--teal--60: #147878;
62
62
  --pf-t--color--teal--70: #004d4d;
63
- --pf-t--color--white: #fff;
63
+ --pf-t--color--white: #ffffff;
64
64
  --pf-t--color--yellow--10: #fff4cc;
65
65
  --pf-t--color--yellow--20: #ffe072;
66
66
  --pf-t--color--yellow--30: #ffcc17;
@@ -120,9 +120,9 @@
120
120
  --pf-t--global--duration--50: 50ms;
121
121
  --pf-t--global--duration--500: 500ms;
122
122
  --pf-t--global--duration--600: 600ms;
123
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
124
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
125
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
123
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
124
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
125
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
126
126
  --pf-t--global--font--line-height--100: 1.3;
127
127
  --pf-t--global--font--line-height--200: 1.5;
128
128
  --pf-t--global--font--size--100: 0.75rem;
@@ -518,10 +518,9 @@
518
518
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
519
519
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
520
520
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
521
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
521
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
522
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
522
523
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
523
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
524
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
525
524
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
526
525
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
527
526
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -529,6 +528,7 @@
529
528
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
530
529
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
531
530
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
531
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
532
532
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
533
533
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
534
534
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -55,9 +55,9 @@
55
55
  --pf-t--global--duration--50: 50ms;
56
56
  --pf-t--global--duration--500: 500ms;
57
57
  --pf-t--global--duration--600: 600ms;
58
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
59
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
60
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
58
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
59
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
60
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
61
61
  --pf-t--global--font--line-height--100: 1.3;
62
62
  --pf-t--global--font--line-height--200: 1.5;
63
63
  --pf-t--global--font--size--100: 0.75rem;
@@ -453,10 +453,9 @@
453
453
  --pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
454
454
  --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
455
455
  --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
456
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
456
+ --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
457
+ --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
457
458
  --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
458
- --pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
459
- --pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
460
459
  --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
461
460
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
462
461
  --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
@@ -464,6 +463,7 @@
464
463
  --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
465
464
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
466
465
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
466
+ --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
467
467
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
468
468
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
469
469
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,16 +1,16 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Jul 2024 15:40:40 GMT
3
+ // Generated on Tue, 16 Jul 2024 23:44:44 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
- --pf-t--color--black: #000;
6
+ --pf-t--color--black: #000000;
7
7
  --pf-t--color--blue--10: #e0f0ff;
8
8
  --pf-t--color--blue--20: #b9dafc;
9
9
  --pf-t--color--blue--30: #92c5f9;
10
10
  --pf-t--color--blue--40: #4394e5;
11
- --pf-t--color--blue--50: #06c;
11
+ --pf-t--color--blue--50: #0066cc;
12
12
  --pf-t--color--blue--60: #004d99;
13
- --pf-t--color--blue--70: #036;
13
+ --pf-t--color--blue--70: #003366;
14
14
  --pf-t--color--gray--10: #f2f2f2;
15
15
  --pf-t--color--gray--20: #e0e0e0;
16
16
  --pf-t--color--gray--30: #c7c7c7;
@@ -46,7 +46,7 @@
46
46
  --pf-t--color--red--20: #fbc5c5;
47
47
  --pf-t--color--red--30: #f9a8a8;
48
48
  --pf-t--color--red--40: #f56e6e;
49
- --pf-t--color--red--50: #e00;
49
+ --pf-t--color--red--50: #ee0000;
50
50
  --pf-t--color--red--60: #a60000;
51
51
  --pf-t--color--red--70: #5f0000;
52
52
  --pf-t--color--red-orange--10: #ffe3d9;
@@ -63,7 +63,7 @@
63
63
  --pf-t--color--teal--50: #37a3a3;
64
64
  --pf-t--color--teal--60: #147878;
65
65
  --pf-t--color--teal--70: #004d4d;
66
- --pf-t--color--white: #fff;
66
+ --pf-t--color--white: #ffffff;
67
67
  --pf-t--color--yellow--10: #fff4cc;
68
68
  --pf-t--color--yellow--20: #ffe072;
69
69
  --pf-t--color--yellow--30: #ffcc17;
package/components/Accordion/accordion.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
17
17
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
18
18
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
19
+ --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
19
20
  --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
20
21
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
21
22
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -64,6 +65,7 @@
64
65
  --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
65
66
  --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
66
67
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
68
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
67
69
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
68
70
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
69
71
  }
package/components/Accordion/accordion.scss CHANGED
@@ -27,6 +27,7 @@
27
27
  --#{$accordion}__toggle-text--Color: var(--pf-t--global--text--color--regular);
28
28
  --#{$accordion}__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
29
29
  --#{$accordion}__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
30
+ --#{$accordion}--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
30
31
 
31
32
  // accordion toggle icon
32
33
  --#{$accordion}__toggle-icon--Transition: .2s ease-in 0s;
@@ -86,6 +87,7 @@
86
87
  --#{$accordion}__toggle--FontFamily: var(--#{$accordion}--m-display-lg__toggle--FontFamily);
87
88
  --#{$accordion}__toggle--FontSize: var(--#{$accordion}--m-display-lg__toggle--FontSize);
88
89
  --#{$accordion}__toggle-text--FontWeight: var(--#{$accordion}--m-display-lg__toggle-text--FontWeight);
90
+ --#{$accordion}__toggle--m-expanded__toggle-text--FontWeight: var(--#{$accordion}--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
89
91
  --#{$accordion}__expandable-content--FontSize: var(--#{$accordion}--m-display-lg__expandable-content--FontSize);
90
92
  --#{$accordion}__expandable-content--Color: var(--#{$accordion}--m-display-lg__expandable-content--Color);
91
93
  }
package/components/Card/card.css CHANGED
@@ -26,7 +26,7 @@
26
26
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
27
27
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
28
28
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
29
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
29
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
30
30
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
31
31
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
32
32
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
package/components/Card/card.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  --#{$card}__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
31
  --#{$card}__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
32
32
  --#{$card}__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
33
- --#{$card}__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
33
+ --#{$card}__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
34
34
  --#{$card}__header-toggle-icon--Transition: var(--pf-t--global--transition);
35
35
  --#{$card}--m-expanded__header-toggle-icon--Rotate: 90deg;
36
36
 
package/components/Label/label.css CHANGED
@@ -133,7 +133,7 @@
133
133
  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
134
134
  --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
135
135
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
136
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
136
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
137
137
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
138
138
  --pf-v6-c-label--m-outline--BackgroundColor: transparent;
139
139
  --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -354,7 +354,7 @@
354
354
  --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
355
355
  }
356
356
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
357
- --pf-v6-c-button--Color: var(--pf-v6-c-label--m-filled__actions--c-button--Color);
357
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
358
358
  }
359
359
  .pf-v6-c-label.pf-m-outline {
360
360
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
@@ -421,7 +421,7 @@
421
421
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
422
422
  }
423
423
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
424
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
424
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
425
425
  }
426
426
  .pf-v6-c-label.pf-m-disabled {
427
427
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
package/components/Label/label.scss CHANGED
@@ -167,7 +167,7 @@
167
167
  --#{$label}--m-clickable__content--Cursor: pointer;
168
168
 
169
169
  // Filled
170
- --#{$label}--m-filled__actions--c-button--Color: var(--#{$label}__icon--Color);
170
+ --#{$label}--m-filled__actions--c-button__icon--Color: var(--#{$label}__icon--Color);
171
171
 
172
172
  // Outline
173
173
  --#{$label}--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
@@ -427,7 +427,7 @@
427
427
 
428
428
  &.pf-m-filled {
429
429
  .#{$label}__actions .#{$button} {
430
- --#{$button}--Color: var(--#{$label}--m-filled__actions--c-button--Color);
430
+ --#{$button}__icon--Color: var(--#{$label}--m-filled__actions--c-button__icon--Color);
431
431
  }
432
432
  }
433
433
 
@@ -507,7 +507,7 @@
507
507
  --#{$label}--m-outline--BorderColor: var(--#{$label}--m-outline--m-clickable--hover--BorderColor);
508
508
 
509
509
  ~ .#{$label}__actions .#{$button} {
510
- --#{$label}--m-filled__actions--c-button--Color: var(--#{$label}--m-clickable--hover__icon--Color);
510
+ --#{$label}--m-filled__actions--c-button__icon--Color: var(--#{$label}--m-clickable--hover__icon--Color);
511
511
  }
512
512
  }
513
513
  }
package/components/_index.css CHANGED
@@ -211,6 +211,7 @@
211
211
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
212
212
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
213
213
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
214
+ --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
214
215
  --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
215
216
  --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
216
217
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -259,6 +260,7 @@
259
260
  --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
260
261
  --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
261
262
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
263
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
262
264
  --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
263
265
  --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
264
266
  }
@@ -2218,7 +2220,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2218
2220
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2219
2221
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2220
2222
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2221
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
2223
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2222
2224
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
2223
2225
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2224
2226
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
@@ -8008,7 +8010,7 @@ label.pf-v6-c-input-group__text {
8008
8010
  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
8009
8011
  --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8010
8012
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8011
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
8013
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
8012
8014
  --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
8013
8015
  --pf-v6-c-label--m-outline--BackgroundColor: transparent;
8014
8016
  --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -8229,7 +8231,7 @@ label.pf-v6-c-input-group__text {
8229
8231
  --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
8230
8232
  }
8231
8233
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
8232
- --pf-v6-c-button--Color: var(--pf-v6-c-label--m-filled__actions--c-button--Color);
8234
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
8233
8235
  }
8234
8236
  .pf-v6-c-label.pf-m-outline {
8235
8237
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
@@ -8296,7 +8298,7 @@ label.pf-v6-c-input-group__text {
8296
8298
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
8297
8299
  }
8298
8300
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
8299
- --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
8301
+ --pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
8300
8302
  }
8301
8303
  .pf-v6-c-label.pf-m-disabled {
8302
8304
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
package/docs/components/Label/examples/Label.md CHANGED
@@ -5989,13 +5989,13 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
5989
5989
  ### Compact
5990
5990
 
5991
5991
  ```html
5992
- <span class="pf-v6-c-label pf-m-compact">
5992
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
5993
5993
  <span class="pf-v6-c-label__content">
5994
5994
  <span class="pf-v6-c-label__text">Compact</span>
5995
5995
  </span>
5996
5996
  </span>
5997
5997
 
5998
- <span class="pf-v6-c-label pf-m-compact">
5998
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
5999
5999
  <span class="pf-v6-c-label__content">
6000
6000
  <span class="pf-v6-c-label__icon">
6001
6001
  <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6004,7 +6004,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6004
6004
  </span>
6005
6005
  </span>
6006
6006
 
6007
- <span class="pf-v6-c-label pf-m-compact">
6007
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
6008
6008
  <span class="pf-v6-c-label__content">
6009
6009
  <span
6010
6010
  class="pf-v6-c-label__text"
@@ -6026,7 +6026,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6026
6026
  </span>
6027
6027
  </span>
6028
6028
 
6029
- <span class="pf-v6-c-label pf-m-compact">
6029
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
6030
6030
  <span class="pf-v6-c-label__content">
6031
6031
  <span class="pf-v6-c-label__icon">
6032
6032
  <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6051,19 +6051,19 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6051
6051
  </span>
6052
6052
  </span>
6053
6053
 
6054
- <span class="pf-v6-c-label pf-m-compact pf-m-clickable">
6054
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
6055
6055
  <a class="pf-v6-c-label__content pf-m-clickable" href="#">
6056
6056
  <span class="pf-v6-c-label__text">Compact link</span>
6057
6057
  </a>
6058
6058
  </span>
6059
6059
 
6060
- <span class="pf-v6-c-label pf-m-compact pf-m-clickable">
6060
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
6061
6061
  <button class="pf-v6-c-label__content pf-m-clickable" type="button">
6062
6062
  <span class="pf-v6-c-label__text">Compact button</span>
6063
6063
  </button>
6064
6064
  </span>
6065
6065
 
6066
- <span class="pf-v6-c-label pf-m-compact pf-m-clickable">
6066
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
6067
6067
  <a class="pf-v6-c-label__content pf-m-clickable" href="#">
6068
6068
  <span
6069
6069
  class="pf-v6-c-label__text"
@@ -6085,7 +6085,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6085
6085
  </span>
6086
6086
  </span>
6087
6087
 
6088
- <span class="pf-v6-c-label pf-m-compact pf-m-clickable">
6088
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-clickable">
6089
6089
  <button class="pf-v6-c-label__content pf-m-clickable" type="button">
6090
6090
  <span
6091
6091
  class="pf-v6-c-label__text"
@@ -6107,7 +6107,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6107
6107
  </span>
6108
6108
  </span>
6109
6109
 
6110
- <span class="pf-v6-c-label pf-m-compact">
6110
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
6111
6111
  <span class="pf-v6-c-label__content">
6112
6112
  <span class="pf-v6-c-label__icon">
6113
6113
  <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6119,7 +6119,7 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6119
6119
  </span>
6120
6120
  </span>
6121
6121
 
6122
- <span class="pf-v6-c-label pf-m-compact">
6122
+ <span class="pf-v6-c-label pf-m-filled pf-m-compact">
6123
6123
  <span class="pf-v6-c-label__content">
6124
6124
  <span class="pf-v6-c-label__icon">
6125
6125
  <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
@@ -6145,7 +6145,9 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6145
6145
  </span>
6146
6146
  </span>
6147
6147
 
6148
- <span class="pf-v6-c-label pf-m-compact pf-m-disabled pf-m-clickable">
6148
+ <span
6149
+ class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-disabled pf-m-clickable"
6150
+ >
6149
6151
  <a
6150
6152
  class="pf-v6-c-label__content pf-m-clickable"
6151
6153
  href="#"
@@ -6176,7 +6178,9 @@ cssPrefix: ['pf-v6-c-label','pf-v6-c-label-group']
6176
6178
  </span>
6177
6179
  </span>
6178
6180
 
6179
- <span class="pf-v6-c-label pf-m-compact pf-m-disabled pf-m-clickable">
6181
+ <span
6182
+ class="pf-v6-c-label pf-m-filled pf-m-compact pf-m-disabled pf-m-clickable"
6183
+ >
6180
6184
  <button class="pf-v6-c-label__content pf-m-clickable" type="button" disabled>
6181
6185
  <span class="pf-v6-c-label__icon">
6182
6186
  <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -111,10 +111,10 @@ This demo implements the about modal, including the backdrop.
111
111
  <div class="pf-v6-c-toolbar__content">
112
112
  <div class="pf-v6-c-toolbar__content-section">
113
113
  <div
114
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
114
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
115
115
  >
116
116
  <div
117
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
117
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
118
118
  >
119
119
  <div class="pf-v6-c-toolbar__item">
120
120
  <button
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -109,10 +109,10 @@ section: components
109
109
  <div class="pf-v6-c-toolbar__content">
110
110
  <div class="pf-v6-c-toolbar__content-section">
111
111
  <div
112
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
112
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
113
113
  >
114
114
  <div
115
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
115
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
116
116
  >
117
117
  <div class="pf-v6-c-toolbar__item">
118
118
  <button
@@ -486,10 +486,10 @@ section: components
486
486
  <div class="pf-v6-c-toolbar__content">
487
487
  <div class="pf-v6-c-toolbar__content-section">
488
488
  <div
489
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
489
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
490
490
  >
491
491
  <div
492
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
492
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
493
493
  >
494
494
  <div class="pf-v6-c-toolbar__item">
495
495
  <button
@@ -963,10 +963,10 @@ section: components
963
963
  <div class="pf-v6-c-toolbar__content">
964
964
  <div class="pf-v6-c-toolbar__content-section">
965
965
  <div
966
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
966
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
967
967
  >
968
968
  <div
969
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
969
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
970
970
  >
971
971
  <div class="pf-v6-c-toolbar__item">
972
972
  <button
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -110,10 +110,10 @@ cssPrefix: pf-d-back-to-top
110
110
  <div class="pf-v6-c-toolbar__content">
111
111
  <div class="pf-v6-c-toolbar__content-section">
112
112
  <div
113
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
113
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
114
114
  >
115
115
  <div
116
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
116
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
117
117
  >
118
118
  <div class="pf-v6-c-toolbar__item">
119
119
  <button
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -111,10 +111,10 @@ wrapperTag: div
111
111
  <div class="pf-v6-c-toolbar__content">
112
112
  <div class="pf-v6-c-toolbar__content-section">
113
113
  <div
114
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
114
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
115
115
  >
116
116
  <div
117
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
117
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
118
118
  >
119
119
  <div class="pf-v6-c-toolbar__item">
120
120
  <button
@@ -576,10 +576,10 @@ wrapperTag: div
576
576
  <div class="pf-v6-c-toolbar__content">
577
577
  <div class="pf-v6-c-toolbar__content-section">
578
578
  <div
579
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
579
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
580
580
  >
581
581
  <div
582
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
582
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
583
583
  >
584
584
  <div class="pf-v6-c-toolbar__item">
585
585
  <button
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -109,10 +109,10 @@ section: patterns
109
109
  <div class="pf-v6-c-toolbar__content">
110
110
  <div class="pf-v6-c-toolbar__content-section">
111
111
  <div
112
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
112
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
113
113
  >
114
114
  <div
115
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
115
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
116
116
  >
117
117
  <div class="pf-v6-c-toolbar__item">
118
118
  <button
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -107,10 +107,10 @@ cssPrefix: pf-d-dashboard
107
107
  <div class="pf-v6-c-toolbar__content">
108
108
  <div class="pf-v6-c-toolbar__content-section">
109
109
  <div
110
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
110
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
111
111
  >
112
112
  <div
113
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
113
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
114
114
  >
115
115
  <div class="pf-v6-c-toolbar__item">
116
116
  <button
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -110,10 +110,10 @@ wrapperTag: div
110
110
  <div class="pf-v6-c-toolbar__content">
111
111
  <div class="pf-v6-c-toolbar__content-section">
112
112
  <div
113
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
113
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
114
114
  >
115
115
  <div
116
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
116
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
117
117
  >
118
118
  <div class="pf-v6-c-toolbar__item">
119
119
  <button
@@ -935,10 +935,10 @@ wrapperTag: div
935
935
  <div class="pf-v6-c-toolbar__content">
936
936
  <div class="pf-v6-c-toolbar__content-section">
937
937
  <div
938
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
938
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
939
939
  >
940
940
  <div
941
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
941
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
942
942
  >
943
943
  <div class="pf-v6-c-toolbar__item">
944
944
  <button
@@ -1771,10 +1771,10 @@ wrapperTag: div
1771
1771
  <div class="pf-v6-c-toolbar__content">
1772
1772
  <div class="pf-v6-c-toolbar__content-section">
1773
1773
  <div
1774
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1774
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
1775
1775
  >
1776
1776
  <div
1777
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1777
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1778
1778
  >
1779
1779
  <div class="pf-v6-c-toolbar__item">
1780
1780
  <button
@@ -3291,10 +3291,10 @@ wrapperTag: div
3291
3291
  <div class="pf-v6-c-toolbar__content">
3292
3292
  <div class="pf-v6-c-toolbar__content-section">
3293
3293
  <div
3294
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
3294
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
3295
3295
  >
3296
3296
  <div
3297
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3297
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
3298
3298
  >
3299
3299
  <div class="pf-v6-c-toolbar__item">
3300
3300
  <button