@patternfly/patternfly 5.1.0-prerelease.2 → 5.1.0-prerelease.3

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 (12) hide show
  1. package/components/AboutModalBox/about-modal-box.css +2 -1
  2. package/components/AboutModalBox/about-modal-box.scss +2 -1
  3. package/components/TreeView/tree-view.scss +1 -1
  4. package/docs/components/Badge/examples/Badge.md +16 -4
  5. package/docs/components/Wizard/examples/Wizard.md +75 -36
  6. package/docs/demos/Wizard/examples/Wizard.md +191 -41
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +2 -1
  9. package/patternfly-theme-dark-unversioned.css +2 -1
  10. package/patternfly.css +2 -1
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -14,6 +14,7 @@
14
14
  }
15
15
 
16
16
  .pf-v5-c-about-modal-box {
17
+ --pf-v5-c-about-modal-box--BackgroundImage: none;
17
18
  --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
18
19
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
19
20
  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
@@ -72,7 +73,7 @@
72
73
  overflow-x: hidden;
73
74
  overflow-y: auto;
74
75
  background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
75
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage, none);
76
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
76
77
  background-repeat: no-repeat;
77
78
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
78
79
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
package/components/AboutModalBox/about-modal-box.scss CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  .#{$about-modal-box} {
4
4
  // Component variables
5
+ --#{$about-modal-box}--BackgroundImage: none;
5
6
  --#{$about-modal-box}--BackgroundColor: var(--#{$pf-global}--palette--black-1000); // Modal uses a non-standard background color
6
7
  --#{$about-modal-box}--BackgroundPosition: bottom right;
7
8
  --#{$about-modal-box}--BackgroundSize--min-width: 200px;
@@ -110,7 +111,7 @@
110
111
  overflow-x: hidden;
111
112
  overflow-y: auto;
