@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/Table/examples/Table.md CHANGED
@@ -28,20 +28,12 @@ wrapperTag: div
28
28
  </span>
29
29
  <div class="pf-v5-c-masthead__main">
30
30
  <a class="pf-v5-c-masthead__brand" href="#">
31
- <picture
32
- class="pf-v5-c-brand pf-m-picture"
33
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
34
- >
35
- <source
36
- media="(min-width: 768px)"
37
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
38
- />
39
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
40
- <img
41
- src="/assets/images/logo__pf--reverse--base.png"
42
- alt="Fallback patternFly default logo"
43
- />
44
- </picture>
31
+ <img
32
+ class="pf-v5-c-brand"
33
+ src="/assets/images/pf-logo.svg"
34
+ alt="PatternFly logo"
35
+ style="--pf-v5-c-brand--Height:36px"
36
+ />
45
37
  </a>
46
38
  </div>
47
39
  <div class="pf-v5-c-masthead__content">
@@ -1101,7 +1093,7 @@ wrapperTag: div
1101
1093
  </button>
1102
1094
  </div>
1103
1095
  <div class="pf-v5-c-pagination__nav-page-select">
1104
- <div class="pf-v5-c-form-control">
1096
+ <span class="pf-v5-c-form-control">
1105
1097
  <input
1106
1098
  aria-label="Current page"
1107
1099
  type="number"
@@ -1109,7 +1101,7 @@ wrapperTag: div
1109
1101
  max="4"
1110
1102
  value="1"
1111
1103
  />
1112
- </div>
1104
+ </span>
1113
1105
  <span aria-hidden="true">of 4</span>
1114
1106
  </div>
1115
1107
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -1161,20 +1153,12 @@ wrapperTag: div
1161
1153
  </span>
1162
1154
  <div class="pf-v5-c-masthead__main">
1163
1155
  <a class="pf-v5-c-masthead__brand" href="#">
1164
- <picture
1165
- class="pf-v5-c-brand pf-m-picture"
1166
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1167
- >
1168
- <source
1169
- media="(min-width: 768px)"
1170
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1171
- />
1172
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1173
- <img
1174
- src="/assets/images/logo__pf--reverse--base.png"
1175
- alt="Fallback patternFly default logo"
1176
- />
1177
- </picture>
1156
+ <img
1157
+ class="pf-v5-c-brand"
1158
+ src="/assets/images/pf-logo.svg"
1159
+ alt="PatternFly logo"
1160
+ style="--pf-v5-c-brand--Height:36px"
1161
+ />
1178
1162
  </a>
1179
1163
  </div>
1180
1164
  <div class="pf-v5-c-masthead__content">
@@ -2398,7 +2382,7 @@ wrapperTag: div
2398
2382
  </button>
2399
2383
  </div>
2400
2384
  <div class="pf-v5-c-pagination__nav-page-select">
2401
- <div class="pf-v5-c-form-control">
2385
+ <span class="pf-v5-c-form-control">
2402
2386
  <input
2403
2387
  aria-label="Current page"
2404
2388
  type="number"
@@ -2406,7 +2390,7 @@ wrapperTag: div
2406
2390
  max="4"
2407
2391
  value="1"
2408
2392
  />
2409
- </div>
2393
+ </span>
2410
2394
  <span aria-hidden="true">of 4</span>
2411
2395
  </div>
2412
2396
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -2458,20 +2442,12 @@ wrapperTag: div
2458
2442
  </span>
2459
2443
  <div class="pf-v5-c-masthead__main">
2460
2444
  <a class="pf-v5-c-masthead__brand" href="#">
2461
- <picture
2462
- class="pf-v5-c-brand pf-m-picture"
2463
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2464
- >
2465
- <source
2466
- media="(min-width: 768px)"
2467
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2468
- />
2469
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2470
- <img
2471
- src="/assets/images/logo__pf--reverse--base.png"
2472
- alt="Fallback patternFly default logo"
2473
- />
2474
- </picture>
2445
+ <img
2446
+ class="pf-v5-c-brand"
2447
+ src="/assets/images/pf-logo.svg"
2448
+ alt="PatternFly logo"
2449
+ style="--pf-v5-c-brand--Height:36px"
2450
+ />
2475
2451
  </a>
2476
2452
  </div>
2477
2453
  <div class="pf-v5-c-masthead__content">
@@ -3944,7 +3920,7 @@ wrapperTag: div
3944
3920
  </button>
3945
3921
  </div>
3946
3922
  <div class="pf-v5-c-pagination__nav-page-select">
