@patternfly/patternfly 5.0.0-prerelease.12 → 5.0.0-prerelease.14

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 (62) hide show
  1. package/assets/images/pf-logo.svg +28 -0
  2. package/components/Badge/badge.css +1 -0
  3. package/components/Badge/badge.scss +1 -0
  4. package/components/Check/check.css +9 -11
  5. package/components/Check/check.scss +11 -11
  6. package/components/Dropdown/dropdown.css +14 -5
  7. package/components/Dropdown/dropdown.scss +17 -6
  8. package/components/MenuToggle/menu-toggle.css +10 -3
  9. package/components/MenuToggle/menu-toggle.scss +14 -3
  10. package/components/Radio/radio.css +8 -10
  11. package/components/Radio/radio.scss +10 -10
  12. package/components/Toolbar/toolbar.css +17 -10
  13. package/components/Toolbar/toolbar.scss +21 -10
  14. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +12 -12
  16. package/docs/components/DatePicker/examples/DatePicker.md +16 -16
  17. package/docs/components/FileUpload/examples/FileUpload.md +28 -28
  18. package/docs/components/Form/examples/Form.md +56 -56
  19. package/docs/components/FormControl/examples/FormControl.md +134 -134
  20. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  21. package/docs/components/InputGroup/examples/InputGroup.md +24 -24
  22. package/docs/components/Login/examples/Login.md +28 -28
  23. package/docs/components/NumberInput/examples/NumberInput.md +28 -28
  24. package/docs/components/Pagination/examples/Pagination.md +22 -22
  25. package/docs/components/Select/deprecated/Select.md +18 -18
  26. package/docs/components/Slider/examples/Slider.md +14 -14
  27. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -16
  28. package/docs/components/Toolbar/examples/Toolbar.md +5 -6
  29. package/docs/components/Wizard/examples/Wizard.md +70 -70
  30. package/docs/demos/AboutModal/examples/AboutModal.md +6 -14
  31. package/docs/demos/Alert/examples/Alert.md +48 -72
  32. package/docs/demos/BackToTop/examples/BackToTop.md +6 -14
  33. package/docs/demos/Banner/examples/Banner.md +12 -28
  34. package/docs/demos/Button/examples/Button.md +12 -12
  35. package/docs/demos/CardView/examples/CardView.md +8 -16
  36. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -56
  37. package/docs/demos/Dashboard/examples/Dashboard.md +6 -14
  38. package/docs/demos/DataList/examples/DataList.md +32 -64
  39. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -42
  40. package/docs/demos/Drawer/examples/Drawer.md +30 -70
  41. package/docs/demos/Form/examples/BasicForms.md +54 -54
  42. package/docs/demos/HelperText/examples/HelperText.md +20 -20
  43. package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -84
  44. package/docs/demos/Masthead/examples/Masthead.md +54 -126
  45. package/docs/demos/Modal/examples/Modal.md +42 -90
  46. package/docs/demos/Nav/examples/Nav.md +48 -112
  47. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -70
  48. package/docs/demos/Page/examples/Page.md +54 -126
  49. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -2
  50. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +8 -8
  51. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +42 -98
  52. package/docs/demos/Skeleton/examples/Skeleton.md +6 -14
  53. package/docs/demos/Table/examples/Table.md +112 -232
  54. package/docs/demos/Tabs/examples/Tabs.md +36 -84
  55. package/docs/demos/Toolbar/examples/Toolbar.md +22 -38
  56. package/docs/demos/Wizard/examples/Wizard.md +166 -238
  57. package/package.json +1 -1
  58. package/patternfly-no-globals.css +59 -39
  59. package/patternfly-theme-dark-unversioned.css +59 -39
  60. package/patternfly.css +59 -39
  61. package/patternfly.min.css +1 -1
  62. package/patternfly.min.css.map +1 -1
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -25,20 +25,12 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <picture
29
- class="pf-v5-c-brand pf-m-picture"
30
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
31
- >
32
- <source
33
- media="(min-width: 768px)"
34
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
35
- />
36
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
37
- <img
38
- src="/assets/images/logo__pf--reverse--base.png"
39
- alt="Fallback patternFly default logo"
40
- />
41
- </picture>
28
+ <img
29
+ class="pf-v5-c-brand"
30
+ src="/assets/images/pf-logo.svg"
31
+ alt="PatternFly logo"
32
+ style="--pf-v5-c-brand--Height:36px"
33
+ />
42
34
  </a>
