@patternfly/patternfly 6.3.0-prerelease.73 → 6.3.0-prerelease.74

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 (8) hide show
  1. package/components/ExpandableSection/expandable-section.css +6 -2
  2. package/components/ExpandableSection/expandable-section.scss +7 -3
  3. package/components/_index.css +6 -2
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +6 -2
  6. package/patternfly.css +6 -2
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/ExpandableSection/expandable-section.css CHANGED
@@ -19,6 +19,7 @@
19
19
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
20
20
  --pf-v6-c-expandable-section__content--Opacity: 0;
21
21
  --pf-v6-c-expandable-section__content--TranslateY: 0;
22
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
22
23
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
23
24
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
24
25
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -66,6 +67,7 @@
66
67
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
67
68
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
68
69
  --pf-v6-c-expandable-section__content--Visibility: auto;
70
+ --pf-v6-c-expandable-section__content--Overflow: visible;
69
71
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
70
72
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
71
73
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -101,6 +103,7 @@
101
103
  }
102
104
  .pf-v6-c-expandable-section.pf-m-truncate {
103
105
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
106
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
104
107
  }
105
108
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
106
109
  display: -webkit-box;
@@ -127,13 +130,14 @@
127
130
  .pf-v6-c-expandable-section__content {
128
131
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
129
132
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
130
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
133
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
131
134
  }
132
135
  .pf-v6-c-expandable-section__content:where([hidden]) {
133
136
  display: revert;
134
137
  }
135
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
138
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
136
139
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
140
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
137
141
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
138
142
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
139
143
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
package/components/ExpandableSection/expandable-section.scss CHANGED
@@ -23,6 +23,7 @@
23
23
  --#{$expandable-section}__content--TransitionDelay--hide: var(--#{$expandable-section}__content--TransitionDuration--fade);
24
24
  --#{$expandable-section}__content--Opacity: 0;
25
25
  --#{$expandable-section}__content--TranslateY: 0;
26
+ --#{$expandable-section}__content--PaddingInlineStart: 0;
26
27
  --#{$expandable-section}--m-expand-top__content--TranslateY: 0;
27
28
  --#{$expandable-section}--m-expand-bottom__content--TranslateY: 0;
28
29
  --#{$expandable-section}--m-expanded__content--Opacity: 1;
@@ -79,6 +80,7 @@
79
80
  --#{$expandable-section}__content--Opacity: var(--#{$expandable-section}--m-expanded__content--Opacity);
80
81
  --#{$expandable-section}__content--TranslateY: var(--#{$expandable-section}--m-expanded__content--TranslateY);
81
82
  --#{$expandable-section}__content--Visibility: auto;
83
+ --#{$expandable-section}__content--Overflow: visible;
82
84
  --#{$expandable-section}__content--MaxHeight: 99999px;
83
85
  --#{$expandable-section}__content--TransitionDelay--hide: 0s;
84
86
 
@@ -128,6 +130,7 @@
128
130
 
