@patternfly/patternfly 6.3.0-prerelease.59 → 6.3.0-prerelease.60

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 (19) hide show
  1. package/components/Accordion/accordion.css +3 -1
  2. package/components/Accordion/accordion.scss +4 -1
  3. package/components/_index.css +3 -1
  4. package/docs/components/Alert/examples/Alert.md +2 -2
  5. package/docs/components/Button/examples/Button.md +1 -3
  6. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +3 -6
  7. package/docs/components/CodeBlock/examples/CodeBlock.md +1 -1
  8. package/docs/components/ExpandableSection/examples/ExpandableSection.md +6 -6
  9. package/docs/components/Form/examples/Form.md +3 -3
  10. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  11. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +10 -2
  12. package/docs/components/Table/examples/Table.md +11 -11
  13. package/docs/demos/Form/examples/BasicForms.md +4 -4
  14. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  15. package/package.json +1 -1
  16. package/patternfly-no-globals.css +3 -1
  17. package/patternfly.css +3 -1
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/components/Accordion/accordion.css CHANGED
@@ -79,8 +79,9 @@
79
79
  --pf-v6-c-accordion__item--BorderWidth: 0;
80
80
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
81
81
  --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
82
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
82
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
83
83
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
84
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
84
85
  }
85
86
  @media screen and (prefers-reduced-motion: no-preference) {
86
87
  .pf-v6-c-accordion {
@@ -159,6 +160,7 @@
159
160
  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
160
161
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
161
162
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
163
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
162
164
  }
163
165
 
164
166
  .pf-v6-c-accordion__toggle {
package/components/Accordion/accordion.scss CHANGED
@@ -116,8 +116,9 @@
116
116
  --#{$accordion}__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
117
117
 
118
118
  // expandable content border for high contrast
119
- --#{$accordion}__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
119
+ --#{$accordion}__expandable-content--BorderWidth: 0;
120
120
  --#{$accordion}__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
121
+ --#{$accordion}__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
121
122
  }
122
123
 
123
124
  .#{$accordion} {
@@ -191,6 +192,8 @@
191
192
  --#{$accordion}__expandable-content--Visibility: var(--#{$accordion}__item--m-expanded__expandable-content--Visibility);
192
193
  --#{$accordion}__expandable-content--TransitionDuration--fade: 0s;
193
194
  --#{$accordion}__expandable-content--m-fixed--MaxHeight--base: var(--#{$accordion}__expandable-content--m-fixed--MaxHeight);
195
+ --#{$accordion}__expandable-content--BorderWidth: var(--#{$accordion}__item--m-expanded__expandable-content--BorderWidth);
196
+
194
197
  }
195
198
  }
196
199
 
package/components/_index.css CHANGED
@@ -272,8 +272,9 @@
272
272
  --pf-v6-c-accordion__item--BorderWidth: 0;
273
273
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
274
274
  --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
275
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
275
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
276
276
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
277
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
277
278
  }
