@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/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -27,7 +27,7 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <div class="pf-v5-c-form-control pf-m-required">
30
+ <span class="pf-v5-c-form-control pf-m-required">
31
31
  <input
32
32
  required
33
33
  type="text"
@@ -37,7 +37,7 @@ section: components
37
37
  value
38
38
  placeholder="Password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  <div class="pf-v5-c-input-group__item">
43
43
  <button
@@ -113,7 +113,7 @@ section: components
113
113
  <div class="pf-v5-c-form__group-control">
114
114
  <div class="pf-v5-c-input-group">
115
115
  <div class="pf-v5-c-input-group__item pf-m-fill">
116
- <div class="pf-v5-c-form-control pf-m-required">
116
+ <span class="pf-v5-c-form-control pf-m-required">
117
117
  <input
118
118
  required
119
119
  type="text"
@@ -123,7 +123,7 @@ section: components
123
123
  value="Marie$RedHat78"
124
124
  placeholder="Password"
125
125
  />
126
- </div>
126
+ </span>
127
127
  </div>
128
128
  <div class="pf-v5-c-input-group__item">
129
129
  <button
@@ -202,7 +202,7 @@ section: components
202
202
  <div class="pf-v5-c-form__group-control">
203
203
  <div class="pf-v5-c-input-group">
204
204
  <div class="pf-v5-c-input-group__item pf-m-fill">
205
- <div class="pf-v5-c-form-control pf-m-required">
205
+ <span class="pf-v5-c-form-control pf-m-required">
206
206
  <input
207
207
  required
208
208
  type="text"
@@ -212,7 +212,7 @@ section: components
212
212
  value="Marie$Can3Read"
213
213
  placeholder="Password"
214
214
  />
215
- </div>
215
+ </span>
216
216
  </div>
217
217
  <div class="pf-v5-c-input-group__item">
218
218
  <button
@@ -291,7 +291,7 @@ section: components
291
291
  <div class="pf-v5-c-form__group-control">
292
292
  <div class="pf-v5-c-input-group">
293
293
  <div class="pf-v5-c-input-group__item pf-m-fill">
294
- <div class="pf-v5-c-form-control pf-m-required">
294
+ <span class="pf-v5-c-form-control pf-m-required">
295
295
  <input
296
296
  required
297
297
  type="text"
@@ -301,7 +301,7 @@ section: components
301
301
  value="Marie$Can8Read3Pass@Word"
302
302
  placeholder="Password"
303
303
  />
304
- </div>
304
+ </span>
305
305
  </div>
306
306
  <div class="pf-v5-c-input-group__item">
307
307
  <button
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -29,20 +29,12 @@ wrapperTag: div
29
29
  </span>
30
30
  <div class="pf-v5-c-masthead__main">
31
31
  <a class="pf-v5-c-masthead__brand" href="#">
32
- <picture
33
- class="pf-v5-c-brand pf-m-picture"
34
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
35
- >
36
- <source
37
- media="(min-width: 768px)"
38
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
39
- />
40
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
41
- <img
42
- src="/assets/images/logo__pf--reverse--base.png"
43
- alt="Fallback patternFly default logo"
44
- />
45
- </picture>
32
+ <img
33
+ class="pf-v5-c-brand"
34
+ src="/assets/images/pf-logo.svg"
35
+ alt="PatternFly logo"
36
+ style="--pf-v5-c-brand--Height:36px"
37
+ />
46
38
  </a>
47
39
  </div>
48
40
  <div class="pf-v5-c-masthead__content">
@@ -1283,20 +1275,12 @@ wrapperTag: div
1283
1275
  </span>
1284
1276
  <div class="pf-v5-c-masthead__main">
1285
1277
  <a class="pf-v5-c-masthead__brand" href="#">
1286
- <picture
1287
- class="pf-v5-c-brand pf-m-picture"
1288
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
1289
- >
1290
- <source
1291
- media="(min-width: 768px)"
1292
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
1293
- />
1294
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
1295
- <img
1296
- src="/assets/images/logo__pf--reverse--base.png"
1297
- alt="Fallback patternFly default logo"
1298
- />
1299
- </picture>
1278
+ <img
1279
+ class="pf-v5-c-brand"
1280
+ src="/assets/images/pf-logo.svg"
1281
+ alt="PatternFly logo"
1282
+ style="--pf-v5-c-brand--Height:36px"
1283
+ />
1300
1284
  </a>
1301
1285
  </div>
1302
1286
  <div class="pf-v5-c-masthead__content">
@@ -2464,20 +2448,12 @@ wrapperTag: div
2464
2448
  </span>
2465
2449
  <div class="pf-v5-c-masthead__main">
2466
2450
  <a class="pf-v5-c-masthead__brand" href="#">
