@patternfly/patternfly 6.3.0-prerelease.23 → 6.3.0-prerelease.24

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 (10) hide show
  1. package/components/Accordion/accordion.css +11 -12
  2. package/components/Accordion/accordion.scss +11 -10
  3. package/components/TreeView/tree-view.css +9 -3
  4. package/components/TreeView/tree-view.scss +9 -3
  5. package/components/_index.css +20 -15
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +20 -15
  8. package/patternfly.css +20 -15
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Accordion/accordion.css CHANGED
@@ -183,33 +183,32 @@
183
183
  }
184
184
 
185
185
  .pf-v6-c-accordion__expandable-content {
186
- display: none;
187
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
186
+ max-height: 0;
188
187
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
189
188
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
190
189
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
191
190
  color: var(--pf-v6-c-accordion__expandable-content--Color);
191
+ visibility: hidden;
192
192
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
193
193
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
194
194
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
195
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
195
196
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
196
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
197
- transition-property: opacity, translate, display;
198
- transition-behavior: allow-discrete;
197
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
198
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
199
199
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
200
200
  }
201
201
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
202
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
203
202
  overflow-y: auto;
204
203
  }
205
204
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
206
- display: revert;
205
+ max-height: 9999px;
206
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
207
+ visibility: revert;
208
+ transition-delay: 0s;
207
209
  }
208
- @starting-style {
209
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
210
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
211
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
212
- }
210
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
211
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
213
212
  }
214
213
 
215
214
  .pf-v6-c-accordion__expandable-content-body {
package/components/Accordion/accordion.scss CHANGED
@@ -212,32 +212,33 @@
212
212
  }
213
213
 
214
214
  .#{$accordion}__expandable-content {
