@patternfly/patternfly 5.0.0-prerelease.13 → 5.0.0-prerelease.15

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 (42) 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 +19 -10
  13. package/components/Toolbar/toolbar.scss +24 -11
  14. package/docs/components/Toolbar/examples/Toolbar.md +1 -2
  15. package/docs/demos/AboutModal/examples/AboutModal.md +6 -14
  16. package/docs/demos/Alert/examples/Alert.md +18 -42
  17. package/docs/demos/BackToTop/examples/BackToTop.md +6 -14
  18. package/docs/demos/Banner/examples/Banner.md +12 -28
  19. package/docs/demos/CardView/examples/CardView.md +6 -14
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -56
  21. package/docs/demos/Dashboard/examples/Dashboard.md +6 -14
  22. package/docs/demos/DataList/examples/DataList.md +24 -56
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -42
  24. package/docs/demos/Drawer/examples/Drawer.md +30 -70
  25. package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -84
  26. package/docs/demos/Masthead/examples/Masthead.md +54 -126
  27. package/docs/demos/Modal/examples/Modal.md +36 -84
  28. package/docs/demos/Nav/examples/Nav.md +48 -112
  29. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -70
  30. package/docs/demos/Page/examples/Page.md +54 -126
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +42 -98
  32. package/docs/demos/Skeleton/examples/Skeleton.md +6 -14
  33. package/docs/demos/Table/examples/Table.md +90 -210
  34. package/docs/demos/Tabs/examples/Tabs.md +36 -84
  35. package/docs/demos/Toolbar/examples/Toolbar.md +12 -28
  36. package/docs/demos/Wizard/examples/Wizard.md +54 -126
  37. package/package.json +1 -1
  38. package/patternfly-no-globals.css +61 -39
  39. package/patternfly-theme-dark-unversioned.css +61 -39
  40. package/patternfly.css +61 -39
  41. package/patternfly.min.css +1 -1
  42. 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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
package/docs/demos/Tabs/examples/Tabs.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">
@@ -518,20 +510,12 @@ section: components
518
510
  </span>
519
511
  <div class="pf-v5-c-masthead__main">
520
512
  <a class="pf-v5-c-masthead__brand" href="#">
521
- <picture
522
- class="pf-v5-c-brand pf-m-picture"
523
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
524
- >
525
- <source
526
- media="(min-width: 768px)"
527
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
528
- />
529
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
530
- <img
531
- src="/assets/images/logo__pf--reverse--base.png"
532
- alt="Fallback patternFly default logo"
533
- />
534
- </picture>
513
+ <img
514
+ class="pf-v5-c-brand"
515
+ src="/assets/images/pf-logo.svg"
516
+ alt="PatternFly logo"
517
+ style="--pf-v5-c-brand--Height:36px"
518
+ />
535
519
  </a>
536
520
  </div>
537
521
  <div class="pf-v5-c-masthead__content">
@@ -1013,20 +997,12 @@ section: components
1013
997
  </span>
1014
998
  <div class="pf-v5-c-masthead__main">
1015
999
  <a class="pf-v5-c-masthead__brand" href="#">
1016
- <picture
1017
- class="pf-v5-c-brand pf-m-picture"
1018
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1019
- >
1020
- <source
1021
- media="(min-width: 768px)"
1022
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1023
- />
1024
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1025
- <img
1026
- src="/assets/images/logo__pf--reverse--base.png"
1027
- alt="Fallback patternFly default logo"
1028
- />
1029
- </picture>
1000
+ <img
1001
+ class="pf-v5-c-brand"
1002
+ src="/assets/images/pf-logo.svg"
1003
+ alt="PatternFly logo"
1004
+ style="--pf-v5-c-brand--Height:36px"
1005
+ />
1030
1006
  </a>
1031
1007
  </div>
1032
1008
  <div class="pf-v5-c-masthead__content">
@@ -1411,20 +1387,12 @@ section: components
1411
1387
  </span>
1412
1388
  <div class="pf-v5-c-masthead__main">
1413
1389
  <a class="pf-v5-c-masthead__brand" href="#">
