@patternfly/patternfly 6.0.0-alpha.136 → 6.0.0-alpha.138

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 (17) hide show
  1. package/base/tokens/tokens-charts-dark.scss +2 -2
  2. package/base/tokens/tokens-charts.scss +1 -1
  3. package/base/tokens/tokens-dark.scss +1 -1
  4. package/base/tokens/tokens-default.scss +1 -1
  5. package/base/tokens/tokens-palette.scss +1 -1
  6. package/components/Table/table.css +5 -0
  7. package/components/Table/table.scss +6 -0
  8. package/components/Toolbar/toolbar.css +51 -1
  9. package/components/Toolbar/toolbar.scss +5 -1
  10. package/components/_index.css +56 -1
  11. package/docs/components/Table/examples/Table.md +6 -8
  12. package/package.json +1 -1
  13. package/patternfly-charts.css +1 -1
  14. package/patternfly-no-globals.css +56 -1
  15. package/patternfly.css +56 -1
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
@@ -22,7 +22,7 @@
22
22
  --pf-t--chart--global--BorderWidth--lg: 8;
23
23
  --pf-t--chart--global--BorderWidth--sm: 2;
24
24
  --pf-t--chart--global--BorderWidth--xs: 1;
25
- --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
25
+ --pf-t--chart--global--label--fill: var(--pf-t--color--white);
26
26
  --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50);
27
27
  --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30);
28
28
  --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30);
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 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 Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
package/components/Table/table.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
78
78
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
79
79
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
80
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
80
81
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
81
82
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
82
83
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -405,6 +406,9 @@
405
406
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
406
407
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
407
408
  }
409
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
410
+ border: none;
411
+ }
408
412
  .pf-v6-c-table.pf-m-drag-over {
409
413
  overflow-anchor: none;
410
414
  }
@@ -702,6 +706,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
702
706
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
703
707
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
704
708
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
709
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
705
710
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
706
711
  }
707
712
  .pf-v6-c-table__expandable-row.pf-m-expanded {
package/components/Table/table.scss CHANGED
@@ -124,6 +124,7 @@
124
124
  --#{$table}__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
125
125
  --#{$table}__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
126
126
  --#{$table}__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
127
+ --#{$table}__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
127
128
 
128
129
  // * Table control row
129
130
  --#{$table}__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -572,6 +573,10 @@
572
573
  &.pf-m-selected {
573
574
  background-color: var(--#{$table}__tbody--m-selected--BackgroundColor);
574
575
  outline-offset: var(--#{$table}__tbody--m-selected--OutlineOffset);
576
+
577
+ .#{$table}__tr.pf-m-expanded:not(.#{$table}__expandable-row) {
578
+ border: none;
579
+ }
575
580
  }
576
581
  }
577
582
 
@@ -959,6 +964,7 @@
959
964
  padding-block-end: var(--#{$table}__expandable-row-content--PaddingBlockEnd);
960
965
  padding-inline-start: var(--#{$table}__expandable-row-content--PaddingInlineStart);
961
966
  padding-inline-end: var(--#{$table}__expandable-row-content--PaddingInlineEnd);
967
+ background-color: var(--#{$table}__expandable-row-content--BackgroundColor);
962
968
  border-radius: var(--#{$table}__expandable-row-content--BorderRadius);
963
969
  }
964
970
 
package/components/Toolbar/toolbar.css CHANGED
@@ -130,13 +130,63 @@
130
130
  }
131
131
  }
132
132
 
133
+ .pf-v6-c-toolbar__content {
134
+ --pf-v6-hidden-visible--visible--Display: grid;
135
+ --pf-v6-hidden-visible--hidden--Display: none;
136
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
137
+ display: var(--pf-v6-hidden-visible--Display);
138
+ }
139
+ .pf-v6-c-toolbar__content.pf-m-hidden {
140
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
141
+ }
142
+ @media screen and (min-width: 576px) {
143
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
144
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
145
+ }
146
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
147
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
148
+ }
149
+ }
150
+ @media screen and (min-width: 768px) {
151
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
152
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
153
+ }
154
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
155
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
156
+ }
157
+ }
158
+ @media screen and (min-width: 992px) {
159
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
160
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
161
+ }
162
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
163
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
164
+ }
165
+ }
166
+ @media screen and (min-width: 1200px) {
167
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
168
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
169
+ }
170
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
171
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
172
+ }
173
+ }
174
+ @media screen and (min-width: 1450px) {
175
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
176
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
177
+ }
178
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
179
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
180
+ }
181
+ }
182
+
133
183
  .pf-v6-c-toolbar,