215
- display: none;
216
- margin-block-end: var(--#{$accordion}__expandable-content--MarginBlockEnd);
215
+ max-height: 0;
217
216
  margin-inline-start: var(--#{$accordion}__expandable-content--MarginInlineStart);
218
217
  margin-inline-end: var(--#{$accordion}__expandable-content--MarginInlineEnd);
219
218
  font-size: var(--#{$accordion}__expandable-content--FontSize);
220
219
  color: var(--#{$accordion}__expandable-content--Color);
220
+ visibility: hidden;
221
221
  background-color: var(--#{$accordion}__expandable-content--BackgroundColor);
222
222
  border-radius: var(--#{$accordion}__expandable-content--BorderRadius);
223
223
  opacity: var(--#{$accordion}__expandable-content--Opacity);
224
+ transition-delay: 0s, 0s, var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--fade);
224
225
  transition-timing-function: var(--#{$accordion}__expandable-content--TransitionTimingFunction);
225
- transition-duration: var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--slide), var(--#{$accordion}__expandable-content--TransitionDuration--fade);
226
- transition-property: opacity, translate, display;
227
- transition-behavior: allow-discrete;
226
+ transition-duration: var(--#{$accordion}__expandable-content--TransitionDuration--fade), var(--#{$accordion}__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
227
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
228
228
  translate: 0 var(--#{$accordion}__expandable-content--TranslateY);
229
229
 
230
230
  &.pf-m-fixed {
231
- max-height: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight);
232
231
  overflow-y: auto;
233
232
  }
234
233
 
235
234
  .#{$accordion}__item.pf-m-expanded & {
236
- display: revert;
235
+ max-height: 9999px;
236
+ margin-block-end: var(--#{$accordion}__expandable-content--MarginBlockEnd);
237
+ visibility: revert;
238
+ transition-delay: 0s;
237
239
 
238
- @starting-style {
239
- --#{$accordion}__expandable-content--Opacity: 0;
240
- --#{$accordion}__expandable-content--TranslateY: -.5rem;
240
+ &.pf-m-fixed {
241
+ max-height: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight);
241
242
  }
242
243
  }
243
244
  }
package/components/TreeView/tree-view.css CHANGED
@@ -247,10 +247,13 @@
247
247
  }
248
248
 
249
249
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
250
+ max-height: 0;
251
+ visibility: hidden;
250
252
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
253
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
251
254
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
252
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
253
- transition-property: opacity, translate;
255
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
256
+ transition-property: opacity, translate, visibility, max-height;
254
257
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
255
258
  }
256
259
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -262,8 +265,11 @@
262
265
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
263
266
  }
264
267
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
268
+ max-height: 9999px;
269
+ visibility: revert;
265
270
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
266
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
271
+ transition-delay: 0s;
272
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
267
273
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
268
274
  }
269
275
 
package/components/TreeView/tree-view.scss CHANGED
@@ -357,10 +357,13 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
357
357
 
358
358
  .#{$tree-view}__list-item {
359
359
  .#{$tree-view}__list {
360
+ max-height: 0;
361
+ visibility: hidden;
360
362
  opacity: var(--#{$tree-view}__list--Opacity);
363
+ transition-delay: 0s, 0s, var(--#{$tree-view}__list--TransitionDuration--fade), var(--#{$tree-view}__list--TransitionDuration--fade);
361
364
  transition-timing-function: var(--#{$tree-view}__list--TransitionTimingFunction);
362
- transition-duration: var(--#{$tree-view}__list--TransitionDuration--fade), var(--#{$tree-view}__list--TransitionDuration--slide);
363
- transition-property: opacity, translate;
365
+ transition-duration: var(--#{$tree-view}__list--TransitionDuration--fade), var(--#{$tree-view}__list--TransitionDuration--slide), 0s, 0s;
366
+ transition-property: opacity, translate, visibility, max-height;
364
367
  translate: 0 var(--#{$tree-view}__list--TranslateY);
365
368
  }
366
369
 
@@ -374,8 +377,11 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
374
377
  --#{$tree-view}__node-toggle-icon--Rotate: var(--#{$tree-view}__list-item--m-expanded__node-toggle-icon--Rotate);
375
378
 
376
379
  > .#{$tree-view}__list {
380
+ max-height: 9999px;
381
+ visibility: revert;
377
382
  opacity: var(--#{$tree-view}--m-expanded__list--Opacity);
378
- transition-duration: var(--#{$tree-view}__list--TransitionDuration--expand--fade), var(--#{$tree-view}__list--TransitionDuration--expand--slide);
383
+ transition-delay: 0s;
384
+ transition-duration: var(--#{$tree-view}__list--TransitionDuration--expand--fade), var(--#{$tree-view}__list--TransitionDuration--expand--slide), 0s, 0s;
379
385
  translate: 0 var(--#{$tree-view}--m-expanded__list--TranslateY);
380
386
  }
381
387
  }
package/components/_index.css CHANGED
@@ -376,33 +376,32 @@
376
376
  }
377
377
 
378
378
  .pf-v6-c-accordion__expandable-content {
379
- display: none;
380
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
379
+ max-height: 0;
381
380
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
382
381
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
383
382
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
384
383
  color: var(--pf-v6-c-accordion__expandable-content--Color);
384
+ visibility: hidden;
385
385
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
386
386
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
387
387
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
388
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
388
389
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
389
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
390
- transition-property: opacity, translate, display;
391
- transition-behavior: allow-discrete;
390
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
391
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
392
392
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
393
393
  }
394
394
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
395
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
396
395
  overflow-y: auto;
397
396
  }
398
397
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
399
- display: revert;
398
+ max-height: 9999px;
399
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
400
+ visibility: revert;
401
+ transition-delay: 0s;
400
402
  }
401
- @starting-style {
402
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
403
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
404
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
405
- }
403
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
404
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
406
405
  }
407
406
 
408
407
  .pf-v6-c-accordion__expandable-content-body {
@@ -22475,10 +22474,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22475
22474
  }
22476
22475
 
22477
22476
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
22477
+ max-height: 0;
22478
+ visibility: hidden;
22478
22479
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
22480
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
22479
22481
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
22480
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
22481
- transition-property: opacity, translate;
22482
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
22483
+ transition-property: opacity, translate, visibility, max-height;
22482
22484
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
22483
22485
  }
22484
22486
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -22490,8 +22492,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22490
22492
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22491
22493
  }
22492
22494
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
22495
+ max-height: 9999px;
22496
+ visibility: revert;
22493
22497
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
22494
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
22498
+ transition-delay: 0s;
22499
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
22495
22500
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
22496
22501
  }
22497
22502
 
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.3.0-prerelease.23",
4
+ "version": "6.3.0-prerelease.24",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -7838,33 +7838,32 @@
7838
7838
  }
7839
7839
 
7840
7840
  .pf-v6-c-accordion__expandable-content {
7841
- display: none;
7842
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7841
+ max-height: 0;
7843
7842
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7844
7843
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7845
7844
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7846
7845
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7846
+ visibility: hidden;
7847
7847
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7848
7848
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7849
7849
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7850
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7850
7851
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7851
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7852
- transition-property: opacity, translate, display;
7853
- transition-behavior: allow-discrete;
7852
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
7853
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
7854
7854
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7855
7855
  }
7856
7856
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7857
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7858
7857
  overflow-y: auto;
7859
7858
  }
7860
7859
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7861
- display: revert;
7860
+ max-height: 9999px;
7861
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7862
+ visibility: revert;
7863
+ transition-delay: 0s;
7862
7864
  }
7863
- @starting-style {
7864
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7865
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
7866
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
7867
- }
7865
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7866
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7868
7867
  }