2467
- <picture
2468
- class="pf-v5-c-brand pf-m-picture"
2469
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
2470
- >
2471
- <source
2472
- media="(min-width: 768px)"
2473
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
2474
- />
2475
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
2476
- <img
2477
- src="/assets/images/logo__pf--reverse--base.png"
2478
- alt="Fallback patternFly default logo"
2479
- />
2480
- </picture>
2451
+ <img
2452
+ class="pf-v5-c-brand"
2453
+ src="/assets/images/pf-logo.svg"
2454
+ alt="PatternFly logo"
2455
+ style="--pf-v5-c-brand--Height:36px"
2456
+ />
2481
2457
  </a>
2482
2458
  </div>
2483
2459
  <div class="pf-v5-c-masthead__content">
@@ -3537,20 +3513,12 @@ wrapperTag: div
3537
3513
  </span>
3538
3514
  <div class="pf-v5-c-masthead__main">
3539
3515
  <a class="pf-v5-c-masthead__brand" href="#">
3540
- <picture
3541
- class="pf-v5-c-brand pf-m-picture"
3542
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
3543
- >
3544
- <source
3545
- media="(min-width: 768px)"
3546
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
3547
- />
3548
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
3549
- <img
3550
- src="/assets/images/logo__pf--reverse--base.png"
3551
- alt="Fallback patternFly default logo"
3552
- />
3553
- </picture>
3516
+ <img
3517
+ class="pf-v5-c-brand"
3518
+ src="/assets/images/pf-logo.svg"
3519
+ alt="PatternFly logo"
3520
+ style="--pf-v5-c-brand--Height:36px"
3521
+ />
3554
3522
  </a>
3555
3523
  </div>
3556
3524
  <div class="pf-v5-c-masthead__content">
@@ -5015,20 +4983,12 @@ wrapperTag: div
5015
4983
  </span>
5016
4984
  <div class="pf-v5-c-masthead__main">
5017
4985
  <a class="pf-v5-c-masthead__brand" href="#">
5018
- <picture
5019
- class="pf-v5-c-brand pf-m-picture"
5020
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
5021
- >
5022
- <source
5023
- media="(min-width: 768px)"
5024
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
5025
- />
5026
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
5027
- <img
5028
- src="/assets/images/logo__pf--reverse--base.png"
5029
- alt="Fallback patternFly default logo"
5030
- />
5031
- </picture>
4986
+ <img
4987
+ class="pf-v5-c-brand"
4988
+ src="/assets/images/pf-logo.svg"
4989
+ alt="PatternFly logo"
4990
+ style="--pf-v5-c-brand--Height:36px"
4991
+ />
5032
4992
  </a>
5033
4993
  </div>
5034
4994
  <div class="pf-v5-c-masthead__content">
@@ -5403,20 +5363,12 @@ wrapperTag: div
5403
5363
  </span>
5404
5364
  <div class="pf-v5-c-masthead__main">
5405
5365
  <a class="pf-v5-c-masthead__brand" href="#">
5406
- <picture
5407
- class="pf-v5-c-brand pf-m-picture"
5408
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
5409
- >
5410
- <source
5411
- media="(min-width: 768px)"
5412
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
5413
- />
5414
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
5415
- <img
5416
- src="/assets/images/logo__pf--reverse--base.png"
5417
- alt="Fallback patternFly default logo"
5418
- />
5419
- </picture>
5366
+ <img
5367
+ class="pf-v5-c-brand"
5368
+ src="/assets/images/pf-logo.svg"
5369
+ alt="PatternFly logo"
5370
+ style="--pf-v5-c-brand--Height:36px"
5371
+ />
5420
5372
  </a>
5421
5373
  </div>
5422
5374
  <div class="pf-v5-c-masthead__content">
@@ -6025,20 +5977,12 @@ wrapperTag: div
6025
5977
  </span>
6026
5978
  <div class="pf-v5-c-masthead__main">
6027
5979
  <a class="pf-v5-c-masthead__brand" href="#">
6028
- <picture
6029
- class="pf-v5-c-brand pf-m-picture"
6030
- style="--pf-v5-c-brand--Width: 180px; --pf-v5-c-brand--Width-on-md: 180px; --pf-v5-c-brand--Width-on-2xl: 220px;"
6031
- >
6032
- <source
6033
- media="(min-width: 768px)"
6034
- srcset="/assets/images/logo__pf--reverse-on-md.svg"
6035
- />
6036
- <source srcset="/assets/images/logo__pf--reverse--base.svg" />
6037
- <img
6038
- src="/assets/images/logo__pf--reverse--base.png"
6039
- alt="Fallback patternFly default logo"
6040
- />
6041
- </picture>
5980
+ <img
5981
+ class="pf-v5-c-brand"
5982
+ src="/assets/images/pf-logo.svg"
5983
+ alt="PatternFly logo"
5984
+ style="--pf-v5-c-brand--Height:36px"
5985
+ />
6042
5986
  </a>
6043
5987
  </div>
6044
5988
  <div class="pf-v5-c-masthead__content">
package/docs/demos/Skeleton/examples/Skeleton.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">