@patternfly/patternfly 6.3.0-prerelease.20 → 6.3.0-prerelease.21

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 +2 -4
  2. package/components/ExpandableSection/expandable-section.scss +2 -4
  3. package/components/_index.css +2 -4
  4. package/package.json +2 -2
  5. package/patternfly-no-globals.css +2 -4
  6. package/patternfly.css +2 -4
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/ExpandableSection/expandable-section.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
33
33
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
34
34
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
35
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
35
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
36
36
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
37
37
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
38
38
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
@@ -51,7 +51,7 @@
51
51
  gap: 0;
52
52
  transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
53
53
  transition-duration: 0s;
54
- transition-property: gap;
54
+ transition-property: gap, padding-block-end;
55
55
  }
56
56
  .pf-v6-c-expandable-section.pf-m-expanded {
57
57
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
@@ -61,7 +61,6 @@
61
61
  --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
62
62
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
63
63
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
64
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
65
64
  --pf-v6-c-expandable-section__content--Visibility: auto;
66
65
  --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
67
66
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
@@ -78,7 +77,6 @@
78
77
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
79
78
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
80
79
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
81
- transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
82
80
  }
83
81
  .pf-v6-c-expandable-section.pf-m-indented {
84
82
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
package/components/ExpandableSection/expandable-section.scss CHANGED
@@ -48,7 +48,7 @@
48
48
  --#{$expandable-section}--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
49
49
  --#{$expandable-section}--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
50
50
  --#{$expandable-section}--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
51
- --#{$expandable-section}--m-display-lg--TransitionDelay: var(--#{$expandable-section}__content--TransitionDuration--fade);
51
+ --#{$expandable-section}--m-display-lg--TransitionDelay: var(--#{$expandable-section}__content--TransitionDuration--collapse--fade);
52
52
 
53
53
  // Indented
54
54
  --#{$expandable-section}--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--#{$expandable-section}__toggle-icon--MinWidth));
@@ -64,7 +64,7 @@
64
64
  gap: 0;
65
65
  transition-delay: var(--#{$expandable-section}__content--TransitionDelay--hide);
66
66
  transition-duration: 0s;
67
- transition-property: gap;
67
+ transition-property: gap, padding-block-end;
68
68
 
69
69
  &.pf-m-expanded {
70
70
  --#{$expandable-section}__toggle-icon--Rotate: var(--#{$expandable-section}--m-expanded__toggle-icon--Rotate);
@@ -74,7 +74,6 @@
74
74
  --#{$expandable-section}__content--TransitionDuration--fade: var(--#{$expandable-section}__content--TransitionDuration--expand--fade);
75
75
  --#{$expandable-section}__content--Opacity: var(--#{$expandable-section}--m-expanded__content--Opacity);
76
76
  --#{$expandable-section}__content--TranslateY: var(--#{$expandable-section}--m-expanded__content--TranslateY);
77
- --#{$expandable-section}--m-display-lg--TransitionDelay: 0s;
78
77
  --#{$expandable-section}__content--Visibility: auto;
79
78
  --#{$expandable-section}__content--MaxHeight: 9999px;
80
79
  --#{$expandable-section}__content--TransitionDelay--hide: 0s;
@@ -94,7 +93,6 @@
94
93
  background-color: var(--#{$expandable-section}--m-display-lg--BackgroundColor);
95
94
  border: var(--#{$expandable-section}--m-display-lg--BorderWidth) solid var(--#{$expandable-section}--m-display-lg--BorderColor);
96
95
  border-radius: var(--#{$expandable-section}--m-display-lg--BorderRadius);
97
- transition: padding-block-end 0s var(--#{$expandable-section}--m-display-lg--TransitionDelay, 0s);
98
96
  }
99
97
 
100
98
  &.pf-m-indented {
package/components/_index.css CHANGED
@@ -6474,7 +6474,7 @@ ul) {
6474
6474
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6475
6475
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6476
6476
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6477
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
6477
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
6478
6478
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
6479
6479
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6480
6480
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
@@ -6493,7 +6493,7 @@ ul) {
6493
6493
  gap: 0;
6494
6494
  transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
6495
6495
  transition-duration: 0s;
6496
- transition-property: gap;
6496
+ transition-property: gap, padding-block-end;
6497
6497
  }
6498
6498
  .pf-v6-c-expandable-section.pf-m-expanded {
6499
6499
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
@@ -6503,7 +6503,6 @@ ul) {
6503
6503
  --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
6504
6504
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
6505
6505
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
6506
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
6507
6506
  --pf-v6-c-expandable-section__content--Visibility: auto;
6508
6507
  --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
6509
6508
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
@@ -6520,7 +6519,6 @@ ul) {
6520
6519
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
6521
6520
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
6522
6521
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
6523
- transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
6524
6522
  }
6525
6523
  .pf-v6-c-expandable-section.pf-m-indented {
6526
6524
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
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.20",
4
+ "version": "6.3.0-prerelease.21",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.10.11",
50
+ "@patternfly/documentation-framework": "6.10.19",
51
51
  "@patternfly/patternfly-a11y": "5.1.0",
52
52
  "@patternfly/react-code-editor": "6.2.2",
53
53
  "@patternfly/react-core": "6.2.2",
package/patternfly-no-globals.css CHANGED
@@ -13936,7 +13936,7 @@ ul) {
13936
13936
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
13937
13937
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
13938
13938
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
13939
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
13939
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
13940
13940
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
13941
13941
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
13942
13942
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
@@ -13955,7 +13955,7 @@ ul) {
13955
13955
  gap: 0;
13956
13956
  transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
13957
13957
  transition-duration: 0s;
13958
- transition-property: gap;
13958
+ transition-property: gap, padding-block-end;
13959
13959
  }
13960
13960
  .pf-v6-c-expandable-section.pf-m-expanded {
13961
13961
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
@@ -13965,7 +13965,6 @@ ul) {
13965
13965
  --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
13966
13966
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
13967
13967
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
13968
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
13969
13968
  --pf-v6-c-expandable-section__content--Visibility: auto;
13970
13969
  --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
13971
13970
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
@@ -13982,7 +13981,6 @@ ul) {
13982
13981
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
13983
13982
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
13984
13983
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
13985
- transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
13986
13984
  }
13987
13985
  .pf-v6-c-expandable-section.pf-m-indented {
13988
13986
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
package/patternfly.css CHANGED
@@ -14072,7 +14072,7 @@ ul) {
14072
14072
  --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
14073
14073
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
14074
14074
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
14075
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
14075
+ --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
14076
14076
  --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
14077
14077
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
14078
14078
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
@@ -14091,7 +14091,7 @@ ul) {
14091
14091
  gap: 0;
14092
14092
  transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
14093
14093
  transition-duration: 0s;
14094
- transition-property: gap;
14094
+ transition-property: gap, padding-block-end;
14095
14095
  }
14096
14096
  .pf-v6-c-expandable-section.pf-m-expanded {
14097
14097
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
@@ -14101,7 +14101,6 @@ ul) {
14101
14101
  --pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
14102
14102
  --pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
14103
14103
  --pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
14104
- --pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
14105
14104
  --pf-v6-c-expandable-section__content--Visibility: auto;
14106
14105
  --pf-v6-c-expandable-section__content--MaxHeight: 9999px;
14107
14106
  --pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
@@ -14118,7 +14117,6 @@ ul) {
14118
14117
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
14119
14118
  border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
14120
14119
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
14121
- transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
14122
14120
  }
14123
14121
  .pf-v6-c-expandable-section.pf-m-indented {
14124
14122
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);