@patternfly/patternfly 6.0.0-alpha.109 → 6.0.0-alpha.110

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 (31) hide show
  1. package/README.md +1 -1
  2. package/docs/components/Label/examples/Label.md +60 -60
  3. package/docs/components/LogViewer/examples/LogViewer.md +40 -40
  4. package/docs/components/Login/examples/Login.md +5 -5
  5. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  6. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +30 -30
  7. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  8. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  9. package/docs/components/Select/deprecated/Select.md +64 -64
  10. package/docs/components/Slider/examples/Slider.md +39 -39
  11. package/docs/components/Table/examples/Table.md +66 -66
  12. package/docs/components/Toolbar/examples/Toolbar.md +5 -5
  13. package/docs/components/Wizard/examples/Wizard.md +1 -1
  14. package/docs/demos/Banner/examples/Banner.md +9 -9
  15. package/docs/demos/Card/examples/Card.md +96 -96
  16. package/docs/demos/CardView/examples/CardView.md +7 -7
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +1 -1
  18. package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
  19. package/docs/demos/DataList/examples/DataList.md +8 -8
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -5
  21. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  22. package/docs/demos/Modal/examples/Modal.md +3 -3
  23. package/docs/demos/Nav/examples/Nav.md +2 -2
  24. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +16 -16
  25. package/docs/demos/Page/examples/Page.md +2 -2
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +40 -40
  27. package/docs/demos/Table/examples/Table.md +86 -86
  28. package/docs/demos/Tabs/examples/Tabs.md +9 -9
  29. package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
  30. package/docs/demos/Wizard/examples/Wizard.md +3 -3
  31. package/package.json +1 -1
package/docs/components/Slider/examples/Slider.md CHANGED
@@ -15,59 +15,59 @@ cssPrefix: pf-v6-c-slider
15
15
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
16
16
  <div
17
17
  class="pf-v6-c-slider__step pf-m-active"
18
- style="--pf-v5-c-slider__step--Left: 0%;"
18
+ style="--pf-v6-c-slider__step--Left: 0%;"
19
19
  >
20
20
  <div class="pf-v6-c-slider__step-tick"></div>
21
21
  <div class="pf-v6-c-slider__step-label">0</div>
22
22
  </div>
23
23
  <div
24
24
  class="pf-v6-c-slider__step pf-m-active"
25
- style="--pf-v5-c-slider__step--Left: 12.5%;"
25
+ style="--pf-v6-c-slider__step--Left: 12.5%;"
26
26
  >
27
27
  <div class="pf-v6-c-slider__step-tick"></div>
28
28
  </div>
29
29
  <div
30
30
  class="pf-v6-c-slider__step pf-m-active"
31
- style="--pf-v5-c-slider__step--Left: 25%;"
31
+ style="--pf-v6-c-slider__step--Left: 25%;"
32
32
  >
33
33
  <div class="pf-v6-c-slider__step-tick"></div>
34
34
  <div class="pf-v6-c-slider__step-label">2</div>
35
35
  </div>
36
36
  <div
37
37
  class="pf-v6-c-slider__step pf-m-active"
38
- style="--pf-v5-c-slider__step--Left: 37.5%;"
38
+ style="--pf-v6-c-slider__step--Left: 37.5%;"
39
39
  >
40
40
  <div class="pf-v6-c-slider__step-tick"></div>
41
41
  </div>
42
42
  <div
43
43
  class="pf-v6-c-slider__step pf-m-active"
44
- style="--pf-v5-c-slider__step--Left: 50%;"
44
+ style="--pf-v6-c-slider__step--Left: 50%;"
45
45
  >
46
46
  <div class="pf-v6-c-slider__step-tick"></div>
47
47
  <div class="pf-v6-c-slider__step-label">4</div>
48
48
  </div>
49
49
  <div
50
50
  class="pf-v6-c-slider__step pf-m-active"
51
- style="--pf-v5-c-slider__step--Left: 62.5%;"
51
+ style="--pf-v6-c-slider__step--Left: 62.5%;"
52
52
  >
53
53
  <div class="pf-v6-c-slider__step-tick"></div>
54
54
  </div>
55
55
  <div
56
56
  class="pf-v6-c-slider__step"
