@patternfly/patternfly 6.0.0-alpha.192 → 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 (32) hide show
  1. package/components/Accordion/accordion.css +2 -0
  2. package/components/Accordion/accordion.scss +2 -0
  3. package/components/Label/label.css +3 -3
  4. package/components/Label/label.scss +3 -3
  5. package/components/_index.css +5 -3
  6. package/docs/components/Label/examples/Label.md +16 -12
  7. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  8. package/docs/demos/Alert/examples/Alert.md +6 -6
  9. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  10. package/docs/demos/Banner/examples/Banner.md +4 -4
  11. package/docs/demos/CardView/examples/CardView.md +2 -2
  12. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  13. package/docs/demos/DataList/examples/DataList.md +8 -8
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  15. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  17. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  18. package/docs/demos/Modal/examples/Modal.md +12 -12
  19. package/docs/demos/Nav/examples/Nav.md +12 -12
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  21. package/docs/demos/Page/examples/Page.md +22 -22
  22. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +15 -15
  23. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  24. package/docs/demos/Table/examples/Table.md +31 -31
  25. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  26. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  27. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  28. package/package.json +1 -1
  29. package/patternfly-no-globals.css +5 -3
  30. package/patternfly.css +5 -3
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
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/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
  }
@@ -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
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -110,10 +110,10 @@ cssPrefix: pf-d-description-list
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
@@ -475,10 +475,10 @@ cssPrefix: pf-d-description-list
475
475
  <div class="pf-v6-c-toolbar__content">
476
476
  <div class="pf-v6-c-toolbar__content-section">
477
477
  <div
478
- 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"
478
+ 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"
479
479
  >
480
480
  <div
481
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
481
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
482
482
  >
483
483
  <div class="pf-v6-c-toolbar__item">
484
484
  <button
@@ -1111,10 +1111,10 @@ cssPrefix: pf-d-description-list
1111
1111
  <div class="pf-v6-c-toolbar__content">
1112
1112
  <div class="pf-v6-c-toolbar__content-section">
1113
1113
  <div
1114
- 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"
1114
+ 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"
1115
1115
  >
1116
1116
  <div
1117
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1117
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1118
1118
  >
1119
1119
  <div class="pf-v6-c-toolbar__item">
1120
1120
  <button
package/docs/demos/Drawer/examples/Drawer.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
@@ -579,10 +579,10 @@ wrapperTag: div
579
579
  <div class="pf-v6-c-toolbar__content">
580
580
  <div class="pf-v6-c-toolbar__content-section">
581
581
  <div
582
- 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"
582
+ 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"
583
583
  >
584
584
  <div
585
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
585
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
586
586
  >
587
587
  <div class="pf-v6-c-toolbar__item">
588
588
  <button
@@ -903,10 +903,10 @@ wrapperTag: div
903
903
  <div class="pf-v6-c-toolbar__content">
904
904
  <div class="pf-v6-c-toolbar__content-section">
905
905
  <div
906
- 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"
906
+ 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"
907
907
  >
908
908
  <div
909
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
909
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
910
910
  >
911
911
  <div class="pf-v6-c-toolbar__item">
912
912
  <button
@@ -1227,10 +1227,10 @@ wrapperTag: div
1227
1227
  <div class="pf-v6-c-toolbar__content">
1228
1228
  <div class="pf-v6-c-toolbar__content-section">
1229
1229
  <div
1230
- 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"
1230
+ 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"
1231
1231
  >
1232
1232
  <div
1233
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1233
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1234
1234
  >
1235
1235
  <div class="pf-v6-c-toolbar__item">
1236
1236
  <button
@@ -1603,10 +1603,10 @@ wrapperTag: div
1603
1603
  <div class="pf-v6-c-toolbar__content">
1604
1604
  <div class="pf-v6-c-toolbar__content-section">
1605
1605
  <div
1606
- 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"
1606
+ 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"
1607
1607
  >
1608
1608
  <div
1609
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1609
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1610
1610
  >
1611
1611
  <div class="pf-v6-c-toolbar__item">
1612
1612
  <button
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -112,10 +112,10 @@ section: components
112
112
  <div class="pf-v6-c-toolbar__content">
113
113
  <div class="pf-v6-c-toolbar__content-section">
114
114
  <div
115
- 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"
115
+ 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"
116
116
  >
117
117
  <div
118
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
118
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
119
119
  >
120
120
  <div class="pf-v6-c-toolbar__item">
121
121
  <button
@@ -526,10 +526,10 @@ section: components
526
526
  <div class="pf-v6-c-toolbar__content">
527
527
  <div class="pf-v6-c-toolbar__content-section">
528
528
  <div
529
- 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"
529
+ 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"
530
530
  >
531
531
  <div
532
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
532
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
533
533
  >
534
534
  <div class="pf-v6-c-toolbar__item">
535
535
  <button
@@ -940,10 +940,10 @@ section: components
940
940
  <div class="pf-v6-c-toolbar__content">
941
941
  <div class="pf-v6-c-toolbar__content-section">
942
942
  <div
943
- 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"
943
+ 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"
944
944
  >
945
945
  <div
946
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
946
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
947
947
  >
948
948
  <div class="pf-v6-c-toolbar__item">
949
949
  <button
@@ -1351,10 +1351,10 @@ section: components
1351
1351
  <div class="pf-v6-c-toolbar__content">
1352
1352
  <div class="pf-v6-c-toolbar__content-section">
1353
1353
  <div
1354
- 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"
1354
+ 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"
1355
1355
  >
1356
1356
  <div
1357
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1357
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1358
1358
  >
1359
1359
  <div class="pf-v6-c-toolbar__item">
1360
1360
  <button
@@ -1707,10 +1707,10 @@ section: components
1707
1707
  <div class="pf-v6-c-toolbar__content">
1708
1708
  <div class="pf-v6-c-toolbar__content-section">
1709
1709
  <div
1710
- 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"
1710
+ 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"
1711
1711
  >
1712
1712
  <div
1713
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1713
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1714
1714
  >
1715
1715
  <div class="pf-v6-c-toolbar__item">
1716
1716
  <button
@@ -2083,10 +2083,10 @@ section: components
2083
2083
  <div class="pf-v6-c-toolbar__content">
2084
2084
  <div class="pf-v6-c-toolbar__content-section">
2085
2085
  <div
2086
- 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"
2086
+ 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"
2087
2087
  >
2088
2088
  <div
2089
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2089
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
2090
2090
  >
2091
2091
  <div class="pf-v6-c-toolbar__item">
2092
2092
  <button
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1855,10 +1855,10 @@ wrapperTag: div
1855
1855
  <div class="pf-v6-c-toolbar__content">
1856
1856
  <div class="pf-v6-c-toolbar__content-section">
1857
1857
  <div
1858
- 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"
1858
+ 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"
1859
1859
  >
1860
1860
  <div
1861
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1861
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
1862
1862
  >
1863
1863
  <div class="pf-v6-c-toolbar__item">
1864
1864
  <button
@@ -2209,10 +2209,10 @@ wrapperTag: div
2209
2209
  </div>
2210
2210
 
2211
2211
  <div
2212
- 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"
2212
+ 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"
2213
2213
  >
2214
2214
  <div
2215
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2215
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
2216
2216
  >
2217
2217
  <div class="pf-v6-c-toolbar__item">
2218
2218
  <button