1414
- <picture
1415
- class="pf-v5-c-brand pf-m-picture"
1416
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1417
- >
1418
- <source
1419
- media="(min-width: 768px)"
1420
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1421
- />
1422
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1423
- <img
1424
- src="/assets/images/logo__pf--reverse--base.png"
1425
- alt="Fallback patternFly default logo"
1426
- />
1427
- </picture>
1390
+ <img
1391
+ class="pf-v5-c-brand"
1392
+ src="/assets/images/pf-logo.svg"
1393
+ alt="PatternFly logo"
1394
+ style="--pf-v5-c-brand--Height:36px"
1395
+ />
1428
1396
  </a>
1429
1397
  </div>
1430
1398
  <div class="pf-v5-c-masthead__content">
@@ -2678,20 +2646,12 @@ section: components
2678
2646
  </span>
2679
2647
  <div class="pf-v5-c-masthead__main">
2680
2648
  <a class="pf-v5-c-masthead__brand" href="#">
2681
- <picture
2682
- class="pf-v5-c-brand pf-m-picture"
2683
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2684
- >
2685
- <source
2686
- media="(min-width: 768px)"
2687
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2688
- />
2689
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2690
- <img
2691
- src="/assets/images/logo__pf--reverse--base.png"
2692
- alt="Fallback patternFly default logo"
2693
- />
2694
- </picture>
2649
+ <img
2650
+ class="pf-v5-c-brand"
2651
+ src="/assets/images/pf-logo.svg"
2652
+ alt="PatternFly logo"
2653
+ style="--pf-v5-c-brand--Height:36px"
2654
+ />
2695
2655
  </a>
2696
2656
  </div>
2697
2657
  <div class="pf-v5-c-masthead__content">
@@ -2919,20 +2879,12 @@ section: components
2919
2879
  </span>
2920
2880
  <div class="pf-v5-c-masthead__main">
2921
2881
  <a class="pf-v5-c-masthead__brand" href="#">
2922
- <picture
2923
- class="pf-v5-c-brand pf-m-picture"
2924
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2925
- >
2926
- <source
2927
- media="(min-width: 768px)"
2928
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2929
- />
2930
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2931
- <img
2932
- src="/assets/images/logo__pf--reverse--base.png"
2933
- alt="Fallback patternFly default logo"
2934
- />
2935
- </picture>
2882
+ <img
2883
+ class="pf-v5-c-brand"
2884
+ src="/assets/images/pf-logo.svg"
2885
+ alt="PatternFly logo"
2886
+ style="--pf-v5-c-brand--Height:36px"
2887
+ />
2936
2888
  </a>
2937
2889
  </div>
2938
2890
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -277,20 +277,12 @@ section: components
277
277
  </span>
278
278
  <div class="pf-v5-c-masthead__main">
279
279
  <a class="pf-v5-c-masthead__brand" href="#">
280
- <picture
281
- class="pf-v5-c-brand pf-m-picture"
282
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
283
- >
284
- <source
285
- media="(min-width: 768px)"
286
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
287
- />
288
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
289
- <img
290
- src="/assets/images/logo__pf--reverse--base.png"
291
- alt="Fallback patternFly default logo"
292
- />
293
- </picture>
280
+ <img
281
+ class="pf-v5-c-brand"
282
+ src="/assets/images/pf-logo.svg"
283
+ alt="PatternFly logo"
284
+ style="--pf-v5-c-brand--Height:36px"
285
+ />
294
286
  </a>
295
287
  </div>
296
288
  <div class="pf-v5-c-masthead__content">
@@ -2907,20 +2899,12 @@ section: components
2907
2899
  </span>
2908
2900
  <div class="pf-v5-c-masthead__main">
2909
2901
  <a class="pf-v5-c-masthead__brand" href="#">
2910
- <picture
2911
- class="pf-v5-c-brand pf-m-picture"
2912
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2913
- >
2914
- <source
2915
- media="(min-width: 768px)"
2916
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2917
- />
2918
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2919
- <img
2920
- src="/assets/images/logo__pf--reverse--base.png"
2921
- alt="Fallback patternFly default logo"
2922
- />
2923
- </picture>
2902
+ <img
2903
+ class="pf-v5-c-brand"
2904
+ src="/assets/images/pf-logo.svg"
2905
+ alt="PatternFly logo"
2906
+ style="--pf-v5-c-brand--Height:36px"
2907
+ />
2924
2908
  </a>
2925
2909
  </div>
2926
2910
  <div class="pf-v5-c-masthead__content">