57
- style="--pf-v5-c-slider__step--Left: 75%;"
57
+ style="--pf-v6-c-slider__step--Left: 75%;"
58
58
  >
59
59
  <div class="pf-v6-c-slider__step-tick"></div>
60
60
  <div class="pf-v6-c-slider__step-label">6</div>
61
61
  </div>
62
62
  <div
63
63
  class="pf-v6-c-slider__step"
64
- style="--pf-v5-c-slider__step--Left: 87.5%;"
64
+ style="--pf-v6-c-slider__step--Left: 87.5%;"
65
65
  >
66
66
  <div class="pf-v6-c-slider__step-tick"></div>
67
67
  </div>
68
68
  <div
69
69
  class="pf-v6-c-slider__step"
70
- style="--pf-v5-c-slider__step--Left: 100%;"
70
+ style="--pf-v6-c-slider__step--Left: 100%;"
71
71
  >
72
72
  <div class="pf-v6-c-slider__step-tick"></div>
73
73
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -115,14 +115,14 @@ cssPrefix: pf-v6-c-slider
115
115
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
116
116
  <div
117
117
  class="pf-v6-c-slider__step pf-m-active"
118
- style="--pf-v5-c-slider__step--Left: 0%;"
118
+ style="--pf-v6-c-slider__step--Left: 0%;"
119
119
  >
120
120
  <div class="pf-v6-c-slider__step-tick"></div>
121
121
  <div class="pf-v6-c-slider__step-label">0%</div>
122
122
  </div>
123
123
  <div
124
124
  class="pf-v6-c-slider__step"
125
- style="--pf-v5-c-slider__step--Left: 100%;"
125
+ style="--pf-v6-c-slider__step--Left: 100%;"
126
126
  >
127
127
  <div class="pf-v6-c-slider__step-tick"></div>
128
128
  <div class="pf-v6-c-slider__step-label">100%</div>
@@ -156,59 +156,59 @@ cssPrefix: pf-v6-c-slider
156
156
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
157
157
  <div
158
158
  class="pf-v6-c-slider__step pf-m-active"
159
- style="--pf-v5-c-slider__step--Left: 0%;"
159
+ style="--pf-v6-c-slider__step--Left: 0%;"
160
160
  >
161
161
  <div class="pf-v6-c-slider__step-tick"></div>
162
162
  <div class="pf-v6-c-slider__step-label">0</div>
163
163
  </div>
164
164
  <div
165
165
  class="pf-v6-c-slider__step pf-m-active"
166
- style="--pf-v5-c-slider__step--Left: 12.5%;"
166
+ style="--pf-v6-c-slider__step--Left: 12.5%;"
167
167
  >
168
168
  <div class="pf-v6-c-slider__step-tick"></div>
169
169
  </div>
170
170
  <div
171
171
  class="pf-v6-c-slider__step pf-m-active"
172
- style="--pf-v5-c-slider__step--Left: 25%;"
172
+ style="--pf-v6-c-slider__step--Left: 25%;"
173
173
  >
174
174
  <div class="pf-v6-c-slider__step-tick"></div>
175
175
  <div class="pf-v6-c-slider__step-label">2</div>
176
176
  </div>
177
177
  <div
178
178
  class="pf-v6-c-slider__step pf-m-active"
179
- style="--pf-v5-c-slider__step--Left: 37.5%;"
179
+ style="--pf-v6-c-slider__step--Left: 37.5%;"
180
180
  >
181
181
  <div class="pf-v6-c-slider__step-tick"></div>
182
182
  </div>
183
183
  <div
184
184
  class="pf-v6-c-slider__step pf-m-active"
185
- style="--pf-v5-c-slider__step--Left: 50%;"
185
+ style="--pf-v6-c-slider__step--Left: 50%;"
186
186
  >
187
187
  <div class="pf-v6-c-slider__step-tick"></div>
188
188
  <div class="pf-v6-c-slider__step-label">4</div>
189
189
  </div>
190
190
  <div
191
191
  class="pf-v6-c-slider__step pf-m-active"
192
- style="--pf-v5-c-slider__step--Left: 62.5%;"
192
+ style="--pf-v6-c-slider__step--Left: 62.5%;"
193
193
  >
194
194
  <div class="pf-v6-c-slider__step-tick"></div>
195
195
  </div>