43
35
  </div>
44
36
  <div class="pf-v5-c-masthead__content">
@@ -336,20 +328,12 @@ section: components
336
328
  </span>
337
329
  <div class="pf-v5-c-masthead__main">
338
330
  <a class="pf-v5-c-masthead__brand" href="#">
339
- <picture
340
- class="pf-v5-c-brand pf-m-picture"
341
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
342
- >
343
- <source
344
- media="(min-width: 768px)"
345
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
346
- />
347
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
348
- <img
349
- src="/assets/images/logo__pf--reverse--base.png"
350
- alt="Fallback patternFly default logo"
351
- />
352
- </picture>
331
+ <img
332
+ class="pf-v5-c-brand"
333
+ src="/assets/images/pf-logo.svg"
334
+ alt="PatternFly logo"
335
+ style="--pf-v5-c-brand--Height:36px"
336
+ />
353
337
  </a>
354
338
  </div>
355
339
  <div class="pf-v5-c-masthead__content">
@@ -540,7 +524,7 @@ section: components
540
524
  >&#42;</span></label>
541
525
  </div>
542
526
  <div class="pf-v5-c-form__group-control">
543
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
527
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
544
528
  <input
545
529
  required
546
530
  type="text"
@@ -549,12 +533,12 @@ section: components
549
533
  aria-invalid="true"
550
534
  aria-describedby="alert-horizontal-example-form-name-helper"
551
535
  />
552
- <div class="pf-v5-c-form-control__utilities">
553
- <div class="pf-v5-c-form-control__icon pf-m-status">
536
+ <span class="pf-v5-c-form-control__utilities">
537
+ <span class="pf-v5-c-form-control__icon pf-m-status">
554
538
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
555
- </div>
556
- </div>
557
- </div>
539
+ </span>
540
+ </span>
541
+ </span>
558
542
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
559
543
  <div class="pf-v5-c-helper-text">
560
544
  <div
@@ -578,7 +562,7 @@ section: components
578
562
  >&#42;</span></label>
579
563
  </div>
580
564
  <div class="pf-v5-c-form__group-control">
581
- <div class="pf-v5-c-form-control pf-m-required">
565
+ <span class="pf-v5-c-form-control pf-m-required">
582
566
  <input
583
567
  required
584
568
  type="text"
@@ -586,7 +570,7 @@ section: components
586
570
  id="alert-horizontal-example-form-email"
587
571
  name="alert-horizontal-example-form-email"
588
572
  />
589
- </div>
573
+ </span>
590
574
  </div>
591
575
  </div>
592
576
  <div class="pf-v5-c-form__group">
@@ -600,7 +584,7 @@ section: components
600
584
  >&#42;</span></label>
601
585
  </div>
602
586
  <div class="pf-v5-c-form__group-control">
603
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
587
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
604
588
  <input
605
589
  required
606
590
  type="text"
@@ -609,12 +593,12 @@ section: components
609
593
  aria-invalid="true"
610
594
  aria-describedby="alert-horizontal-example-form-phone-helper"
611
595
  />
612
- <div class="pf-v5-c-form-control__utilities">
613
- <div class="pf-v5-c-form-control__icon pf-m-status">
596
+ <span class="pf-v5-c-form-control__utilities">
597
+ <span class="pf-v5-c-form-control__icon pf-m-status">
614
598
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
615
- </div>
616
- </div>
617
- </div>
599
+ </span>
600
+ </span>
601
+ </span>
618
602
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
619
603
  <div class="pf-v5-c-helper-text">
620
604
  <div