112
113
  background-color: var(--#{$about-modal-box}--BackgroundColor); // Because this component is always dark, set the background color
113
- background-image: var(--#{$about-modal-box}--BackgroundImage, none);
114
+ background-image: var(--#{$about-modal-box}--BackgroundImage);
114
115
  background-repeat: no-repeat;
115
116
  background-position: var(--#{$about-modal-box}--BackgroundPosition);
116
117
  background-size: var(--#{$about-modal-box}--BackgroundSize);
package/components/TreeView/tree-view.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // @debug $tree-view; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
- $pf-v5-c-tree-view--MaxNesting: 10;
2
+ $pf-v5-c-tree-view--MaxNesting: 10 !default;
3
3
 
4
4
  .#{$tree-view} {
5
5
  --#{$tree-view}--PaddingTop: var(--#{$pf-global}--spacer--sm);
package/docs/components/Badge/examples/Badge.md CHANGED
@@ -17,10 +17,22 @@ cssPrefix: pf-v5-c-badge
17
17
  ### Unread
18
18
 
19
19
  ```html
20
- <span class="pf-v5-c-badge pf-m-unread">7</span>
21
- <span class="pf-v5-c-badge pf-m-unread">24</span>
22
- <span class="pf-v5-c-badge pf-m-unread">240</span>
23
- <span class="pf-v5-c-badge pf-m-unread">999+</span>
20
+ <span class="pf-v5-c-badge pf-m-unread">
21
+ 7
22
+ <span class="pf-v5-screen-reader">unread messages</span>
23
+ </span>
24
+ <span class="pf-v5-c-badge pf-m-unread">
25
+ 24
26
+ <span class="pf-v5-screen-reader">unread messages</span>
27
+ </span>
28
+ <span class="pf-v5-c-badge pf-m-unread">
29
+ 240
30
+ <span class="pf-v5-screen-reader">unread messages</span>
31
+ </span>
32
+ <span class="pf-v5-c-badge pf-m-unread">
33
+ 999+
34
+ <span class="pf-v5-screen-reader">unread messages</span>
35
+ </span>
24
36
 
25
37
  ```
26
38
 
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -51,30 +51,38 @@ wrapperTag: div
51
51
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
52
52
  <ol class="pf-v5-c-wizard__nav-list" role="list">
53
53
  <li class="pf-v5-c-wizard__nav-item">
54
- <button class="pf-v5-c-wizard__nav-link">Information</button>
54
+ <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
55
55
  </li>
56
56
  <li class="pf-v5-c-wizard__nav-item">
57
- <button class="pf-v5-c-wizard__nav-link pf-m-current">Configuration</button>
57
+ <button
58
+ class="pf-v5-c-wizard__nav-link pf-m-current"
59
+ type="button"
60
+ >Configuration</button>
58
61
  <ol class="pf-v5-c-wizard__nav-list" role="list">
59
62
  <li class="pf-v5-c-wizard__nav-item">
60
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
63
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
61
64
  </li>
62
65
  <li class="pf-v5-c-wizard__nav-item">
63
66
  <button
64
67
  class="pf-v5-c-wizard__nav-link pf-m-current"
68
+ type="button"
65
69
  aria-current="page"
66
70
  >Substep B</button>
67
71
  </li>
68
72
  <li class="pf-v5-c-wizard__nav-item">
69
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
73
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
70
74
  </li>
71
75
  </ol>
72
76
  </li>
73
77
  <li class="pf-v5-c-wizard__nav-item">
74
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
78
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
75
79
  </li>
76
80
  <li class="pf-v5-c-wizard__nav-item">
77
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
81
+ <button
82
+ class="pf-v5-c-wizard__nav-link"
83
+ type="button"
84
+ disabled
85
+ >Review</button>
78
86
  </li>
79
87
  </ol>
80
88
  </nav>
@@ -281,30 +289,38 @@ wrapperTag: div
281
289
  <nav class="pf-v5-c-wizard__nav pf-m-expanded" aria-label="Steps">
282
290
  <ol class="pf-v5-c-wizard__nav-list" role="list">
283
291
  <li class="pf-v5-c-wizard__nav-item">
284
- <button class="pf-v5-c-wizard__nav-link">Information</button>
292
+ <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
285
293
  </li>
286
294
  <li class="pf-v5-c-wizard__nav-item">
287
- <button class="pf-v5-c-wizard__nav-link pf-m-current">Configuration</button>
295
+ <button
296
+ class="pf-v5-c-wizard__nav-link pf-m-current"
297
+ type="button"
298
+ >Configuration</button>
288
299
  <ol class="pf-v5-c-wizard__nav-list" role="list">
289
300
  <li class="pf-v5-c-wizard__nav-item">
290
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
301
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
291
302
  </li>
292
303
  <li class="pf-v5-c-wizard__nav-item">
293
304
  <button
294
305
  class="pf-v5-c-wizard__nav-link pf-m-current"
306
+ type="button"
295
307
  aria-current="page"
296
308
  >Substep B</button>
297
309
  </li>
298
310
  <li class="pf-v5-c-wizard__nav-item">
299
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
311
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
300
312
  </li>
301
313
  </ol>
302
314
  </li>
303
315
  <li class="pf-v5-c-wizard__nav-item">
304
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
316
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
305
317
  </li>
306
318
  <li class="pf-v5-c-wizard__nav-item">
307
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
319
+ <button
320
+ class="pf-v5-c-wizard__nav-link"
321
+ type="button"
322
+ disabled
323
+ >Review</button>
308
324
  </li>
309
325
  </ol>
310
326
  </nav>
@@ -462,30 +478,38 @@ wrapperTag: div
462
478
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
463
479
  <ol class="pf-v5-c-wizard__nav-list" role="list">
464
480
  <li class="pf-v5-c-wizard__nav-item">
465
- <button class="pf-v5-c-wizard__nav-link">Information</button>
481
+ <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
466
482
  </li>
467
483
  <li class="pf-v5-c-wizard__nav-item">
468
- <button class="pf-v5-c-wizard__nav-link pf-m-current">Configuration</button>
484
+ <button
485
+ class="pf-v5-c-wizard__nav-link pf-m-current"
486
+ type="button"
487
+ >Configuration</button>
469
488
  <ol class="pf-v5-c-wizard__nav-list" role="list">
470
489
  <li class="pf-v5-c-wizard__nav-item">
471
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
490
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
472
491
  </li>
473
492
  <li class="pf-v5-c-wizard__nav-item">
474
493
  <button
475
494
  class="pf-v5-c-wizard__nav-link pf-m-current"
495
+ type="button"
476
496
  aria-current="page"
477
497
  >Substep B</button>
478
498
  </li>
479
499
  <li class="pf-v5-c-wizard__nav-item">
480
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
500
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
481
501
  </li>
482
502
  </ol>
483
503
  </li>
484
504
  <li class="pf-v5-c-wizard__nav-item">
485
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
505
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
486
506
  </li>
487
507
  <li class="pf-v5-c-wizard__nav-item">
488
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
508
+ <button
509
+ class="pf-v5-c-wizard__nav-link"
510
+ type="button"
511
+ disabled
512
+ >Review</button>
489
513
  </li>
490
514
  </ol>
491
515
  </nav>
@@ -721,11 +745,16 @@ wrapperTag: div
721
745
  <li class="pf-v5-c-wizard__nav-item">
722
746
  <button
723
747
  class="pf-v5-c-wizard__nav-link pf-m-current"
748
+ type="button"
724
749
  aria-current="page"
725
750
  >Information</button>
726
751
  </li>
727
752
  <li class="pf-v5-c-wizard__nav-item pf-m-expandable">
728
- <button class="pf-v5-c-wizard__nav-link" aria-expanded="false">
753
+ <button
754
+ class="pf-v5-c-wizard__nav-link"
755
+ type="button"
756
+ aria-expanded="false"
757
+ >
729
758
  <span class="pf-v5-c-wizard__nav-link-text">Configuration</span>
730
759
  <span class="pf-v5-c-wizard__nav-link-toggle">
731
760
  <span class="pf-v5-c-wizard__nav-link-toggle-icon">
@@ -735,21 +764,25 @@ wrapperTag: div
735
764
  </button>
736
765
  <ol class="pf-v5-c-wizard__nav-list" role="list">
737
766
  <li class="pf-v5-c-wizard__nav-item">
738
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
767
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
739
768
  </li>
740
769
  <li class="pf-v5-c-wizard__nav-item">
741
- <button class="pf-v5-c-wizard__nav-link">Substep B</button>
770
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep B</button>
742
771
  </li>
743
772
  <li class="pf-v5-c-wizard__nav-item">
744
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
773
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
745
774
  </li>
746
775
  </ol>
747
776
  </li>
748
777
  <li class="pf-v5-c-wizard__nav-item">
749
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
778
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
750
779
  </li>
751
780
  <li class="pf-v5-c-wizard__nav-item">
752
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
781
+ <button
782
+ class="pf-v5-c-wizard__nav-link"
783
+ type="button"
784
+ disabled
785
+ >Review</button>
753
786
  </li>
754
787
  </ol>
755
788
  </nav>
@@ -956,11 +989,12 @@ wrapperTag: div
956
989
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
957
990
  <ol class="pf-v5-c-wizard__nav-list" role="list">
958
991
  <li class="pf-v5-c-wizard__nav-item">
959
- <button class="pf-v5-c-wizard__nav-link">Information</button>
992
+ <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
960
993
  </li>
961
994
  <li class="pf-v5-c-wizard__nav-item pf-m-expandable pf-m-expanded">
962
995
  <button
963
996
  class="pf-v5-c-wizard__nav-link pf-m-current"
997
+ type="button"
964
998
  aria-expanded="true"
965
999
  >
966
1000
  <span class="pf-v5-c-wizard__nav-link-text">Configuration</span>
@@ -972,24 +1006,29 @@ wrapperTag: div
972
1006
  </button>
973
1007
  <ol class="pf-v5-c-wizard__nav-list" role="list">
974
1008
  <li class="pf-v5-c-wizard__nav-item">
975
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
1009
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
976
1010
  </li>
977
1011
  <li class="pf-v5-c-wizard__nav-item">
978
1012
  <button
979
1013
  class="pf-v5-c-wizard__nav-link pf-m-current"
1014
+ type="button"
980
1015
  aria-current="page"
981
1016
  >Substep B</button>
982
1017
  </li>
983
1018
  <li class="pf-v5-c-wizard__nav-item">
984
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
1019
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
985
1020
  </li>
986
1021
  </ol>
987
1022
  </li>
988
1023
  <li class="pf-v5-c-wizard__nav-item">
989
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
1024
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
990
1025
  </li>
991
1026
  <li class="pf-v5-c-wizard__nav-item">
992
- <button class="pf-v5-c-wizard__nav-link" disabled>Review</button>
1027
+ <button
1028
+ class="pf-v5-c-wizard__nav-link"
1029
+ type="button"
1030
+ disabled
1031
+ >Review</button>
993
1032
  </li>
994
1033
  </ol>
995
1034
  </nav>
@@ -1196,27 +1235,27 @@ wrapperTag: div
1196
1235
  <nav class="pf-v5-c-wizard__nav" aria-label="Steps">
1197
1236
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1198
1237
  <li class="pf-v5-c-wizard__nav-item">
1199
- <button class="pf-v5-c-wizard__nav-link">Information</button>
1238
+ <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
1200
1239
  </li>
1201
1240
  <li class="pf-v5-c-wizard__nav-item">
1202
- <button class="pf-v5-c-wizard__nav-link">Configuration</button>
1241
+ <button class="pf-v5-c-wizard__nav-link" type="button">Configuration</button>
1203
1242
  <ol class="pf-v5-c-wizard__nav-list" role="list">
1204
1243
  <li class="pf-v5-c-wizard__nav-item">
1205
- <button class="pf-v5-c-wizard__nav-link">Substep A</button>
1244
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
1206
1245
  </li>
1207
1246
  <li class="pf-v5-c-wizard__nav-item">
1208
- <button class="pf-v5-c-wizard__nav-link">Substep B</button>
1247
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep B</button>
1209
1248
  </li>
1210
1249
  <li class="pf-v5-c-wizard__nav-item">
1211
- <button class="pf-v5-c-wizard__nav-link">Substep C</button>
1250
+ <button class="pf-v5-c-wizard__nav-link" type="button">Substep C</button>
1212
1251
  </li>
1213
1252
  </ol>
1214
1253
  </li>
1215
1254
  <li class="pf-v5-c-wizard__nav-item">
1216
- <button class="pf-v5-c-wizard__nav-link">Additional</button>
1255
+ <button class="pf-v5-c-wizard__nav-link" type="button">Additional</button>
1217
1256
  </li>
1218
1257
  <li class="pf-v5-c-wizard__nav-item">
1219
- <button class="pf-v5-c-wizard__nav-link">Review</button>
1258
+ <button class="pf-v5-c-wizard__nav-link" type="button">Review</button>
1220
1259
  </li>
1221
1260
  </ol>
1222
1261
  </nav>