134
184
  .pf-v6-c-toolbar__content {
135
185
  position: relative;
136
- display: grid;
137
186
  }
138
187
 
139
188
  .pf-v6-c-toolbar {
189
+ display: grid;
140
190
  width: var(--pf-v6-c-toolbar--Width, auto);
141
191
  font-size: var(--pf-v6-c-toolbar--FontSize);
142
192
  line-height: var(--pf-v6-c-toolbar--LineHeight);
package/components/Toolbar/toolbar.scss CHANGED
@@ -74,15 +74,19 @@ $pf-v6--include-toolbar-breakpoints: true !default;
74
74
  flex-wrap: wrap;
75
75
  }
76
76
 
77
+ .#{$toolbar}__content {
78
+ @include pf-v6-hidden-visible(grid);
79
+ }
80
+
77
81
  // - Toolbar - Toolbar content
78
82
  .#{$toolbar},
79
83
  .#{$toolbar}__content {
80
84
  position: relative;
81
- display: grid;
82
85
  }
83
86
 
84
87
  // - Toolbar
85
88
  .#{$toolbar} {
89
+ display: grid;
86
90
  width: var(--#{$toolbar}--Width, auto);
87
91
  font-size: var(--#{$toolbar}--FontSize);
88
92
  line-height: var(--#{$toolbar}--LineHeight);
package/components/_index.css CHANGED
@@ -16451,6 +16451,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16451
16451
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
16452
16452
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16453
16453
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
16454
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16454
16455
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16455
16456
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
16456
16457
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -16779,6 +16780,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16779
16780
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
16780
16781
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
16781
16782
  }
16783
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
16784
+ border: none;
16785
+ }
16782
16786
  .pf-v6-c-table.pf-m-drag-over {
16783
16787
  overflow-anchor: none;
16784
16788
  }
@@ -17076,6 +17080,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17076
17080
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
17077
17081
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
17078
17082
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
17083
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
17079
17084
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
17080
17085
  }
17081
17086
  .pf-v6-c-table__expandable-row.pf-m-expanded {
@@ -19576,13 +19581,63 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19576
19581
  }
19577
19582
  }
19578
19583
 
19584
+ .pf-v6-c-toolbar__content {
19585
+ --pf-v6-hidden-visible--visible--Display: grid;
19586
+ --pf-v6-hidden-visible--hidden--Display: none;
19587
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19588
+ display: var(--pf-v6-hidden-visible--Display);
19589
+ }
19590
+ .pf-v6-c-toolbar__content.pf-m-hidden {
19591
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19592
+ }
19593
+ @media screen and (min-width: 576px) {
19594
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
19595
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19596
+ }
19597
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
19598
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19599
+ }
19600
+ }
19601
+ @media screen and (min-width: 768px) {
19602
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
19603
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19604
+ }
19605
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
19606
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19607
+ }
19608
+ }
19609
+ @media screen and (min-width: 992px) {
19610
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
19611
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19612
+ }
19613
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
19614
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19615
+ }
19616
+ }
19617
+ @media screen and (min-width: 1200px) {
19618
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
19619
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19620
+ }
19621
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
19622
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19623
+ }
19624
+ }
19625
+ @media screen and (min-width: 1450px) {
19626
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
19627
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
19628
+ }
19629
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
19630
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
19631
+ }
19632
+ }
19633
+
19579
19634
  .pf-v6-c-toolbar,
19580
19635
  .pf-v6-c-toolbar__content {
19581
19636
  position: relative;
19582
- display: grid;
19583
19637
  }