@@ -728,20 +712,12 @@ section: components
728
712
  </span>
729
713
  <div class="pf-v5-c-masthead__main">
730
714
  <a class="pf-v5-c-masthead__brand" href="#">
731
- <picture
732
- class="pf-v5-c-brand pf-m-picture"
733
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
734
- >
735
- <source
736
- media="(min-width: 768px)"
737
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
738
- />
739
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
740
- <img
741
- src="/assets/images/logo__pf--reverse--base.png"
742
- alt="Fallback patternFly default logo"
743
- />
744
- </picture>
715
+ <img
716
+ class="pf-v5-c-brand"
717
+ src="/assets/images/pf-logo.svg"
718
+ alt="PatternFly logo"
719
+ style="--pf-v5-c-brand--Height:36px"
720
+ />
745
721
  </a>
746
722
  </div>
747
723
  <div class="pf-v5-c-masthead__content">
@@ -932,7 +908,7 @@ section: components
932
908
  >&#42;</span></label>
933
909
  </div>
934
910
  <div class="pf-v5-c-form__group-control">
935
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
911
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
936
912
  <input
937
913
  required
938
914
  type="text"
@@ -941,12 +917,12 @@ section: components
941
917
  aria-invalid="true"
942
918
  aria-describedby="alert-stacked-example-form-helper"
943
919
  />
944
- <div class="pf-v5-c-form-control__utilities">
945
- <div class="pf-v5-c-form-control__icon pf-m-status">
920
+ <span class="pf-v5-c-form-control__utilities">
921
+ <span class="pf-v5-c-form-control__icon pf-m-status">
946
922
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
947
- </div>
948
- </div>
949
- </div>
923
+ </span>
924
+ </span>
925
+ </span>
950
926
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
951
927
  <div class="pf-v5-c-helper-text">
952
928
  <div
@@ -970,7 +946,7 @@ section: components
970
946
  >&#42;</span></label>
971
947
  </div>
972
948
  <div class="pf-v5-c-form__group-control">
973
- <div class="pf-v5-c-form-control pf-m-required">
949
+ <span class="pf-v5-c-form-control pf-m-required">
974
950
  <input
975
951
  required
976
952
  type="text"
@@ -978,7 +954,7 @@ section: components
978
954
  id="alert-stacked-example-form-email"
979
955
  name="alert-stacked-example-form-email"
980
956
  />
981
- </div>
957
+ </span>
982
958
  </div>
983
959
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
984
960
  <div class="pf-v5-c-helper-text">
@@ -1003,7 +979,7 @@ section: components
1003
979
  aria-hidden="true"
1004
980
  >&#42;</span></label>
1005
981
  </div>
1006
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
982
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
1007
983
  <select
1008
984
  class
1009
985
  required
@@ -1018,15 +994,15 @@ section: components
1018
994
  <option value="Option 3">MA</option>
1019
995
  <option value="Option 4">NY</option>
1020
996
  </select>
1021
- <div class="pf-v5-c-form-control__utilities">
1022
- <div class="pf-v5-c-form-control__icon pf-m-status">
997
+ <span class="pf-v5-c-form-control__utilities">
998
+ <span class="pf-v5-c-form-control__icon pf-m-status">
1023
999
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1024
- </div>
1025
- <div class="pf-v5-c-form-control__toggle-icon">
1000
+ </span>
1001
+ <span class="pf-v5-c-form-control__toggle-icon">
1026
1002
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1027
- </div>
1028
- </div>
1029
- </div>
1003
+ </span>
1004
+ </span>
1005
+ </span>
1030
1006
  <div
1031
1007
  class="pf-v5-c-form__helper-text"
1032
1008
  aria-live="polite"
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -26,20 +26,12 @@ cssPrefix: pf-d-back-to-top
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <picture
30
- class="pf-v5-c-brand pf-m-picture"
31
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
32
- >
33
- <source
34
- media="(min-width: 768px)"
35
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
36
- />
37
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
38
- <img
39
- src="/assets/images/logo__pf--reverse--base.png"
40
- alt="Fallback patternFly default logo"
41
- />
42
- </picture>
29
+ <img
30
+ class="pf-v5-c-brand"
31
+ src="/assets/images/pf-logo.svg"
32
+ alt="PatternFly logo"
33
+ style="--pf-v5-c-brand--Height:36px"
34
+ />
43
35
  </a>