7869
7868
 
7870
7869
  .pf-v6-c-accordion__expandable-content-body {
@@ -29937,10 +29936,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29937
29936
  }
29938
29937
 
29939
29938
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
29939
+ max-height: 0;
29940
+ visibility: hidden;
29940
29941
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
29942
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
29941
29943
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
29942
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
29943
- transition-property: opacity, translate;
29944
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
29945
+ transition-property: opacity, translate, visibility, max-height;
29944
29946
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
29945
29947
  }
29946
29948
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -29952,8 +29954,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29952
29954
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
29953
29955
  }
29954
29956
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
29957
+ max-height: 9999px;
29958
+ visibility: revert;
29955
29959
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
29956
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
29960
+ transition-delay: 0s;
29961
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
29957
29962
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
29958
29963
  }
29959
29964
 
package/patternfly.css CHANGED
@@ -7974,33 +7974,32 @@ button) {
7974
7974
  }
7975
7975
 
7976
7976
  .pf-v6-c-accordion__expandable-content {
7977
- display: none;
7978
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7977
+ max-height: 0;
7979
7978
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
7980
7979
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
7981
7980
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
7982
7981
  color: var(--pf-v6-c-accordion__expandable-content--Color);
7982
+ visibility: hidden;
7983
7983
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
7984
7984
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
7985
7985
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
7986
+ transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7986
7987
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
7987
- transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
7988
- transition-property: opacity, translate, display;
7989
- transition-behavior: allow-discrete;
7988
+ transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
7989
+ transition-property: opacity, translate, visibility, max-height, margin-block-end;
7990
7990
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
7991
7991
  }
7992
7992
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
7993
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
7994
7993
  overflow-y: auto;
7995
7994
  }
7996
7995
  .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
7997
- display: revert;
7996
+ max-height: 9999px;
7997
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
7998
+ visibility: revert;
7999
+ transition-delay: 0s;
7998
8000
  }
7999
- @starting-style {
8000
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
8001
- --pf-v6-c-accordion__expandable-content--Opacity: 0;
8002
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
8003
- }
8001
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
8002
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
8004
8003
  }
8005
8004
 
8006
8005
  .pf-v6-c-accordion__expandable-content-body {
@@ -30073,10 +30072,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30073
30072
  }
30074
30073
 
30075
30074
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
30075
+ max-height: 0;
30076
+ visibility: hidden;
30076
30077
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
30078
+ transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
30077
30079
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
30078
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
30079
- transition-property: opacity, translate;
30080
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
30081
+ transition-property: opacity, translate, visibility, max-height;
30080
30082
  translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
30081
30083
  }
30082
30084
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
@@ -30088,8 +30090,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30088
30090
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
30089
30091
  }
30090
30092
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
30093
+ max-height: 9999px;
30094
+ visibility: revert;
30091
30095
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
30092
- transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
30096
+ transition-delay: 0s;
30097
+ transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
30093
30098
  translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
30094
30099
  }
30095
30100