3947
- <div class="pf-v5-c-form-control">
3923
+ <span class="pf-v5-c-form-control">
3948
3924
  <input
3949
3925
  aria-label="Current page"
3950
3926
  type="number"
@@ -3952,7 +3928,7 @@ wrapperTag: div
3952
3928
  max="4"
3953
3929
  value="1"
3954
3930
  />
3955
- </div>
3931
+ </span>
3956
3932
  <span aria-hidden="true">of 4</span>
3957
3933
  </div>
3958
3934
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -4004,20 +3980,12 @@ wrapperTag: div
4004
3980
  </span>
4005
3981
  <div class="pf-v5-c-masthead__main">
4006
3982
  <a class="pf-v5-c-masthead__brand" href="#">
4007
- <picture
4008
- class="pf-v5-c-brand pf-m-picture"
4009
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
4010
- >
4011
- <source
4012
- media="(min-width: 768px)"
4013
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
4014
- />
4015
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
4016
- <img
4017
- src="/assets/images/logo__pf--reverse--base.png"
4018
- alt="Fallback patternFly default logo"
4019
- />
4020
- </picture>
3983
+ <img
3984
+ class="pf-v5-c-brand"
3985
+ src="/assets/images/pf-logo.svg"
3986
+ alt="PatternFly logo"
3987
+ style="--pf-v5-c-brand--Height:36px"
3988
+ />
4021
3989
  </a>
4022
3990
  </div>
4023
3991
  <div class="pf-v5-c-masthead__content">
@@ -5152,7 +5120,7 @@ wrapperTag: div
5152
5120
  </button>
5153
5121
  </div>
5154
5122
  <div class="pf-v5-c-pagination__nav-page-select">
5155
- <div class="pf-v5-c-form-control">
5123
+ <span class="pf-v5-c-form-control">
5156
5124
  <input
5157
5125
  aria-label="Current page"
5158
5126
  type="number"
@@ -5160,7 +5128,7 @@ wrapperTag: div
5160
5128
  max="4"
5161
5129
  value="1"
5162
5130
  />
5163
- </div>
5131
+ </span>
5164
5132
  <span aria-hidden="true">of 4</span>
5165
5133
  </div>
5166
5134
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -5212,20 +5180,12 @@ wrapperTag: div
5212
5180
  </span>
5213
5181
  <div class="pf-v5-c-masthead__main">
5214
5182
  <a class="pf-v5-c-masthead__brand" href="#">
5215
- <picture
5216
- class="pf-v5-c-brand pf-m-picture"
5217
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
5218
- >
5219
- <source
5220
- media="(min-width: 768px)"
5221
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
5222
- />
5223
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
5224
- <img
5225
- src="/assets/images/logo__pf--reverse--base.png"
5226
- alt="Fallback patternFly default logo"
5227
- />
5228
- </picture>
5183
+ <img
5184
+ class="pf-v5-c-brand"
5185
+ src="/assets/images/pf-logo.svg"
5186
+ alt="PatternFly logo"
5187
+ style="--pf-v5-c-brand--Height:36px"
5188
+ />
5229
5189
  </a>
5230
5190
  </div>
5231
5191
  <div class="pf-v5-c-masthead__content">
@@ -10235,7 +10195,7 @@ wrapperTag: div
10235
10195
  </button>
10236
10196
  </div>
10237
10197
  <div class="pf-v5-c-pagination__nav-page-select">
10238
- <div class="pf-v5-c-form-control">
10198
+ <span class="pf-v5-c-form-control">
10239
10199
  <input
10240
10200
  aria-label="Current page"
10241
10201
  type="number"
@@ -10243,7 +10203,7 @@ wrapperTag: div
10243
10203
  max="4"
10244
10204
  value="1"
10245
10205
  />
10246
- </div>
10206
+ </span>
10247
10207
  <span aria-hidden="true">of 4</span>
10248
10208
  </div>
10249
10209
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -10295,20 +10255,12 @@ wrapperTag: div
10295
10255
  </span>
10296
10256
  <div class="pf-v5-c-masthead__main">
10297
10257
  <a class="pf-v5-c-masthead__brand" href="#">
10298
- <picture
10299
- class="pf-v5-c-brand pf-m-picture"
10300
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
10301
- >
10302
- <source
10303
- media="(min-width: 768px)"
10304
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
10305
- />
10306
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
10307
- <img
10308
- src="/assets/images/logo__pf--reverse--base.png"
10309
- alt="Fallback patternFly default logo"
10310
- />
10311
- </picture>
10258
+ <img
10259
+ class="pf-v5-c-brand"
10260
+ src="/assets/images/pf-logo.svg"
10261
+ alt="PatternFly logo"
10262
+ style="--pf-v5-c-brand--Height:36px"
10263
+ />
10312
10264
  </a>