44
36
  </div>
45
37
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -27,20 +27,12 @@ wrapperTag: div
27
27
  </span>
28
28
  <div class="pf-v5-c-masthead__main">
29
29
  <a class="pf-v5-c-masthead__brand" href="#">
30
- <picture
31
- class="pf-v5-c-brand pf-m-picture"
32
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
33
- >
34
- <source
35
- media="(min-width: 768px)"
36
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
37
- />
38
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
39
- <img
40
- src="/assets/images/logo__pf--reverse--base.png"
41
- alt="Fallback patternFly default logo"
42
- />
43
- </picture>
30
+ <img
31
+ class="pf-v5-c-brand"
32
+ src="/assets/images/pf-logo.svg"
33
+ alt="PatternFly logo"
34
+ style="--pf-v5-c-brand--Height:36px"
35
+ />
44
36
  </a>
45
37
  </div>
46
38
  <div class="pf-v5-c-masthead__content">
@@ -423,20 +415,12 @@ wrapperTag: div
423
415
  </span>
424
416
  <div class="pf-v5-c-masthead__main">
425
417
  <a class="pf-v5-c-masthead__brand" href="#">
426
- <picture
427
- class="pf-v5-c-brand pf-m-picture"
428
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
429
- >
430
- <source
431
- media="(min-width: 768px)"
432
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
433
- />
434
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
435
- <img
436
- src="/assets/images/logo__pf--reverse--base.png"
437
- alt="Fallback patternFly default logo"
438
- />
439
- </picture>
418
+ <img
419
+ class="pf-v5-c-brand"
420
+ src="/assets/images/pf-logo.svg"
421
+ alt="PatternFly logo"
422
+ style="--pf-v5-c-brand--Height:36px"
423
+ />
440
424
  </a>
441
425
  </div>
442
426
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Button/examples/Button.md CHANGED
@@ -13,7 +13,7 @@ cssPrefix: pf-d-button
13
13
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
14
14
  </div>
15
15
  <div class="pf-v5-c-form__group-control">
16
- <div class="pf-v5-c-form-control pf-m-required">
16
+ <span class="pf-v5-c-form-control pf-m-required">
17
17
  <input
18
18
  required
19
19
  type="text"
@@ -21,7 +21,7 @@ cssPrefix: pf-d-button
21
21
  name="progress-button-example-login"
22
22
  value="johndoe"
23
23
  />
24
- </div>
24
+ </span>
25
25
  </div>
26
26
  </div>
27
27
  <div class="pf-v5-c-form__group">
@@ -29,7 +29,7 @@ cssPrefix: pf-d-button
29
29
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
30
30
  </div>
31
31
  <div class="pf-v5-c-form__group-control">
32
- <div class="pf-v5-c-form-control pf-m-required">
32
+ <span class="pf-v5-c-form-control pf-m-required">
33
33
  <input
34
34
  required
35
35
  type="password"
@@ -37,7 +37,7 @@ cssPrefix: pf-d-button
37
37
  id="progress-button-example-password"
38
38
  name="progress-button-example-password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  </div>
43
43
  <div class="pf-v5-c-form__group pf-m-action">
@@ -64,7 +64,7 @@ cssPrefix: pf-d-button
64
64
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
65
65
  </div>
66
66
  <div class="pf-v5-c-form__group-control">
67
- <div class="pf-v5-c-form-control pf-m-required">
67
+ <span class="pf-v5-c-form-control pf-m-required">
68
68
  <input
69
69
  required
70
70
  type="text"
@@ -72,7 +72,7 @@ cssPrefix: pf-d-button
72
72
  name="progress-button-loading-example-login"
73
73
  value="johndoe"
74
74
  />