278
279
  @media screen and (prefers-reduced-motion: no-preference) {
279
280
  .pf-v6-c-accordion {
@@ -352,6 +353,7 @@
352
353
  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
353
354
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
354
355
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
356
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
355
357
  }
356
358
 
357
359
  .pf-v6-c-accordion__toggle {
package/docs/components/Alert/examples/Alert.md CHANGED
@@ -493,7 +493,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
493
493
  >
494
494
  <div class="pf-v6-c-alert__toggle">
495
495
  <button
496
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
496
+ class="pf-v6-c-button pf-m-plain"
497
497
  id="alert-expandable-example-2-toggle"
498
498
  type="button"
499
499
  aria-expanded="true"
@@ -594,7 +594,7 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
594
594
  >
595
595
  <div class="pf-v6-c-alert__toggle">
596
596
  <button
597
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
597
+ class="pf-v6-c-button pf-m-plain"
598
598
  id="alert-expandable-example-4-toggle"
599
599
  type="button"
600
600
  aria-expanded="true"
package/docs/components/Button/examples/Button.md CHANGED
@@ -2116,7 +2116,6 @@ A favorite button should use a plain button with the star icon. Applying `.pf-m-
2116
2116
  <button
2117
2117
  class="pf-v6-c-button pf-m-hamburger pf-m-plain"
2118
2118
  type="button"
2119
- aria-expanded="false"
2120
2119
  aria-label="Hamburger"
2121
2120
  >
2122
2121
  <span class="pf-v6-c-button__icon">
@@ -2136,7 +2135,6 @@ A favorite button should use a plain button with the star icon. Applying `.pf-m-
2136
2135
  <button
2137
2136
  class="pf-v6-c-button pf-m-expand pf-m-hamburger pf-m-plain"
2138
2137
  type="button"
2139
- aria-expanded="false"
2140
2138
  aria-label="Hamburger"
2141
2139
  >
2142
2140
  <span class="pf-v6-c-button__icon">
@@ -2154,7 +2152,7 @@ A favorite button should use a plain button with the star icon. Applying `.pf-m-
2154
2152
  </span>
2155
2153
  </button>
2156
2154
  <button
2157
- class="pf-v6-c-button pf-m-collapse pf-m-hamburger pf-m-expanded pf-m-plain"
2155
+ class="pf-v6-c-button pf-m-collapse pf-m-hamburger pf-m-plain"
2158
2156
  type="button"
2159
2157
  aria-expanded="true"
2160
2158
  aria-label="Hamburger"
package/docs/components/ClipboardCopy/examples/ClipboardCopy.md CHANGED
@@ -65,7 +65,6 @@ cssPrefix: pf-v6-c-clipboard-copy
65
65
  <button
66
66
  class="pf-v6-c-button pf-m-control"
67
67
  type="button"
68
- aria-expanded="false"
69
68
  id="expandable-not-expanded-editable-toggle"
70
69
  aria-label="Toggle unexpanded editable example"
71
70
  aria-controls="expandable-not-expanded-editable-content"
@@ -105,7 +104,7 @@ cssPrefix: pf-v6-c-clipboard-copy
105
104
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
106
105
  <div class="pf-v6-c-clipboard-copy__group">
107
106
  <button
108
- class="pf-v6-c-button pf-m-expanded pf-m-control"
107
+ class="pf-v6-c-button pf-m-control"
109
108
  type="button"
110
109
  aria-expanded="true"
111
110
  id="expandable-expanded-editable-toggle"
@@ -151,7 +150,6 @@ cssPrefix: pf-v6-c-clipboard-copy
151
150
  <button
152
151
  class="pf-v6-c-button pf-m-control"
153
152
  type="button"
154
- aria-expanded="false"
155
153
  id="expandable-not-expanded-readonly-toggle"
156
154
  aria-label="Toggle read-only unexpanded example"
157
155
  aria-controls="expandable-not-expanded-readonly-content"
@@ -192,7 +190,7 @@ cssPrefix: pf-v6-c-clipboard-copy
192
190
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
193
191
  <div class="pf-v6-c-clipboard-copy__group">
194
192
  <button
195
- class="pf-v6-c-button pf-m-expanded pf-m-control"
193
+ class="pf-v6-c-button pf-m-control"
196
194
  type="button"
197
195
  aria-expanded="true"
198
196
  id="expandable-expanded-readonly-toggle"
@@ -237,7 +235,6 @@ cssPrefix: pf-v6-c-clipboard-copy
237
235
  <button
238
236
  class="pf-v6-c-button pf-m-control"
239
237
  type="button"
240
- aria-expanded="false"
241
238
  id="expandable-not-expanded-code-toggle"
242
239
  aria-label="Toggle code unexpanded example"
243
240
  aria-controls="expandable-not-expanded-code-content"
@@ -291,7 +288,7 @@ cssPrefix: pf-v6-c-clipboard-copy
291
288
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
292
289
  <div class="pf-v6-c-clipboard-copy__group">
293
290
  <button
294
- class="pf-v6-c-button pf-m-expanded pf-m-control"
291
+ class="pf-v6-c-button pf-m-control"
295
292
  type="button"
296
293
  aria-expanded="true"
297
294
  id="expandable-expanded-code-toggle"
package/docs/components/CodeBlock/examples/CodeBlock.md CHANGED
@@ -169,7 +169,7 @@ name: azure-sample-repo<div
169
169
  <button
170
170
  class="pf-v6-c-button pf-m-link"
171
171
  type="button"
172
- aria-expanded
172
+ aria-expanded="true"
173
173
  aria-controls="code-block-expandable-expanded-content"
174
174
  >
175
175
  <span class="pf-v6-c-button__icon pf-m-start">
package/docs/components/ExpandableSection/examples/ExpandableSection.md CHANGED
@@ -31,7 +31,7 @@ cssPrefix: pf-v6-c-expandable-section
31
31
  ```html
32
32
  <div class="pf-v6-c-expandable-section pf-m-expanded">
33
33
  <div class="pf-v6-c-expandable-section__toggle">
34
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
34
+ <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
35
35
  <span class="pf-v6-c-button__icon pf-m-start">
36
36
  <span class="pf-v6-c-expandable-section__toggle-icon">
37
37
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -52,7 +52,7 @@ cssPrefix: pf-v6-c-expandable-section
52
52
  ```html
53
53
  <div class="pf-v6-c-expandable-section pf-m-expanded pf-m-indented">
54
54
  <div class="pf-v6-c-expandable-section__toggle">
55
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
55
+ <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
56
56
  <span class="pf-v6-c-button__icon pf-m-start">
57
57
  <span class="pf-v6-c-expandable-section__toggle-icon">
58
58
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -99,7 +99,7 @@ cssPrefix: pf-v6-c-expandable-section
99
99
  class="pf-v6-c-expandable-section pf-m-expanded pf-m-display-lg pf-m-limit-width"
100
100
  >
101
101
  <div class="pf-v6-c-expandable-section__toggle">
102
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
102
+ <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
103
103
  <span class="pf-v6-c-button__icon pf-m-start">
104
104
  <span class="pf-v6-c-expandable-section__toggle-icon">
105
105
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -124,7 +124,7 @@ cssPrefix: pf-v6-c-expandable-section
124
124
  class="pf-v6-c-expandable-section pf-m-expanded pf-m-display-lg pf-m-limit-width pf-m-indented"
125
125
  >
126
126
  <div class="pf-v6-c-expandable-section__toggle">
127
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
127
+ <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
128
128
  <span class="pf-v6-c-button__icon pf-m-start">
129
129
  <span class="pf-v6-c-expandable-section__toggle-icon">
130
130
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -165,7 +165,7 @@ cssPrefix: pf-v6-c-expandable-section
165
165
  <button
166
166
  class="pf-v6-c-button pf-m-link"
167
167
  type="button"
168
- aria-expanded
168
+ aria-expanded="true"
169
169
  aria-controls="detached-toggle-content"
170
170
  >
171
171
  <span class="pf-v6-c-button__icon pf-m-start">
@@ -209,7 +209,7 @@ cssPrefix: pf-v6-c-expandable-section
209
209
  <button
210
210
  class="pf-v6-c-button pf-m-inline pf-m-link"
211
211
  type="button"
212
- aria-expanded
212
+ aria-expanded="true"
213
213
  >
214
214
  <span class="pf-v6-c-button__text">Show less truncated content</span>
215
215
  </button>
package/docs/components/Form/examples/Form.md CHANGED
@@ -793,7 +793,7 @@ cssPrefix: pf-v6-c-form
793
793
  <div class="pf-v6-c-form__field-group-toggle">
794
794
  <div class="pf-v6-c-form__field-group-toggle-button">
795
795
  <button
796
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
796
+ class="pf-v6-c-button pf-m-plain"
797
797
  id="form-expandable-field-groups-field-group-1-toggle"
798
798
  type="button"
799
799
  aria-expanded="true"
@@ -835,7 +835,7 @@ cssPrefix: pf-v6-c-form
835
835
  <div class="pf-v6-c-form__field-group-toggle">
836
836
  <div class="pf-v6-c-form__field-group-toggle-button">
837
837
  <button
838
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
838
+ class="pf-v6-c-button pf-m-plain"
839
839
  id="form-expandable-field-groups-nested-field-group-1-toggle"
840
840
  type="button"
841
841
  aria-expanded="true"
@@ -1506,7 +1506,7 @@ cssPrefix: pf-v6-c-form
1506
1506
  <div class="pf-v6-c-form__field-group-toggle">
1507
1507
  <div class="pf-v6-c-form__field-group-toggle-button">
1508
1508
  <button
1509
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
1509
+ class="pf-v6-c-button pf-m-plain"
1510
1510
  id="form-expandable-field-groups-field-group-4-toggle"
1511
1511
  type="button"
1512
1512
  aria-expanded="true"
package/docs/components/JumpLinks/examples/JumpLinks.md CHANGED
@@ -513,7 +513,7 @@ cssPrefix: pf-v6-c-jump-links
513
513
  <button
514
514
  class="pf-v6-c-button pf-m-plain"
515
515
  type="button"
516
- aria-expanded
516
+ aria-expanded="true"
517
517
  aria-label="Toggle jump links"
518
518
  >
519
519
  <span class="pf-v6-c-button__icon pf-m-start">
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -346,7 +346,11 @@ cssPrefix: pf-v6-c-multiple-file-upload
346
346
  <div class="pf-v6-c-multiple-file-upload__status">
347
347
  <div class="pf-v6-c-expandable-section pf-m-expanded">
348
348
  <div class="pf-v6-c-expandable-section__toggle">
349
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
349
+ <button
350
+ class="pf-v6-c-button pf-m-link"
351
+ type="button"
352
+ aria-expanded="true"
353
+ >
350
354
  <span class="pf-v6-c-button__icon pf-m-start">
351
355
  <span class="pf-v6-c-expandable-section__toggle-icon">
352
356
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -553,7 +557,11 @@ cssPrefix: pf-v6-c-multiple-file-upload
553
557
  <div class="pf-v6-c-multiple-file-upload__status">
554
558
  <div class="pf-v6-c-expandable-section pf-m-expanded">
555
559
  <div class="pf-v6-c-expandable-section__toggle">
556
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded>
560
+ <button
561
+ class="pf-v6-c-button pf-m-link"
562
+ type="button"
563
+ aria-expanded="true"
564
+ >
557
565
  <span class="pf-v6-c-button__icon pf-m-start">
558
566
  <span class="pf-v6-c-expandable-section__toggle-icon">
559
567
  <i class="fas fa-angle-right" aria-hidden="true"></i>
package/docs/components/Table/examples/Table.md CHANGED
@@ -8629,7 +8629,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8629
8629
  aria-label="Row expansion"
8630
8630
  >
8631
8631
  <button
8632
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8632
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8633
8633
  id="table-compact-expandable-expandable-toggle-1"
8634
8634
  type="button"
8635
8635
  aria-expanded="true"
@@ -8828,7 +8828,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8828
8828
  aria-label="Row expansion"
8829
8829
  >
8830
8830
  <button
8831
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8831
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8832
8832
  id="table-compact-expandable-expandable-toggle-3"
8833
8833
  type="button"
8834
8834
  aria-expanded="true"
@@ -8924,7 +8924,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
8924
8924
  aria-label="Row expansion"
8925
8925
  >
8926
8926
  <button
8927
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
8927
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
8928
8928
  id="table-compact-expandable-expandable-toggle-4"
8929
8929
  type="button"
8930
8930
  aria-expanded="true"
@@ -9111,7 +9111,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
9111
9111
  aria-label="Row expansion"
9112
9112
  >
9113
9113
  <button
9114
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
9114
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
9115
9115
  id="table-compact-expandable-expandable-toggle-6"
9116
9116
  type="button"
9117
9117
  aria-expanded="true"
@@ -9312,7 +9312,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
9312
9312
  aria-label="Row expansion"
9313
9313
  >
9314
9314
  <button
9315
- class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
9315
+ class="pf-v6-c-button pf-m-expanded pf-m-small pf-m-plain"
9316
9316
  id="table-compact-expandable-expandable-toggle-8"
9317
9317
  type="button"
9318
9318
  aria-expanded="true"
@@ -10352,7 +10352,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
10352
10352
  </div>
10353
10353
  <span class="pf-v6-c-table__tree-view-details-toggle">
10354
10354
  <button
10355
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
10355
+ class="pf-v6-c-button pf-m-plain"
10356
10356
  type="button"
10357
10357
  aria-expanded="true"
10358
10358
  aria-label="tree-table-basic-example-2--tree-table--details-toggle"
@@ -10849,7 +10849,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
10849
10849
  </div>
10850
10850
  <span class="pf-v6-c-table__tree-view-details-toggle">
10851
10851
  <button
10852
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
10852
+ class="pf-v6-c-button pf-m-plain"
10853
10853
  type="button"
10854
10854
  aria-expanded="true"
10855
10855
  aria-label="tree-table-basic-example-10--tree-table--details-toggle"
@@ -11504,7 +11504,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
11504
11504
  </div>
11505
11505
  <span class="pf-v6-c-table__tree-view-details-toggle">
11506
11506
  <button
11507
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
11507
+ class="pf-v6-c-button pf-m-plain"
11508
11508
  type="button"
11509
11509
  aria-expanded="true"
11510
11510
  aria-label="tree-table-with-checkboxes-example-2--tree-table--details-toggle"
@@ -12119,7 +12119,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
12119
12119
  </div>
12120
12120
  <span class="pf-v6-c-table__tree-view-details-toggle">
12121
12121
  <button
12122
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
12122
+ class="pf-v6-c-button pf-m-plain"
12123
12123
  type="button"
12124
12124
  aria-expanded="true"
12125
12125
  aria-label="tree-table-with-checkboxes-example-10--tree-table--details-toggle"
@@ -12882,7 +12882,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
12882
12882
  </div>
12883
12883
  <span class="pf-v6-c-table__tree-view-details-toggle">
12884
12884
  <button
12885
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
12885
+ class="pf-v6-c-button pf-m-plain"
12886
12886
  type="button"
12887
12887
  aria-expanded="true"
12888
12888
  aria-label="tree-table-with-checkboxes-icons-example-2--tree-table--details-toggle"
@@ -13521,7 +13521,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
13521
13521
  </div>
13522
13522
  <span class="pf-v6-c-table__tree-view-details-toggle">
13523
13523
  <button
13524
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
13524
+ class="pf-v6-c-button pf-m-plain"
13525
13525
  type="button"
13526
13526
  aria-expanded="true"
13527
13527
  aria-label="tree-table-with-checkboxes-icons-example-10--tree-table--details-toggle"
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -1166,7 +1166,7 @@ subsection: forms
1166
1166
  <div class="pf-v6-c-form__field-group-toggle">
1167
1167
  <div class="pf-v6-c-form__field-group-toggle-button">
1168
1168
  <button
1169
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
1169
+ class="pf-v6-c-button pf-m-plain"
1170
1170
  id="form-demo-sections-complex-form-node-affinity-toggle"
1171
1171
  type="button"
1172
1172
  aria-expanded="true"
@@ -1240,7 +1240,7 @@ subsection: forms
1240
1240
  <div class="pf-v6-c-form__field-group-toggle">
1241
1241
  <div class="pf-v6-c-form__field-group-toggle-button">
1242
1242
  <button
1243
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
1243
+ class="pf-v6-c-button pf-m-plain"
1244
1244
  id="form-demo-sections-complex-form-node-affinity-required-2-toggle"
1245
1245
  type="button"
1246
1246
  aria-expanded="true"
@@ -1373,7 +1373,7 @@ subsection: forms
1373
1373
  <div class="pf-v6-c-form__field-group-toggle">
1374
1374
  <div class="pf-v6-c-form__field-group-toggle-button">
1375
1375
  <button
1376
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
1376
+ class="pf-v6-c-button pf-m-plain"
1377
1377
  id="form-demo-sections-complex-form-routing-toggle"
1378
1378
  type="button"
1379
1379
  aria-expanded="true"
@@ -1559,7 +1559,7 @@ subsection: forms
1559
1559
  <div class="pf-v6-c-form__field-group-toggle">
1560
1560
  <div class="pf-v6-c-form__field-group-toggle-button">
1561
1561
  <button
1562
- class="pf-v6-c-button pf-m-expanded pf-m-plain"
1562
+ class="pf-v6-c-button pf-m-plain"
1563
1563
  id="form-demo-sections-complex-form-health-checks-toggle"
1564
1564
  type="button"
1565
1565
  aria-expanded="true"
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -788,7 +788,7 @@ section: components
788
788
  >
789
789
  <div class="pf-v6-c-toolbar__item">
790
790
  <button
791
- class="pf-v6-c-button pf-m-read pf-m-stateful pf-m-clicked pf-m-expanded"
791
+ class="pf-v6-c-button pf-m-read pf-m-stateful pf-m-clicked"
792
792
  type="button"
793
793
  aria-expanded="true"
794
794
  aria-label="Notifications"
@@ -1447,7 +1447,7 @@ section: components
1447
1447
  >
1448
1448
  <div class="pf-v6-c-toolbar__item">
1449
1449
  <button
1450
- class="pf-v6-c-button pf-m-unread pf-m-stateful pf-m-clicked pf-m-expanded"
1450
+ class="pf-v6-c-button pf-m-unread pf-m-stateful pf-m-clicked"
1451
1451
  type="button"
1452
1452
  aria-expanded="true"
1453
1453
  aria-label="Unread notifications"
@@ -2109,7 +2109,7 @@ section: components
2109
2109
  >
2110
2110
  <div class="pf-v6-c-toolbar__item">
2111
2111
  <button
2112
- class="pf-v6-c-button pf-m-attention pf-m-stateful pf-m-clicked pf-m-expanded"
2112
+ class="pf-v6-c-button pf-m-attention pf-m-stateful pf-m-clicked"
2113
2113
  type="button"
2114
2114
  aria-expanded="true"
2115
2115
  aria-label="Attention notifications"
@@ -2766,7 +2766,7 @@ section: components
2766
2766
  >
2767
2767
  <div class="pf-v6-c-toolbar__item">
2768
2768
  <button
2769
- class="pf-v6-c-button pf-m-unread pf-m-stateful pf-m-clicked pf-m-expanded"
2769
+ class="pf-v6-c-button pf-m-unread pf-m-stateful pf-m-clicked"
2770
2770
  type="button"
2771
2771
  aria-expanded="true"
2772
2772
  aria-label="Unread notifications"
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.59",
4
+ "version": "6.3.0-prerelease.60",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -8939,8 +8939,9 @@
8939
8939
  --pf-v6-c-accordion__item--BorderWidth: 0;
8940
8940
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
8941
8941
  --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8942
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8942
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
8943
8943
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8944
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8944
8945
  }
8945
8946
  @media screen and (prefers-reduced-motion: no-preference) {
8946
8947
  .pf-v6-c-accordion {
@@ -9019,6 +9020,7 @@
9019
9020
  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
9020
9021
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9021
9022
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9023
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9022
9024
  }
9023
9025
 
9024
9026
  .pf-v6-c-accordion__toggle {
package/patternfly.css CHANGED
@@ -9079,8 +9079,9 @@ button) {
9079
9079
  --pf-v6-c-accordion__item--BorderWidth: 0;
9080
9080
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
9081
9081
  --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9082
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9082
+ --pf-v6-c-accordion__expandable-content--BorderWidth: 0;
9083
9083
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9084
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9084
9085
  }
9085
9086
  @media screen and (prefers-reduced-motion: no-preference) {
9086
9087
  .pf-v6-c-accordion {
@@ -9159,6 +9160,7 @@ button) {
9159
9160
  --pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
9160
9161
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9161
9162
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9163
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9162
9164
  }
9163
9165
 
9164
9166
  .pf-v6-c-accordion__toggle {