196
196
  <div
197
197
  class="pf-v6-c-slider__step"
198
- style="--pf-v5-c-slider__step--Left: 75%;"
198
+ style="--pf-v6-c-slider__step--Left: 75%;"
199
199
  >
200
200
  <div class="pf-v6-c-slider__step-tick"></div>
201
201
  <div class="pf-v6-c-slider__step-label">6</div>
202
202
  </div>
203
203
  <div
204
204
  class="pf-v6-c-slider__step"
205
- style="--pf-v5-c-slider__step--Left: 87.5%;"
205
+ style="--pf-v6-c-slider__step--Left: 87.5%;"
206
206
  >
207
207
  <div class="pf-v6-c-slider__step-tick"></div>
208
208
  </div>
209
209
  <div
210
210
  class="pf-v6-c-slider__step"
211
- style="--pf-v5-c-slider__step--Left: 100%;"
211
+ style="--pf-v6-c-slider__step--Left: 100%;"
212
212
  >
213
213
  <div class="pf-v6-c-slider__step-tick"></div>
214
214
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -241,33 +241,33 @@ cssPrefix: pf-v6-c-slider
241
241
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
242
242
  <div
243
243
  class="pf-v6-c-slider__step pf-m-active"
244
- style="--pf-v5-c-slider__step--Left: 0%;"
244
+ style="--pf-v6-c-slider__step--Left: 0%;"
245
245
  >
246
246
  <div class="pf-v6-c-slider__step-tick"></div>
247
247
  <div class="pf-v6-c-slider__step-label">0%</div>
248
248
  </div>
249
249
  <div
250
250
  class="pf-v6-c-slider__step pf-m-active"
251
- style="--pf-v5-c-slider__step--Left: 25%;"
251
+ style="--pf-v6-c-slider__step--Left: 25%;"
252
252
  >
253
253
  <div class="pf-v6-c-slider__step-tick"></div>
254
254
  </div>
255
255
  <div
256
256
  class="pf-v6-c-slider__step pf-m-active"
257
- style="--pf-v5-c-slider__step--Left: 50%;"
257
+ style="--pf-v6-c-slider__step--Left: 50%;"
258
258
  >
259
259
  <div class="pf-v6-c-slider__step-tick"></div>
260
260
  <div class="pf-v6-c-slider__step-label">50%</div>
261
261
  </div>
262
262
  <div
263
263
  class="pf-v6-c-slider__step"
264
- style="--pf-v5-c-slider__step--Left: 75%;"
264
+ style="--pf-v6-c-slider__step--Left: 75%;"
265
265
  >
266
266
  <div class="pf-v6-c-slider__step-tick"></div>
267
267
  </div>
268
268
  <div
269
269
  class="pf-v6-c-slider__step"
270
- style="--pf-v5-c-slider__step--Left: 100%;"
270
+ style="--pf-v6-c-slider__step--Left: 100%;"
271
271
  >
272
272
  <div class="pf-v6-c-slider__step-tick"></div>
273
273
  <div class="pf-v6-c-slider__step-label">100%</div>
@@ -489,59 +489,59 @@ cssPrefix: pf-v6-c-slider
489
489
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
490
490
  <div
491
491
  class="pf-v6-c-slider__step pf-m-active"
492
- style="--pf-v5-c-slider__step--Left: 0%;"
492
+ style="--pf-v6-c-slider__step--Left: 0%;"
493
493
  >
494
494
  <div class="pf-v6-c-slider__step-tick"></div>
495
495
  <div class="pf-v6-c-slider__step-label">0</div>
496
496
  </div>
497
497
  <div
498
498
  class="pf-v6-c-slider__step pf-m-active"
499
- style="--pf-v5-c-slider__step--Left: 12.5%;"
499
+ style="--pf-v6-c-slider__step--Left: 12.5%;"
500
500
  >
501
501
  <div class="pf-v6-c-slider__step-tick"></div>
502
502
  </div>
503
503
  <div
504
504
  class="pf-v6-c-slider__step pf-m-active"
505
- style="--pf-v5-c-slider__step--Left: 25%;"
505
+ style="--pf-v6-c-slider__step--Left: 25%;"
506
506
  >
507
507
  <div class="pf-v6-c-slider__step-tick"></div>