75
- </div>
75
+ </span>
76
76
  </div>
77
77
  </div>
78
78
  <div class="pf-v5-c-form__group">
@@ -83,7 +83,7 @@ cssPrefix: pf-d-button
83
83
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
84
84
  </div>
85
85
  <div class="pf-v5-c-form__group-control">
86
- <div class="pf-v5-c-form-control pf-m-required">
86
+ <span class="pf-v5-c-form-control pf-m-required">
87
87
  <input
88
88
  required
89
89
  type="password"
@@ -91,7 +91,7 @@ cssPrefix: pf-d-button
91
91
  id="progress-button-loading-example-password"
92
92
  name="progress-button-loading-example-password"
93
93
  />
94
- </div>
94
+ </span>
95
95
  </div>
96
96
  </div>
97
97
  <div class="pf-v5-c-form__group pf-m-action">
@@ -136,7 +136,7 @@ cssPrefix: pf-d-button
136
136
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
137
137
  </div>
138
138
  <div class="pf-v5-c-form__group-control">
139
- <div class="pf-v5-c-form-control pf-m-required">
139
+ <span class="pf-v5-c-form-control pf-m-required">
140
140
  <input
141
141
  required
142
142
  type="text"
@@ -144,7 +144,7 @@ cssPrefix: pf-d-button
144
144
  name="progress-button-complete-example-login"
145
145
  value="johndoe"
146
146
  />
147
- </div>
147
+ </span>
148
148
  </div>
149
149
  </div>
150
150
  <div class="pf-v5-c-form__group">
@@ -155,7 +155,7 @@ cssPrefix: pf-d-button
155
155
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
156
156
  </div>
157
157
  <div class="pf-v5-c-form__group-control">
158
- <div class="pf-v5-c-form-control pf-m-required">
158
+ <span class="pf-v5-c-form-control pf-m-required">
159
159
  <input
160
160
  required
161
161
  type="password"
@@ -163,7 +163,7 @@ cssPrefix: pf-d-button
163
163
  id="progress-button-complete-example-password"
164
164
  name="progress-button-complete-example-password"
165
165
  />
166
- </div>
166
+ </span>
167
167
  </div>
168
168
  </div>
169
169
  <div class="pf-v5-c-form__group pf-m-action">
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -25,20 +25,12 @@ section: patterns
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <picture
29
- class="pf-v5-c-brand pf-m-picture"
30
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
31
- >
32
- <source
33
- media="(min-width: 768px)"
34
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
35
- />
36
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
37
- <img
38
- src="/assets/images/logo__pf--reverse--base.png"
39
- alt="Fallback patternFly default logo"
40
- />
41
- </picture>
28
+ <img
29
+ class="pf-v5-c-brand"
30
+ src="/assets/images/pf-logo.svg"
31
+ alt="PatternFly logo"
32
+ style="--pf-v5-c-brand--Height:36px"
33
+ />
42
34
  </a>
43
35
  </div>
44
36
  <div class="pf-v5-c-masthead__content">
@@ -1505,7 +1497,7 @@ section: patterns
1505
1497
  </button>
1506
1498
  </div>
1507
1499
  <div class="pf-v5-c-pagination__nav-page-select">
1508
- <div class="pf-v5-c-form-control">
1500
+ <span class="pf-v5-c-form-control">
1509
1501
  <input
1510
1502
  aria-label="Current page"
1511
1503
  type="number"
@@ -1513,7 +1505,7 @@ section: patterns
1513
1505
  max="4"
1514
1506
  value="1"
1515
1507
  />
1516
- </div>
1508
+ </span>
1517
1509
  <span aria-hidden="true">of 4</span>
1518
1510
  </div>
1519
1511
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -27,20 +27,12 @@ deprecated: true
27
27
  </span>
28
28
  <div class="pf-v5-c-masthead__main">
29
29
  <a class="pf-v5-c-masthead__brand" href="#">