129
131
  &.pf-m-truncate {
130
132
  --#{$expandable-section}--Gap: var(--#{$expandable-section}--m-truncate--Gap);
133
+ --#{$expandable-section}__content--TransitionDelay--hide: 0s;
131
134
 
132
135
  &:not(.pf-m-expanded) .#{$expandable-section}__content {
133
136
  // stylelint-disable
@@ -156,15 +159,16 @@
156
159
 
157
160
  .#{$expandable-section}__content {
158
161
  max-width: var(--#{$expandable-section}__content--MaxWidth);
159
- padding-block-end: var(--#{$expandable-section}__content--PaddingBlockEnd, 0);
160
- padding-inline-start: var(--#{$expandable-section}__content--PaddingInlineStart, 0);
162
+ padding-block-end: var(--#{$expandable-section}__content--PaddingBlockEnd, 0); // TODO remove in breaking change
163
+ padding-inline-start: var(--#{$expandable-section}__content--PaddingInlineStart);
161
164
 
162
165
  &:where([hidden]) {
163
166
  display: revert;
164
167
  }
165
168
 
166
- .#{$expandable-section}:where(:not(.pf-m-truncate)) & {
169
+ .#{$expandable-section}:where(:not(.pf-m-truncate)) > & {
167
170
  max-height: var(--#{$expandable-section}__content--MaxHeight, 0);
171
+ overflow: var(--#{$expandable-section}__content--Overflow, hidden);
168
172
  visibility: var(--#{$expandable-section}__content--Visibility, hidden);
169
173
  opacity: var(--#{$expandable-section}__content--Opacity);
170
174
  transition-delay: 0s, 0s, var(--#{$expandable-section}__content--TransitionDelay--hide, 0s), var(--#{$expandable-section}__content--TransitionDelay--hide, 0s);
package/components/_index.css CHANGED
@@ -6694,6 +6694,7 @@ ul) {
6694
6694
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6695
6695
  --pf-v6-c-expandable-section__content--Opacity: 0;
6696
6696
  --pf-v6-c-expandable-section__content--TranslateY: 0;
6697
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
6697
6698
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
6698
6699
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
6699
6700
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -6741,6 +6742,7 @@ ul) {
6741
6742
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6742
6743
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6743
6744
  --pf-v6-c-expandable-section__content--Visibility: auto;
6745
+ --pf-v6-c-expandable-section__content--Overflow: visible;
6744
6746
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
6745
6747
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6746
6748
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -6776,6 +6778,7 @@ ul) {
6776
6778
  }
6777
6779
  .pf-v6-c-expandable-section.pf-m-truncate {
6778
6780
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
6781
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
6779
6782
  }
6780
6783
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6781
6784
  display: -webkit-box;
@@ -6802,13 +6805,14 @@ ul) {
6802
6805
  .pf-v6-c-expandable-section__content {
6803
6806
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6804
6807
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6805
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6808
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
6806
6809
  }
6807
6810
  .pf-v6-c-expandable-section__content:where([hidden]) {
6808
6811
  display: revert;
6809
6812
  }
6810
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
6813
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
6811
6814
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
6815
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
6812
6816
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
6813
6817
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
6814
6818
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
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.73",
4
+ "version": "6.3.0-prerelease.74",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -15361,6 +15361,7 @@ ul) {
15361
15361
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
15362
15362
  --pf-v6-c-expandable-section__content--Opacity: 0;
15363
15363
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15364
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
15364
15365
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15365
15366
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15366
15367
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -15408,6 +15409,7 @@ ul) {
15408
15409
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
15409
15410
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
15410
15411
  --pf-v6-c-expandable-section__content--Visibility: auto;
15412
+ --pf-v6-c-expandable-section__content--Overflow: visible;
15411
15413
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
15412
15414
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
15413
15415
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -15443,6 +15445,7 @@ ul) {
15443
15445
  }
15444
15446
  .pf-v6-c-expandable-section.pf-m-truncate {
15445
15447
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
15448
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
15446
15449
  }
15447
15450
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15448
15451
  display: -webkit-box;
@@ -15469,13 +15472,14 @@ ul) {
15469
15472
  .pf-v6-c-expandable-section__content {
15470
15473
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
15471
15474
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
15472
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
15475
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
15473
15476
  }
15474
15477
  .pf-v6-c-expandable-section__content:where([hidden]) {
15475
15478
  display: revert;
15476
15479
  }
15477
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
15480
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
15478
15481
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
15482
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
15479
15483
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
15480
15484
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
15481
15485
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
package/patternfly.css CHANGED
@@ -15501,6 +15501,7 @@ ul) {
15501
15501
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
15502
15502
  --pf-v6-c-expandable-section__content--Opacity: 0;
15503
15503
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15504
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
15504
15505
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15505
15506
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15506
15507
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
@@ -15548,6 +15549,7 @@ ul) {
15548
15549
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
15549
15550
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
15550
15551
  --pf-v6-c-expandable-section__content--Visibility: auto;
15552
+ --pf-v6-c-expandable-section__content--Overflow: visible;
15551
15553
  --pf-v6-c-expandable-section__content--MaxHeight: 99999px;
15552
15554
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
15553
15555
  gap: var(--pf-v6-c-expandable-section--Gap);
@@ -15583,6 +15585,7 @@ ul) {
15583
15585
  }
15584
15586
  .pf-v6-c-expandable-section.pf-m-truncate {
15585
15587
  --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
15588
+ --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
15586
15589
  }
15587
15590
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15588
15591
  display: -webkit-box;
@@ -15609,13 +15612,14 @@ ul) {
15609
15612
  .pf-v6-c-expandable-section__content {
15610
15613
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
15611
15614
  padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
15612
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
15615
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
15613
15616
  }
15614
15617
  .pf-v6-c-expandable-section__content:where([hidden]) {
15615
15618
  display: revert;
15616
15619
  }
15617
- .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
15620
+ .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
15618
15621
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
15622
+ overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
15619
15623
  visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
15620
15624
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
15621
15625
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);