10313
10265
  </div>
10314
10266
  <div class="pf-v5-c-masthead__content">
@@ -10582,20 +10534,12 @@ wrapperTag: div
10582
10534
  </span>
10583
10535
  <div class="pf-v5-c-masthead__main">
10584
10536
  <a class="pf-v5-c-masthead__brand" href="#">
10585
- <picture
10586
- class="pf-v5-c-brand pf-m-picture"
10587
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
10588
- >
10589
- <source
10590
- media="(min-width: 768px)"
10591
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
10592
- />
10593
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
10594
- <img
10595
- src="/assets/images/logo__pf--reverse--base.png"
10596
- alt="Fallback patternFly default logo"
10597
- />
10598
- </picture>
10537
+ <img
10538
+ class="pf-v5-c-brand"
10539
+ src="/assets/images/pf-logo.svg"
10540
+ alt="PatternFly logo"
10541
+ style="--pf-v5-c-brand--Height:36px"
10542
+ />
10599
10543
  </a>
10600
10544
  </div>
10601
10545
  <div class="pf-v5-c-masthead__content">
@@ -10864,20 +10808,12 @@ wrapperTag: div
10864
10808
  </span>
10865
10809
  <div class="pf-v5-c-masthead__main">
10866
10810
  <a class="pf-v5-c-masthead__brand" href="#">
10867
- <picture
10868
- class="pf-v5-c-brand pf-m-picture"
10869
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
10870
- >
10871
- <source
10872
- media="(min-width: 768px)"
10873
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
10874
- />
10875
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
10876
- <img
10877
- src="/assets/images/logo__pf--reverse--base.png"
10878
- alt="Fallback patternFly default logo"
10879
- />
10880
- </picture>
10811
+ <img
10812
+ class="pf-v5-c-brand"
10813
+ src="/assets/images/pf-logo.svg"
10814
+ alt="PatternFly logo"
10815
+ style="--pf-v5-c-brand--Height:36px"
10816
+ />
10881
10817
  </a>
10882
10818
  </div>
10883
10819
  <div class="pf-v5-c-masthead__content">
@@ -12111,7 +12047,7 @@ wrapperTag: div
12111
12047
  </button>
12112
12048
  </div>
12113
12049
  <div class="pf-v5-c-pagination__nav-page-select">
12114
- <div class="pf-v5-c-form-control">
12050
+ <span class="pf-v5-c-form-control">
12115
12051
  <input
12116
12052
  aria-label="Current page"
12117
12053
  type="number"
@@ -12119,7 +12055,7 @@ wrapperTag: div
12119
12055
  max="4"
12120
12056
  value="1"
12121
12057
  />
12122
- </div>
12058
+ </span>
12123
12059
  <span aria-hidden="true">of 4</span>
12124
12060
  </div>
12125
12061
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -12171,20 +12107,12 @@ wrapperTag: div
12171
12107
  </span>
12172
12108
  <div class="pf-v5-c-masthead__main">
12173
12109
  <a class="pf-v5-c-masthead__brand" href="#">
12174
- <picture
12175
- class="pf-v5-c-brand pf-m-picture"
12176
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
12177
- >
12178
- <source
12179
- media="(min-width: 768px)"
12180
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
12181
- />
12182
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
12183
- <img
12184
- src="/assets/images/logo__pf--reverse--base.png"
12185
- alt="Fallback patternFly default logo"
12186
- />
12187
- </picture>
12110
+ <img
12111
+ class="pf-v5-c-brand"
12112
+ src="/assets/images/pf-logo.svg"
12113
+ alt="PatternFly logo"
12114
+ style="--pf-v5-c-brand--Height:36px"
12115
+ />
12188
12116
  </a>
12189
12117
  </div>
12190
12118
  <div class="pf-v5-c-masthead__content">
@@ -13581,20 +13509,12 @@ wrapperTag: div
13581
13509
  </span>
13582
13510
  <div class="pf-v5-c-masthead__main">
13583
13511
  <a class="pf-v5-c-masthead__brand" href="#">
