@patternfly/patternfly 6.3.0-prerelease.61 → 6.3.0-prerelease.62

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 (11) hide show
  1. package/components/Wizard/wizard.css +4 -0
  2. package/components/Wizard/wizard.scss +6 -2
  3. package/components/_index.css +4 -0
  4. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -0
  5. package/docs/components/ExpandableSection/examples/ExpandableSection.md +75 -7
  6. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +22 -4
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +4 -0
  9. package/patternfly.css +4 -0
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/components/Wizard/wizard.css CHANGED
@@ -94,6 +94,8 @@
94
94
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
95
95
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
96
96
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
97
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
98
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
97
99
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
98
100
  --pf-v6-c-wizard__nav--Width: 100%;
99
101
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -127,6 +129,7 @@
127
129
  .pf-v6-c-wizard {
128
130
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
129
131
  --pf-v6-c-wizard__nav--BoxShadow: none;
132
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
130
133
  }
131
134
  }
132
135
 
@@ -313,6 +316,7 @@
313
316
  overflow-y: auto;
314
317
  -webkit-overflow-scrolling: touch;
315
318
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
319
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
316
320
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
317
321
  }
318
322
  .pf-v6-c-wizard__nav.pf-m-expanded {
package/components/Wizard/wizard.scss CHANGED
@@ -138,6 +138,8 @@
138
138
  // Nav
139
139
  --#{$wizard}__nav--ZIndex: var(--pf-t--global--z-index--sm);
140
140
  --#{$wizard}__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
141
+ --#{$wizard}__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
142
+ --#{$wizard}__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
141
143
  --#{$wizard}__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
142
144
  --#{$wizard}__nav--Width: 100%;
143
145
  --#{$wizard}__nav--lg--Width: #{pf-size-prem(250px)};
@@ -147,6 +149,7 @@
147
149
  @media screen and (min-width: $pf-v6-global--breakpoint--lg) {
148
150
  --#{$wizard}__nav--Width: var(--#{$wizard}__nav--lg--Width);
149
151
  --#{$wizard}__nav--BoxShadow: none;
152
+ --#{$wizard}__nav--BorderBlockEndWidth: 0;
150
153
  }
151
154
 
152
155
  // Nav list (nested)
@@ -371,8 +374,8 @@
371
374
 
372
375
  .#{$wizard}__nav {
373
376
  position: absolute;
374
- inset-block-start: 0;
375
- inset-inline-start: 0;
377
+ inset-block-start: 0;
378
+ inset-inline-start: 0;
376
379
  z-index: var(--#{$wizard}__nav--ZIndex);
377
380
  display: none;
378
381
  width: var(--#{$wizard}__nav--Width);
@@ -380,6 +383,7 @@
380
383
  overflow-y: auto;
381
384
  -webkit-overflow-scrolling: touch;
382
385
  background-color: var(--#{$wizard}__nav--BackgroundColor);
386
+ border-block-end: var(--#{$wizard}__nav--BorderBlockEndWidth) solid var(--#{$wizard}__nav--BorderBlockEndColor);
383
387
  box-shadow: var(--#{$wizard}__nav--BoxShadow);
384
388
 
385
389
  &.pf-m-expanded {
package/components/_index.css CHANGED
@@ -23636,6 +23636,8 @@ label.pf-v6-c-tree-view__node-text {
23636
23636
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
23637
23637
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
23638
23638
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23639
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
23640
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
23639
23641
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23640
23642
  --pf-v6-c-wizard__nav--Width: 100%;
23641
23643
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -23669,6 +23671,7 @@ label.pf-v6-c-tree-view__node-text {
23669
23671
  .pf-v6-c-wizard {
23670
23672
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
23671
23673
  --pf-v6-c-wizard__nav--BoxShadow: none;
23674
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
23672
23675
  }
23673
23676
  }
23674
23677
 
@@ -23855,6 +23858,7 @@ label.pf-v6-c-tree-view__node-text {
23855
23858
  overflow-y: auto;
23856
23859
  -webkit-overflow-scrolling: touch;
23857
23860
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
23861
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
23858
23862
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
23859
23863
  }
23860
23864
  .pf-v6-c-wizard__nav.pf-m-expanded {
package/docs/components/CodeBlock/examples/CodeBlock.md CHANGED
@@ -88,6 +88,8 @@ name: azure-sample-repo<div
88
88
  class="pf-v6-c-expandable-section__content"
89
89
  hidden
90
90
  id="code-block-expandable-content"
91
+ role="region"
92
+ aria-labelledby="code-block-expandable-toggle"
91
93
  >
92
94
  spec:
93
95
  connectionConfig:
@@ -99,6 +101,7 @@ name: azure-sample-repo<div
99
101
  <div class="pf-v6-c-expandable-section__toggle">
100
102
  <button
101
103
  class="pf-v6-c-button pf-m-link"
104
+ id="code-block-expandable-toggle"
102
105
  type="button"
103
106
  aria-controls="code-block-expandable-content"
104
107
  >
@@ -157,6 +160,8 @@ name: azure-sample-repo<div
157
160
  ><div
158
161
  class="pf-v6-c-expandable-section__content"
159
162
  id="code-block-expandable-expanded-content"
163
+ role="region"
164
+ aria-labelledby="code-block-expandable-expanded-toggle"
160
165
  >
161
166
  spec:
162
167
  connectionConfig:
@@ -168,6 +173,7 @@ name: azure-sample-repo<div
168
173
  <div class="pf-v6-c-expandable-section__toggle">
169
174
  <button
170
175
  class="pf-v6-c-button pf-m-link"
176
+ id="code-block-expandable-expanded-toggle"
171
177
  type="button"
172
178
  aria-expanded="true"
173
179
  aria-controls="code-block-expandable-expanded-content"
package/docs/components/ExpandableSection/examples/ExpandableSection.md CHANGED
@@ -9,7 +9,12 @@ cssPrefix: pf-v6-c-expandable-section
9
9
  ```html
10
10
  <div class="pf-v6-c-expandable-section">
11
11
  <div class="pf-v6-c-expandable-section__toggle">
12
- <button class="pf-v6-c-button pf-m-link" type="button">
12
+ <button
13
+ class="pf-v6-c-button pf-m-link"
14
+ id="hidden-toggle"
15
+ type="button"
16
+ aria-controls="hidden-content"
17
+ >
13
18
  <span class="pf-v6-c-button__icon pf-m-start">
14
19
  <span class="pf-v6-c-expandable-section__toggle-icon">
15
20
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -21,6 +26,9 @@ cssPrefix: pf-v6-c-expandable-section
21
26
  <div
22
27
  class="pf-v6-c-expandable-section__content"
23
28
  hidden
29
+ id="hidden-content"
30
+ role="region"
31
+ aria-labelledby="hidden-toggle"
24
32
  >This content is visible only when the component is expanded.</div>
25
33
  </div>
26
34
 
@@ -31,7 +39,13 @@ cssPrefix: pf-v6-c-expandable-section
31
39
  ```html
32
40
  <div class="pf-v6-c-expandable-section pf-m-expanded">
33
41
  <div class="pf-v6-c-expandable-section__toggle">
34
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
42
+ <button
43
+ class="pf-v6-c-button pf-m-link"
44
+ id="expanded-toggle"
45
+ type="button"
46
+ aria-expanded="true"
47
+ aria-controls="expanded-content"
48
+ >
35
49
  <span class="pf-v6-c-button__icon pf-m-start">
36
50
  <span class="pf-v6-c-expandable-section__toggle-icon">
37
51
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -42,6 +56,9 @@ cssPrefix: pf-v6-c-expandable-section
42
56
  </div>
43
57
  <div
44
58
  class="pf-v6-c-expandable-section__content"
59
+ id="expanded-content"
60
+ role="region"
61
+ aria-labelledby="expanded-toggle"
45
62
  >This content is visible only when the component is expanded.</div>
46
63
  </div>
47
64
 
@@ -52,7 +69,13 @@ cssPrefix: pf-v6-c-expandable-section
52
69
  ```html
53
70
  <div class="pf-v6-c-expandable-section pf-m-expanded pf-m-indented">
54
71
  <div class="pf-v6-c-expandable-section__toggle">
55
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
72
+ <button
73
+ class="pf-v6-c-button pf-m-link"
74
+ id="indented-toggle"
75
+ type="button"
76
+ aria-expanded="true"
77
+ aria-controls="indented-content"
78
+ >
56
79
  <span class="pf-v6-c-button__icon pf-m-start">
57
80
  <span class="pf-v6-c-expandable-section__toggle-icon">
58
81
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -63,6 +86,9 @@ cssPrefix: pf-v6-c-expandable-section
63
86
  </div>
64
87
  <div
65
88
  class="pf-v6-c-expandable-section__content"
89
+ id="indented-content"
90
+ role="region"
91
+ aria-labelledby="indented-toggle"
66
92
  >This content is visible only when the component is expanded.</div>
67
93
  </div>
68
94
 
@@ -73,7 +99,12 @@ cssPrefix: pf-v6-c-expandable-section
73
99
  ```html
74
100
  <div class="pf-v6-c-expandable-section pf-m-display-lg pf-m-limit-width">
75
101
  <div class="pf-v6-c-expandable-section__toggle">
76
- <button class="pf-v6-c-button pf-m-link" type="button">
102
+ <button
103
+ class="pf-v6-c-button pf-m-link"
104
+ id="disclosure-variation-hidden-toggle"
105
+ type="button"
106
+ aria-controls="disclosure-variation-hidden-content"
107
+ >
77
108
  <span class="pf-v6-c-button__icon pf-m-start">
78
109
  <span class="pf-v6-c-expandable-section__toggle-icon">
79
110
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -87,6 +118,9 @@ cssPrefix: pf-v6-c-expandable-section
87
118
  <div
88
119
  class="pf-v6-c-expandable-section__content"
89
120
  hidden
121
+ id="disclosure-variation-hidden-content"
122
+ role="region"
123
+ aria-labelledby="disclosure-variation-hidden-toggle"
90
124
  >This content is visible only when the component is expanded.</div>
91
125
  </div>
92
126
 
@@ -99,7 +133,13 @@ cssPrefix: pf-v6-c-expandable-section
99
133
  class="pf-v6-c-expandable-section pf-m-expanded pf-m-display-lg pf-m-limit-width"
100
134
  >
101
135
  <div class="pf-v6-c-expandable-section__toggle">
102
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
136
+ <button
137
+ class="pf-v6-c-button pf-m-link"
138
+ id="disclosure-variation-expanded-toggle"
139
+ type="button"
140
+ aria-expanded="true"
141
+ aria-controls="disclosure-variation-expanded-content"
142
+ >
103
143
  <span class="pf-v6-c-button__icon pf-m-start">
104
144
  <span class="pf-v6-c-expandable-section__toggle-icon">
105
145
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -112,6 +152,9 @@ cssPrefix: pf-v6-c-expandable-section
112
152
  </div>
113
153
  <div
114
154
  class="pf-v6-c-expandable-section__content"
155
+ id="disclosure-variation-expanded-content"
156
+ role="region"
157
+ aria-labelledby="disclosure-variation-expanded-toggle"
115
158
  >This content is visible only when the component is expanded.</div>
116
159
  </div>
117
160
 
@@ -124,7 +167,13 @@ cssPrefix: pf-v6-c-expandable-section
124
167
  class="pf-v6-c-expandable-section pf-m-expanded pf-m-display-lg pf-m-limit-width pf-m-indented"
125
168
  >
126
169
  <div class="pf-v6-c-expandable-section__toggle">
127
- <button class="pf-v6-c-button pf-m-link" type="button" aria-expanded="true">
170
+ <button
171
+ class="pf-v6-c-button pf-m-link"
172
+ id="disclosure-variation-indented-toggle"
173
+ type="button"
174
+ aria-expanded="true"
175
+ aria-controls="disclosure-variation-indented-content"
176
+ >
128
177
  <span class="pf-v6-c-button__icon pf-m-start">
129
178
  <span class="pf-v6-c-expandable-section__toggle-icon">
130
179
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -137,6 +186,9 @@ cssPrefix: pf-v6-c-expandable-section
137
186
  </div>
138
187
  <div
139
188
  class="pf-v6-c-expandable-section__content"
189
+ id="disclosure-variation-indented-content"
190
+ role="region"
191
+ aria-labelledby="disclosure-variation-indented-toggle"
140
192
  >This content is visible only when the component is expanded.</div>
141
193
  </div>
142
194
 
@@ -153,6 +205,8 @@ cssPrefix: pf-v6-c-expandable-section
153
205
  <div
154
206
  class="pf-v6-c-expandable-section__content"
155
207
  id="detached-toggle-content"
208
+ role="region"
209
+ aria-labelledby="detached-toggle-toggle"
156
210
  >This content is visible only when the component is expanded.</div>
157
211
  </div>
158
212
  </div>
@@ -164,6 +218,7 @@ cssPrefix: pf-v6-c-expandable-section
164
218
  <div class="pf-v6-c-expandable-section__toggle">
165
219
  <button
166
220
  class="pf-v6-c-button pf-m-link"
221
+ id="detached-toggle-toggle"
167
222
  type="button"
168
223
  aria-expanded="true"
169
224
  aria-controls="detached-toggle-content"
@@ -188,9 +243,17 @@ cssPrefix: pf-v6-c-expandable-section
188
243
  <div class="pf-v6-c-expandable-section pf-m-truncate">
189
244
  <div
190
245
  class="pf-v6-c-expandable-section__content"
246
+ id="truncated-expansion-hidden-content"
247
+ role="region"
248
+ aria-labelledby="truncated-expansion-hidden-toggle"
191
249
  >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus, diam vitae eleifend consequat, metus sapien posuere quam, ut tincidunt nunc enim eget sapien. Mauris ac dui imperdiet dolor dignissim efficitur laoreet quis erat. Proin turpis leo, malesuada eget urna et, tristique mollis odio. Ut mattis nulla lorem, elementum hendrerit nunc molestie vitae. Proin massa sem, bibendum id urna in, viverra porta neque. Ut ut mi ac lacus rhoncus mollis id quis sem. Suspendisse non justo elementum, dictum eros nec, hendrerit sapien. Mauris aliquet, est sit amet tincidunt vehicula, purus est hendrerit arcu, vitae egestas odio lorem ut lacus. In et neque non metus viverra rhoncus quis non purus. Integer id venenatis tortor. Nulla sollicitudin convallis tellus, at porta eros volutpat in. Curabitur rhoncus rhoncus nisi, sit amet tincidunt dolor efficitur vitae. Integer purus neque, porta non odio lobortis, accumsan elementum risus. Pellentesque viverra id lacus a cursus. Etiam eu pulvinar risus. Etiam ultrices nec urna id consequat.</div>
192
250
  <div class="pf-v6-c-expandable-section__toggle">
193
- <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
251
+ <button
252
+ class="pf-v6-c-button pf-m-inline pf-m-link"
253
+ id="truncated-expansion-hidden-toggle"
254
+ type="button"
255
+ aria-controls="truncated-expansion-hidden-content"
256
+ >
194
257
  <span class="pf-v6-c-button__text">Show more truncated content</span>
195
258
  </button>
196
259
  </div>
@@ -204,12 +267,17 @@ cssPrefix: pf-v6-c-expandable-section
204
267
  <div class="pf-v6-c-expandable-section pf-m-expanded pf-m-truncate">
205
268
  <div
206
269
  class="pf-v6-c-expandable-section__content"
270
+ id="truncate-expansion-expanded-content"
271
+ role="region"
272
+ aria-labelledby="truncate-expansion-expanded-toggle"
207
273
  >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus, diam vitae eleifend consequat, metus sapien posuere quam, ut tincidunt nunc enim eget sapien. Mauris ac dui imperdiet dolor dignissim efficitur laoreet quis erat. Proin turpis leo, malesuada eget urna et, tristique mollis odio. Ut mattis nulla lorem, elementum hendrerit nunc molestie vitae. Proin massa sem, bibendum id urna in, viverra porta neque. Ut ut mi ac lacus rhoncus mollis id quis sem. Suspendisse non justo elementum, dictum eros nec, hendrerit sapien. Mauris aliquet, est sit amet tincidunt vehicula, purus est hendrerit arcu, vitae egestas odio lorem ut lacus. In et neque non metus viverra rhoncus quis non purus. Integer id venenatis tortor. Nulla sollicitudin convallis tellus, at porta eros volutpat in. Curabitur rhoncus rhoncus nisi, sit amet tincidunt dolor efficitur vitae. Integer purus neque, porta non odio lobortis, accumsan elementum risus. Pellentesque viverra id lacus a cursus. Etiam eu pulvinar risus. Etiam ultrices nec urna id consequat.</div>
208
274
  <div class="pf-v6-c-expandable-section__toggle">
209
275
  <button
210
276
  class="pf-v6-c-button pf-m-inline pf-m-link"
277
+ id="truncate-expansion-expanded-toggle"
211
278
  type="button"
212
279
  aria-expanded="true"
280
+ aria-controls="truncate-expansion-expanded-content"
213
281
  >
214
282
  <span class="pf-v6-c-button__text">Show less truncated content</span>
215
283
  </button>
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -139,7 +139,7 @@ cssPrefix: pf-v6-c-multiple-file-upload
139
139
  <div class="pf-v6-c-multiple-file-upload__status">
140
140
  <div class="pf-v6-c-expandable-section">
141
141
  <div class="pf-v6-c-expandable-section__toggle">
142
- <button class="pf-v6-c-button pf-m-link" type="button">
142
+ <button class="pf-v6-c-button pf-m-link" id="-toggle" type="button">
143
143
  <span class="pf-v6-c-button__icon pf-m-start">
144
144
  <span class="pf-v6-c-expandable-section__toggle-icon">
145
145
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -157,7 +157,13 @@ cssPrefix: pf-v6-c-multiple-file-upload
157
157
  </span>
158
158
  </button>
159
159
  </div>
160
- <div class="pf-v6-c-expandable-section__content" hidden>
160
+ <div
161
+ class="pf-v6-c-expandable-section__content"
162
+ hidden
163
+ id="-content"
164
+ role="region"
165
+ aria-labelledby="-toggle"
166
+ >
161
167
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
162
168
  <li class="pf-v6-c-multiple-file-upload__status-item">
163
169
  <div class="pf-v6-c-multiple-file-upload__status-item-icon">
@@ -348,6 +354,7 @@ cssPrefix: pf-v6-c-multiple-file-upload
348
354
  <div class="pf-v6-c-expandable-section__toggle">
349
355
  <button
350
356
  class="pf-v6-c-button pf-m-link"
357
+ id="-toggle"
351
358
  type="button"
352
359
  aria-expanded="true"
353
360
  >
@@ -368,7 +375,12 @@ cssPrefix: pf-v6-c-multiple-file-upload
368
375
  </span>
369
376
  </button>
370
377
  </div>
371
- <div class="pf-v6-c-expandable-section__content">
378
+ <div
379
+ class="pf-v6-c-expandable-section__content"
380
+ id="-content"
381
+ role="region"
382
+ aria-labelledby="-toggle"
383
+ >
372
384
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
373
385
  <li class="pf-v6-c-multiple-file-upload__status-item">
374
386
  <div class="pf-v6-c-multiple-file-upload__status-item-icon">
@@ -559,6 +571,7 @@ cssPrefix: pf-v6-c-multiple-file-upload
559
571
  <div class="pf-v6-c-expandable-section__toggle">
560
572
  <button
561
573
  class="pf-v6-c-button pf-m-link"
574
+ id="-toggle"
562
575
  type="button"
563
576
  aria-expanded="true"
564
577
  >
@@ -579,7 +592,12 @@ cssPrefix: pf-v6-c-multiple-file-upload
579
592
  </span>
580
593
  </button>
581
594
  </div>
582
- <div class="pf-v6-c-expandable-section__content">
595
+ <div
596
+ class="pf-v6-c-expandable-section__content"
597
+ id="-content"
598
+ role="region"
599
+ aria-labelledby="-toggle"
600
+ >
583
601
  <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
584
602
  <li class="pf-v6-c-multiple-file-upload__status-item">
585
603
  <div class="pf-v6-c-multiple-file-upload__status-item-icon">
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.61",
4
+ "version": "6.3.0-prerelease.62",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -32303,6 +32303,8 @@ label.pf-v6-c-tree-view__node-text {
32303
32303
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
32304
32304
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
32305
32305
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
32306
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
32307
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
32306
32308
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
32307
32309
  --pf-v6-c-wizard__nav--Width: 100%;
32308
32310
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -32336,6 +32338,7 @@ label.pf-v6-c-tree-view__node-text {
32336
32338
  .pf-v6-c-wizard {
32337
32339
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32338
32340
  --pf-v6-c-wizard__nav--BoxShadow: none;
32341
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32339
32342
  }
32340
32343
  }
32341
32344
 
@@ -32522,6 +32525,7 @@ label.pf-v6-c-tree-view__node-text {
32522
32525
  overflow-y: auto;
32523
32526
  -webkit-overflow-scrolling: touch;
32524
32527
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
32528
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
32525
32529
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
32526
32530
  }
32527
32531
  .pf-v6-c-wizard__nav.pf-m-expanded {
package/patternfly.css CHANGED
@@ -32443,6 +32443,8 @@ label.pf-v6-c-tree-view__node-text {
32443
32443
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
32444
32444
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
32445
32445
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
32446
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
32447
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
32446
32448
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
32447
32449
  --pf-v6-c-wizard__nav--Width: 100%;
32448
32450
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -32476,6 +32478,7 @@ label.pf-v6-c-tree-view__node-text {
32476
32478
  .pf-v6-c-wizard {
32477
32479
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32478
32480
  --pf-v6-c-wizard__nav--BoxShadow: none;
32481
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32479
32482
  }
32480
32483
  }
32481
32484
 
@@ -32662,6 +32665,7 @@ label.pf-v6-c-tree-view__node-text {
32662
32665
  overflow-y: auto;
32663
32666
  -webkit-overflow-scrolling: touch;
32664
32667
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
32668
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
32665
32669
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
32666
32670
  }
32667
32671
  .pf-v6-c-wizard__nav.pf-m-expanded {