19584
19638
 
19585
19639
  .pf-v6-c-toolbar {
19640
+ display: grid;
19586
19641
  width: var(--pf-v6-c-toolbar--Width, auto);
19587
19642
  font-size: var(--pf-v6-c-toolbar--FontSize);
19588
19643
  line-height: var(--pf-v6-c-toolbar--LineHeight);
package/docs/components/Table/examples/Table.md CHANGED
@@ -6162,12 +6162,11 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6162
6162
  role="rowgroup"
6163
6163
  tabindex="0"
6164
6164
  >
6165
- <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
6165
+ <tr class="pf-v6-c-table__tr" role="row">
6166
6166
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
6167
6167
  <button
6168
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
6168
+ class="pf-v6-c-button pf-m-plain"
6169
6169
  type="button"
6170
- aria-expanded="true"
6171
6170
  aria-label="Toggle row"
6172
6171
  >
6173
6172
  <div class="pf-v6-c-table__toggle-icon">
@@ -6240,7 +6239,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6240
6239
  </tbody>
6241
6240
 
6242
6241
  <tbody
6243
- class="pf-v6-c-table__tbody pf-m-clickable pf-m-selected pf-m-expanded"
6242
+ class="pf-v6-c-table__tbody pf-m-clickable pf-m-selected"
6244
6243
  role="rowgroup"
6245
6244
  tabindex="0"
6246
6245
  >
@@ -6331,12 +6330,11 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6331
6330
  role="rowgroup"
6332
6331
  tabindex="0"
6333
6332
  >
6334
- <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
6333
+ <tr class="pf-v6-c-table__tr" role="row">
6335
6334
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
6336
6335
  <button
6337
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
6336
+ class="pf-v6-c-button pf-m-plain"
6338
6337
  type="button"
6339
- aria-expanded="true"
6340
6338
  aria-label="Toggle row"
6341
6339
  >
6342
6340
  <div class="pf-v6-c-table__toggle-icon">
@@ -6409,7 +6407,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
6409
6407
  </tbody>
6410
6408
 
6411
6409
  <tbody
6412
- class="pf-v6-c-table__tbody pf-m-clickable pf-m-expanded"
6410
+ class="pf-v6-c-table__tbody pf-m-clickable"
6413
6411
  role="rowgroup"
6414
6412
  tabindex="0"
6415
6413
  >
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.0.0-alpha.136",
4
+ "version": "6.0.0-alpha.138",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-charts.css CHANGED
@@ -192,7 +192,7 @@
192
192
  --pf-t--chart--global--BorderWidth--lg: 8;
193
193
  --pf-t--chart--global--BorderWidth--sm: 2;
194
194
  --pf-t--chart--global--BorderWidth--xs: 1;
195
- --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
195
+ --pf-t--chart--global--label--fill: var(--pf-t--color--white);
196
196
  --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50);
197
197
  --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30);
198
198
  --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30);
package/patternfly-no-globals.css CHANGED
@@ -22451,6 +22451,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22451
22451
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
22452
22452
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22453
22453
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
22454
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22454
22455
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22455
22456
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22456
22457
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -22779,6 +22780,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22779
22780
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
22780
22781
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
22781
22782
  }
22783
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
22784
+ border: none;
22785
+ }
22782
22786
  .pf-v6-c-table.pf-m-drag-over {
22783
22787
  overflow-anchor: none;
22784
22788
  }
@@ -23076,6 +23080,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23076
23080
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
23077
23081
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
23078
23082
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
23083
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
23079
23084
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
23080
23085
  }
23081
23086
  .pf-v6-c-table__expandable-row.pf-m-expanded {
@@ -25576,13 +25581,63 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25576
25581
  }
25577
25582
  }
25578
25583
 