13584
- <picture
13585
- class="pf-v5-c-brand pf-m-picture"
13586
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
13587
- >
13588
- <source
13589
- media="(min-width: 768px)"
13590
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
13591
- />
13592
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
13593
- <img
13594
- src="/assets/images/logo__pf--reverse--base.png"
13595
- alt="Fallback patternFly default logo"
13596
- />
13597
- </picture>
13512
+ <img
13513
+ class="pf-v5-c-brand"
13514
+ src="/assets/images/pf-logo.svg"
13515
+ alt="PatternFly logo"
13516
+ style="--pf-v5-c-brand--Height:36px"
13517
+ />
13598
13518
  </a>
13599
13519
  </div>
13600
13520
  <div class="pf-v5-c-masthead__content">
@@ -14828,7 +14748,7 @@ wrapperTag: div
14828
14748
  </button>
14829
14749
  </div>
14830
14750
  <div class="pf-v5-c-pagination__nav-page-select">
14831
- <div class="pf-v5-c-form-control">
14751
+ <span class="pf-v5-c-form-control">
14832
14752
  <input
14833
14753
  aria-label="Current page"
14834
14754
  type="number"
@@ -14836,7 +14756,7 @@ wrapperTag: div
14836
14756
  max="4"
14837
14757
  value="1"
14838
14758
  />
14839
- </div>
14759
+ </span>
14840
14760
  <span aria-hidden="true">of 4</span>
14841
14761
  </div>
14842
14762
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -14888,20 +14808,12 @@ wrapperTag: div
14888
14808
  </span>
14889
14809
  <div class="pf-v5-c-masthead__main">
14890
14810
  <a class="pf-v5-c-masthead__brand" href="#">
14891
- <picture
14892
- class="pf-v5-c-brand pf-m-picture"
14893
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
14894
- >
14895
- <source
14896
- media="(min-width: 768px)"
14897
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
14898
- />
14899
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
14900
- <img
14901
- src="/assets/images/logo__pf--reverse--base.png"
14902
- alt="Fallback patternFly default logo"
14903
- />
14904
- </picture>
14811
+ <img
14812
+ class="pf-v5-c-brand"
14813
+ src="/assets/images/pf-logo.svg"
14814
+ alt="PatternFly logo"
14815
+ style="--pf-v5-c-brand--Height:36px"
14816
+ />
14905
14817
  </a>
14906
14818
  </div>
14907
14819
  <div class="pf-v5-c-masthead__content">
@@ -15971,7 +15883,7 @@ wrapperTag: div
15971
15883
  </button>
15972
15884
  </div>
15973
15885
  <div class="pf-v5-c-pagination__nav-page-select">
15974
- <div class="pf-v5-c-form-control">
15886
+ <span class="pf-v5-c-form-control">
15975
15887
  <input
15976
15888
  aria-label="Current page"
15977
15889
  type="number"
@@ -15979,7 +15891,7 @@ wrapperTag: div
15979
15891
  max="4"
15980
15892
  value="1"
15981
15893
  />
15982
- </div>
15894
+ </span>
15983
15895
  <span aria-hidden="true">of 4</span>
15984
15896
  </div>
15985
15897
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -16032,20 +15944,12 @@ wrapperTag: div
16032
15944
  </span>
16033
15945
  <div class="pf-v5-c-masthead__main">
16034
15946
  <a class="pf-v5-c-masthead__brand" href="#">
16035
- <picture
16036
- class="pf-v5-c-brand pf-m-picture"
16037
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
16038
- >
16039
- <source
16040
- media="(min-width: 768px)"
16041
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
16042
- />
16043
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
16044
- <img
16045
- src="/assets/images/logo__pf--reverse--base.png"
16046
- alt="Fallback patternFly default logo"
16047
- />
16048
- </picture>
15947
+ <img
15948
+ class="pf-v5-c-brand"
15949
+ src="/assets/images/pf-logo.svg"
15950
+ alt="PatternFly logo"
15951
+ style="--pf-v5-c-brand--Height:36px"
15952
+ />
16049
15953
  </a>
16050
15954
  </div>
16051
15955
  <div class="pf-v5-c-masthead__content">
@@ -17134,7 +17038,7 @@ wrapperTag: div
17134
17038
  </button>
17135
17039
  </div>
17136
17040
  <div class="pf-v5-c-pagination__nav-page-select">
17137
- <div class="pf-v5-c-form-control">
17041
+ <span class="pf-v5-c-form-control">
17138
17042
  <input
17139
17043
  aria-label="Current page"
17140
17044
  type="number"
@@ -17142,7 +17046,7 @@ wrapperTag: div
17142
17046
  max="4"
17143
17047
  value="1"
17144
17048
  />