508
508
  <div class="pf-v6-c-slider__step-label">2</div>
509
509
  </div>
510
510
  <div
511
511
  class="pf-v6-c-slider__step pf-m-active"
512
- style="--pf-v5-c-slider__step--Left: 37.5%;"
512
+ style="--pf-v6-c-slider__step--Left: 37.5%;"
513
513
  >
514
514
  <div class="pf-v6-c-slider__step-tick"></div>
515
515
  </div>
516
516
  <div
517
517
  class="pf-v6-c-slider__step pf-m-active"
518
- style="--pf-v5-c-slider__step--Left: 50%;"
518
+ style="--pf-v6-c-slider__step--Left: 50%;"
519
519
  >
520
520
  <div class="pf-v6-c-slider__step-tick"></div>
521
521
  <div class="pf-v6-c-slider__step-label">4</div>
522
522
  </div>
523
523
  <div
524
524
  class="pf-v6-c-slider__step pf-m-active"
525
- style="--pf-v5-c-slider__step--Left: 62.5%;"
525
+ style="--pf-v6-c-slider__step--Left: 62.5%;"
526
526
  >
527
527
  <div class="pf-v6-c-slider__step-tick"></div>
528
528
  </div>
529
529
  <div
530
530
  class="pf-v6-c-slider__step"
531
- style="--pf-v5-c-slider__step--Left: 75%;"
531
+ style="--pf-v6-c-slider__step--Left: 75%;"
532
532
  >
533
533
  <div class="pf-v6-c-slider__step-tick"></div>
534
534
  <div class="pf-v6-c-slider__step-label">6</div>
535
535
  </div>
536
536
  <div
537
537
  class="pf-v6-c-slider__step"
538
- style="--pf-v5-c-slider__step--Left: 87.5%;"
538
+ style="--pf-v6-c-slider__step--Left: 87.5%;"
539
539
  >
540
540
  <div class="pf-v6-c-slider__step-tick"></div>
541
541
  </div>
542
542
  <div
543
543
  class="pf-v6-c-slider__step"
544
- style="--pf-v5-c-slider__step--Left: 100%;"
544
+ style="--pf-v6-c-slider__step--Left: 100%;"
545
545
  >
546
546
  <div class="pf-v6-c-slider__step-tick"></div>
547
547
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -570,33 +570,33 @@ cssPrefix: pf-v6-c-slider
570
570
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
571
571
  <div
572
572
  class="pf-v6-c-slider__step pf-m-active"
573
- style="--pf-v5-c-slider__step--Left: 0%;"
573
+ style="--pf-v6-c-slider__step--Left: 0%;"
574
574
  >
575
575
  <div class="pf-v6-c-slider__step-tick"></div>
576
576
  <div class="pf-v6-c-slider__step-label">0%</div>
577
577
  </div>
578
578
  <div
579
579
  class="pf-v6-c-slider__step pf-m-active"
580
- style="--pf-v5-c-slider__step--Left: 25%;"
580
+ style="--pf-v6-c-slider__step--Left: 25%;"
581
581
  >
582
582
  <div class="pf-v6-c-slider__step-tick"></div>
583
583
  </div>
584
584
  <div
585
585
  class="pf-v6-c-slider__step pf-m-active"
586
- style="--pf-v5-c-slider__step--Left: 50%;"
586
+ style="--pf-v6-c-slider__step--Left: 50%;"
587
587
  >
588
588
  <div class="pf-v6-c-slider__step-tick"></div>
589
589
  <div class="pf-v6-c-slider__step-label">50%</div>
590
590
  </div>
591
591
  <div
592
592
  class="pf-v6-c-slider__step"
593
- style="--pf-v5-c-slider__step--Left: 75%;"
593
+ style="--pf-v6-c-slider__step--Left: 75%;"
594
594
  >
595
595
  <div class="pf-v6-c-slider__step-tick"></div>
596
596
  </div>
597
597
  <div
598
598
  class="pf-v6-c-slider__step"
599
- style="--pf-v5-c-slider__step--Left: 100%;"
599
+ style="--pf-v6-c-slider__step--Left: 100%;"
600
600
  >
601
601
  <div class="pf-v6-c-slider__step-tick"></div>
602
602
  <div class="pf-v6-c-slider__step-label">100%</div>