@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.1

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 (9) hide show
  1. package/README.md +1 -1
  2. package/components/Accordion/accordion.css +5 -1
  3. package/components/Accordion/accordion.scss +6 -1
  4. package/components/_index.css +5 -1
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +5 -1
  7. package/patternfly.css +5 -1
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # PatternFly
2
-
2
+
3
3
  ## Contributing
4
4
 
5
5
  We welcome contributions to PatternFly! Please read our [Contributing Guide](https://pf-core-staging.patternfly.org/contribution) to learn how to get started, submit issues, and contribute code to the project.
package/components/Accordion/accordion.css CHANGED
@@ -39,7 +39,9 @@
39
39
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
40
40
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
41
41
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
42
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
42
43
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
44
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
43
45
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
44
46
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
45
47
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -172,6 +174,7 @@
172
174
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
173
175
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
174
176
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
177
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
175
178
  }
176
179
 
177
180
  .pf-v6-c-accordion__toggle {
@@ -232,6 +235,7 @@
232
235
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
233
236
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
234
237
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
238
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
235
239
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
236
240
  color: var(--pf-v6-c-accordion__expandable-content--Color);
237
241
  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
@@ -246,8 +250,8 @@
246
250
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
247
251
  }
248
252
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
253
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
249
254
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
250
- overflow-y: auto;
251
255
  }
252
256
 
253
257
  .pf-v6-c-accordion__expandable-content-body {
package/components/Accordion/accordion.scss CHANGED
@@ -55,7 +55,9 @@
55
55
  --#{$accordion}__expandable-content--m-fixed--MaxHeight: #{pf-size-prem(150px)};
56
56
  --#{$accordion}__expandable-content--MaxHeight: 0;
57
57
  --#{$accordion}__expandable-content--Visibility: hidden;
58
+ --#{$accordion}__expandable-content--Overflow: hidden;
58
59
  --#{$accordion}__item--m-expanded__expandable-content--Visibility: visible;
60
+ --#{$accordion}__item--m-expanded__expandable-content--Overflow: visible;
59
61
  --#{$accordion}__item--m-expanded__expandable-content--MaxHeight: 99999px;
60
62
  --#{$accordion}__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
61
63
 
@@ -204,6 +206,7 @@
204
206
  --#{$accordion}__expandable-content--TransitionDuration--fade: 0s;
205
207
  --#{$accordion}__expandable-content--m-fixed--MaxHeight--base: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight);
206
208
  --#{$accordion}__expandable-content--BorderWidth: var(--#{$accordion}__item--m-expanded__expandable-content--BorderWidth);
209
+ --#{$accordion}__expandable-content--Overflow: var(--#{$accordion}__item--m-expanded__expandable-content--Overflow);
207
210
  }
208
211
  }
209
212
 
@@ -264,6 +267,7 @@
264
267
  margin-block-end: var(--#{$accordion}__expandable-content--MarginBlockEnd);
265
268
  margin-inline-start: var(--#{$accordion}__expandable-content--MarginInlineStart);
266
269
  margin-inline-end: var(--#{$accordion}__expandable-content--MarginInlineEnd);
270
+ overflow-y: var(--#{$accordion}__expandable-content--Overflow);
267
271
  font-size: var(--#{$accordion}__expandable-content--FontSize);
268
272
  color: var(--#{$accordion}__expandable-content--Color);
269
273
  visibility: var(--#{$accordion}__expandable-content--Visibility);
@@ -278,8 +282,9 @@
278
282
  translate: 0 var(--#{$accordion}__expandable-content--TranslateY);
279
283
 
280
284
  &.pf-m-fixed {
285
+ --#{$accordion}__expandable-content--Overflow: auto;
286
+
281
287
  max-height: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight--base);
282
- overflow-y: auto;
283
288
  }
284
289
  }
285
290
 
package/components/_index.css CHANGED
@@ -241,7 +241,9 @@
241
241
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
242
242
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
243
243
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
244
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
244
245
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
246
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
245
247
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
246
248
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
247
249
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -374,6 +376,7 @@
374
376
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
375
377
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
376
378
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
379
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
377
380
  }
378
381
 
379
382
  .pf-v6-c-accordion__toggle {
@@ -434,6 +437,7 @@
434
437
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
435
438
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
436
439
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
440
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
437
441
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
438
442
  color: var(--pf-v6-c-accordion__expandable-content--Color);
439
443
  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
@@ -448,8 +452,8 @@
448
452
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
449
453
  }
450
454
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
455
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
451
456
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
452
- overflow-y: auto;
453
457
  }
454
458
 
455
459
  .pf-v6-c-accordion__expandable-content-body {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.2",
4
+ "version": "6.6.0-prerelease.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9495,7 +9495,9 @@
9495
9495
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9496
9496
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9497
9497
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9498
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9498
9499
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9500
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9499
9501
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9500
9502
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9501
9503
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9628,6 +9630,7 @@
9628
9630
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9629
9631
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9630
9632
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9633
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9631
9634
  }
9632
9635
 
9633
9636
  .pf-v6-c-accordion__toggle {
@@ -9688,6 +9691,7 @@
9688
9691
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9689
9692
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9690
9693
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9694
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9691
9695
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9692
9696
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9693
9697
  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
@@ -9702,8 +9706,8 @@
9702
9706
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9703
9707
  }
9704
9708
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9709
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9705
9710
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9706
- overflow-y: auto;
9707
9711
  }
9708
9712
 
9709
9713
  .pf-v6-c-accordion__expandable-content-body {
package/patternfly.css CHANGED
@@ -9650,7 +9650,9 @@ button) {
9650
9650
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9651
9651
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9652
9652
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9653
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9653
9654
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9655
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9654
9656
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9655
9657
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9656
9658
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9783,6 +9785,7 @@ button) {
9783
9785
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9784
9786
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9785
9787
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9788
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9786
9789
  }
9787
9790
 
9788
9791
  .pf-v6-c-accordion__toggle {
@@ -9843,6 +9846,7 @@ button) {
9843
9846
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9844
9847
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9845
9848
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9849
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9846
9850
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9847
9851
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9848
9852
  visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
@@ -9857,8 +9861,8 @@ button) {
9857
9861
  translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9858
9862
  }
9859
9863
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9864
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9860
9865
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9861
- overflow-y: auto;
9862
9866
  }
9863
9867
 
9864
9868
  .pf-v6-c-accordion__expandable-content-body {