25584
+ .pf-v6-c-toolbar__content {
25585
+ --pf-v6-hidden-visible--visible--Display: grid;
25586
+ --pf-v6-hidden-visible--hidden--Display: none;
25587
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25588
+ display: var(--pf-v6-hidden-visible--Display);
25589
+ }
25590
+ .pf-v6-c-toolbar__content.pf-m-hidden {
25591
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25592
+ }
25593
+ @media screen and (min-width: 576px) {
25594
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
25595
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25596
+ }
25597
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
25598
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25599
+ }
25600
+ }
25601
+ @media screen and (min-width: 768px) {
25602
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
25603
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25604
+ }
25605
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
25606
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25607
+ }
25608
+ }
25609
+ @media screen and (min-width: 992px) {
25610
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
25611
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25612
+ }
25613
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
25614
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25615
+ }
25616
+ }
25617
+ @media screen and (min-width: 1200px) {
25618
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
25619
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25620
+ }
25621
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
25622
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25623
+ }
25624
+ }
25625
+ @media screen and (min-width: 1450px) {
25626
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
25627
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25628
+ }
25629
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
25630
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25631
+ }
25632
+ }
25633
+
25579
25634
  .pf-v6-c-toolbar,
25580
25635
  .pf-v6-c-toolbar__content {
25581
25636
  position: relative;
25582
- display: grid;
25583
25637
  }
25584
25638
 
25585
25639
  .pf-v6-c-toolbar {
25640
+ display: grid;
25586
25641
  width: var(--pf-v6-c-toolbar--Width, auto);
25587
25642
  font-size: var(--pf-v6-c-toolbar--FontSize);
25588
25643
  line-height: var(--pf-v6-c-toolbar--LineHeight);
package/patternfly.css CHANGED
@@ -22568,6 +22568,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22568
22568
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
22569
22569
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22570
22570
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
22571
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22571
22572
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22572
22573
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22573
22574
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -22896,6 +22897,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22896
22897
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
22897
22898
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
22898
22899
  }
22900
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
22901
+ border: none;
22902
+ }
22899
22903
  .pf-v6-c-table.pf-m-drag-over {
22900
22904
  overflow-anchor: none;
22901
22905
  }
@@ -23193,6 +23197,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23193
23197
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
23194
23198
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
23195
23199
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
23200
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
23196
23201
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
23197
23202
  }
23198
23203
  .pf-v6-c-table__expandable-row.pf-m-expanded {
@@ -25693,13 +25698,63 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25693
25698
  }
25694
25699
  }
25695
25700
 
25701
+ .pf-v6-c-toolbar__content {
25702
+ --pf-v6-hidden-visible--visible--Display: grid;
25703
+ --pf-v6-hidden-visible--hidden--Display: none;
25704
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25705
+ display: var(--pf-v6-hidden-visible--Display);
25706
+ }
25707
+ .pf-v6-c-toolbar__content.pf-m-hidden {
25708
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25709
+ }
25710
+ @media screen and (min-width: 576px) {
25711
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
25712
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25713
+ }
25714
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
25715
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25716
+ }
25717
+ }
25718
+ @media screen and (min-width: 768px) {
25719
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
25720
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25721
+ }
25722
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
25723
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25724
+ }
25725
+ }
25726
+ @media screen and (min-width: 992px) {
25727
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
25728
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25729
+ }
25730
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
25731
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25732
+ }
25733
+ }
25734
+ @media screen and (min-width: 1200px) {
25735
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
25736
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25737
+ }
25738
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
25739
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25740
+ }
25741
+ }
25742
+ @media screen and (min-width: 1450px) {
25743
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
25744
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
25745
+ }
25746
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
25747
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25748
+ }
25749
+ }
25750
+
25696
25751
  .pf-v6-c-toolbar,
25697
25752
  .pf-v6-c-toolbar__content {
25698
25753
  position: relative;
25699
- display: grid;
25700
25754
  }
25701
25755
 
25702
25756
  .pf-v6-c-toolbar {
25757
+ display: grid;
25703
25758
  width: var(--pf-v6-c-toolbar--Width, auto);
25704
25759
  font-size: var(--pf-v6-c-toolbar--FontSize);
25705
25760
  line-height: var(--pf-v6-c-toolbar--LineHeight);