17145
- </div>
17049
+ </span>
17146
17050
  <span aria-hidden="true">of 4</span>
17147
17051
  </div>
17148
17052
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -17198,20 +17102,12 @@ wrapperTag: div
17198
17102
  </span>
17199
17103
  <div class="pf-v5-c-masthead__main">
17200
17104
  <a class="pf-v5-c-masthead__brand" href="#">
17201
- <picture
17202
- class="pf-v5-c-brand pf-m-picture"
17203
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
17204
- >
17205
- <source
17206
- media="(min-width: 768px)"
17207
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
17208
- />
17209
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
17210
- <img
17211
- src="/assets/images/logo__pf--reverse--base.png"
17212
- alt="Fallback patternFly default logo"
17213
- />
17214
- </picture>
17105
+ <img
17106
+ class="pf-v5-c-brand"
17107
+ src="/assets/images/pf-logo.svg"
17108
+ alt="PatternFly logo"
17109
+ style="--pf-v5-c-brand--Height:36px"
17110
+ />
17215
17111
  </a>
17216
17112
  </div>
17217
17113
  <div class="pf-v5-c-masthead__content">
@@ -18299,7 +18195,7 @@ wrapperTag: div
18299
18195
  </button>
18300
18196
  </div>
18301
18197
  <div class="pf-v5-c-pagination__nav-page-select">
18302
- <div class="pf-v5-c-form-control">
18198
+ <span class="pf-v5-c-form-control">
18303
18199
  <input
18304
18200
  aria-label="Current page"
18305
18201
  type="number"
@@ -18307,7 +18203,7 @@ wrapperTag: div
18307
18203
  max="4"
18308
18204
  value="1"
18309
18205
  />
18310
- </div>
18206
+ </span>
18311
18207
  <span aria-hidden="true">of 4</span>
18312
18208
  </div>
18313
18209
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -18362,20 +18258,12 @@ wrapperTag: div
18362
18258
  </span>
18363
18259
  <div class="pf-v5-c-masthead__main">
18364
18260
  <a class="pf-v5-c-masthead__brand" href="#">
18365
- <picture
18366
- class="pf-v5-c-brand pf-m-picture"
18367
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
18368
- >
18369
- <source
18370
- media="(min-width: 768px)"
18371
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
18372
- />
18373
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
18374
- <img
18375
- src="/assets/images/logo__pf--reverse--base.png"
18376
- alt="Fallback patternFly default logo"
18377
- />
18378
- </picture>
18261
+ <img
18262
+ class="pf-v5-c-brand"
18263
+ src="/assets/images/pf-logo.svg"
18264
+ alt="PatternFly logo"
18265
+ style="--pf-v5-c-brand--Height:36px"
18266
+ />
18379
18267
  </a>
18380
18268
  </div>
18381
18269
  <div class="pf-v5-c-masthead__content">
@@ -19444,7 +19332,7 @@ wrapperTag: div
19444
19332
  </button>
19445
19333
  </div>
19446
19334
  <div class="pf-v5-c-pagination__nav-page-select">
19447
- <div class="pf-v5-c-form-control">
19335
+ <span class="pf-v5-c-form-control">
19448
19336
  <input
19449
19337
  aria-label="Current page"
19450
19338
  type="number"
@@ -19452,7 +19340,7 @@ wrapperTag: div
19452
19340
  max="4"
19453
19341
  value="1"
19454
19342
  />
19455
- </div>
19343
+ </span>
19456
19344
  <span aria-hidden="true">of 4</span>
19457
19345
  </div>
19458
19346
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -19506,20 +19394,12 @@ By default, table cell alignment is set to baseline. This retains vertical align
19506
19394
  </span>
19507
19395
  <div class="pf-v5-c-masthead__main">
19508
19396
  <a class="pf-v5-c-masthead__brand" href="#">
19509
- <picture
19510
- class="pf-v5-c-brand pf-m-picture"
19511
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
19512
- >
19513
- <source
19514
- media="(min-width: 768px)"
19515
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
19516
- />
19517
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
19518
- <img
19519
- src="/assets/images/logo__pf--reverse--base.png"
19520
- alt="Fallback patternFly default logo"
19521
- />
19522
- </picture>
19397
+ <img
19398
+ class="pf-v5-c-brand"
19399
+ src="/assets/images/pf-logo.svg"
19400
+ alt="PatternFly logo"
19401
+ style="--pf-v5-c-brand--Height:36px"
19402
+ />
19523
19403
  </a>
19524
19404
  </div>
19525
19405
  <div class="pf-v5-c-masthead__content">