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

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/DualListSelector/dual-list-selector.css +2 -2
  2. package/components/DualListSelector/dual-list-selector.scss +2 -2
  3. package/components/ExpandableSection/expandable-section.css +6 -2
  4. package/components/ExpandableSection/expandable-section.scss +7 -3
  5. package/components/_index.css +8 -4
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +8 -4
  8. package/patternfly.css +8 -4
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/DualListSelector/dual-list-selector.css CHANGED
@@ -245,7 +245,7 @@
245
245
 
246
246
  .pf-v6-c-dual-list-selector__item,
247
247
  .pf-v6-c-dual-list-selector__item-main {
248
- flex-basis: 100%;
248
+ flex-grow: 1;
249
249
  }
250
250
 
251
251
  .pf-v6-c-dual-list-selector__draggable {
@@ -264,7 +264,7 @@
264
264
 
265
265
  .pf-v6-c-dual-list-selector__item {
266
266
  position: relative;
267
- width: 100%;
267
+ min-width: 0;
268
268
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
269
269
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
270
270
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
package/components/DualListSelector/dual-list-selector.scss CHANGED
@@ -312,7 +312,7 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
312
312
 
313
313
  .#{$dual-list-selector}__item,
314
314
  .#{$dual-list-selector}__item-main {
315
- flex-basis: 100%;
315
+ flex-grow: 1;
316
316
  }
317
317
 
318
318
  .#{$dual-list-selector}__draggable {
@@ -335,7 +335,7 @@ $pf-v6-c-dual-list-selector__item--MaxNesting: 10;
335
335
 
336
336
  .#{$dual-list-selector}__item {
337
337
  position: relative;
338
- width: 100%;
338
+ min-width: 0;
339
339
  padding-block-start: var(--#{$dual-list-selector}__item--PaddingBlockStart);
340
340
  padding-block-end: var(--#{$dual-list-selector}__item--PaddingBlockEnd);
341
341
  padding-inline-start: var(--#{$dual-list-selector}__item--PaddingInlineStart);
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
@@ -5179,7 +5179,7 @@ ul) {
5179
5179
 
5180
5180
  .pf-v6-c-dual-list-selector__item,
5181
5181
  .pf-v6-c-dual-list-selector__item-main {
5182
- flex-basis: 100%;
5182
+ flex-grow: 1;
5183
5183
  }
5184
5184
 
5185
5185
  .pf-v6-c-dual-list-selector__draggable {
@@ -5198,7 +5198,7 @@ ul) {
5198
5198
 
5199
5199
  .pf-v6-c-dual-list-selector__item {
5200
5200
  position: relative;
5201
- width: 100%;
5201
+ min-width: 0;
5202
5202
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
5203
5203
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
5204
5204
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -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.75",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -13846,7 +13846,7 @@ ul) {
13846
13846
 
13847
13847
  .pf-v6-c-dual-list-selector__item,
13848
13848
  .pf-v6-c-dual-list-selector__item-main {
13849
- flex-basis: 100%;
13849
+ flex-grow: 1;
13850
13850
  }
13851
13851
 
13852
13852
  .pf-v6-c-dual-list-selector__draggable {
@@ -13865,7 +13865,7 @@ ul) {
13865
13865
 
13866
13866
  .pf-v6-c-dual-list-selector__item {
13867
13867
  position: relative;
13868
- width: 100%;
13868
+ min-width: 0;
13869
13869
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
13870
13870
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
13871
13871
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -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
@@ -13986,7 +13986,7 @@ ul) {
13986
13986
 
13987
13987
  .pf-v6-c-dual-list-selector__item,
13988
13988
  .pf-v6-c-dual-list-selector__item-main {
13989
- flex-basis: 100%;
13989
+ flex-grow: 1;
13990
13990
  }
13991
13991
 
13992
13992
  .pf-v6-c-dual-list-selector__draggable {
@@ -14005,7 +14005,7 @@ ul) {
14005
14005
 
14006
14006
  .pf-v6-c-dual-list-selector__item {
14007
14007
  position: relative;
14008
- width: 100%;
14008
+ min-width: 0;
14009
14009
  padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
14010
14010
  padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
14011
14011
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
@@ -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);