30
- <picture
31
- class="pf-v5-c-brand pf-m-picture"
32
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
33
- >
34
- <source
35
- media="(min-width: 768px)"
36
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
37
- />
38
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
39
- <img
40
- src="/assets/images/logo__pf--reverse--base.png"
41
- alt="Fallback patternFly default logo"
42
- />
43
- </picture>
30
+ <img
31
+ class="pf-v5-c-brand"
32
+ src="/assets/images/pf-logo.svg"
33
+ alt="PatternFly logo"
34
+ style="--pf-v5-c-brand--Height:36px"
35
+ />
44
36
  </a>
45
37
  </div>
46
38
  <div class="pf-v5-c-masthead__content">
@@ -215,20 +207,12 @@ deprecated: true
215
207
  </span>
216
208
  <div class="pf-v5-c-masthead__main">
217
209
  <a class="pf-v5-c-masthead__brand" href="#">
218
- <picture
219
- class="pf-v5-c-brand pf-m-picture"
220
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
221
- >
222
- <source
223
- media="(min-width: 768px)"
224
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
225
- />
226
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
227
- <img
228
- src="/assets/images/logo__pf--reverse--base.png"
229
- alt="Fallback patternFly default logo"
230
- />
231
- </picture>
210
+ <img
211
+ class="pf-v5-c-brand"
212
+ src="/assets/images/pf-logo.svg"
213
+ alt="PatternFly logo"
214
+ style="--pf-v5-c-brand--Height:36px"
215
+ />
232
216
  </a>
233
217
  </div>
234
218
  <div class="pf-v5-c-masthead__content">
@@ -583,20 +567,12 @@ deprecated: true
583
567
  </span>
584
568
  <div class="pf-v5-c-masthead__main">
585
569
  <a class="pf-v5-c-masthead__brand" href="#">
586
- <picture
587
- class="pf-v5-c-brand pf-m-picture"
588
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
589
- >
590
- <source
591
- media="(min-width: 768px)"
592
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
593
- />
594
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
595
- <img
596
- src="/assets/images/logo__pf--reverse--base.png"
597
- alt="Fallback patternFly default logo"
598
- />
599
- </picture>
570
+ <img
571
+ class="pf-v5-c-brand"
572
+ src="/assets/images/pf-logo.svg"
573
+ alt="PatternFly logo"
574
+ style="--pf-v5-c-brand--Height:36px"
575
+ />
600
576
  </a>
601
577
  </div>
602
578
  <div class="pf-v5-c-masthead__content">
@@ -953,20 +929,12 @@ deprecated: true
953
929
  </span>
954
930
  <div class="pf-v5-c-masthead__main">
955
931
  <a class="pf-v5-c-masthead__brand" href="#">
956
- <picture
957
- class="pf-v5-c-brand pf-m-picture"
958
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
959
- >
960
- <source
961
- media="(min-width: 768px)"
962
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
963
- />
964
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
965
- <img
966
- src="/assets/images/logo__pf--reverse--base.png"
967
- alt="Fallback patternFly default logo"
968
- />
969
- </picture>
932
+ <img
933
+ class="pf-v5-c-brand"
934
+ src="/assets/images/pf-logo.svg"
935
+ alt="PatternFly logo"
936
+ style="--pf-v5-c-brand--Height:36px"
937
+ />
970
938
  </a>
971
939
  </div>
972
940
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -26,20 +26,12 @@ cssPrefix: pf-d-dashboard
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <picture
30
- class="pf-v5-c-brand pf-m-picture"
31
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
32
- >
33
- <source
34
- media="(min-width: 768px)"
35
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
36
- />
37
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
38
- <img
39
- src="/assets/images/logo__pf--reverse--base.png"
40
- alt="Fallback patternFly default logo"
41
- />
42
- </picture>
29
+ <img
30
+ class="pf-v5-c-brand"
31
+ src="/assets/images/pf-logo.svg"
32
+ alt="PatternFly logo"
33
+ style="--pf-v5-c-brand--Height:36px"
34
+ />
43
35
  </a>
44
36
  </div>
45
37
  <div class="pf-v5-c-masthead__content">