@patternfly/patternfly 6.0.0-alpha.82 → 6.0.0-alpha.84

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 (59) hide show
  1. package/components/Breadcrumb/breadcrumb.css +9 -1
  2. package/components/Breadcrumb/breadcrumb.scss +10 -3
  3. package/components/Button/button.css +1 -1
  4. package/components/Button/button.scss +1 -1
  5. package/components/Menu/menu.css +388 -419
  6. package/components/Menu/menu.scss +369 -529
  7. package/components/MenuToggle/menu-toggle.css +229 -265
  8. package/components/MenuToggle/menu-toggle.scss +330 -370
  9. package/components/TextInputGroup/text-input-group.css +0 -14
  10. package/components/TextInputGroup/text-input-group.scss +3 -16
  11. package/docs/components/Button/examples/Button.md +134 -134
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  13. package/docs/components/Card/examples/Card.md +8 -8
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
  15. package/docs/components/Form/examples/Form.md +11 -11
  16. package/docs/components/Label/examples/Label.md +157 -157
  17. package/docs/components/LogViewer/examples/LogViewer.md +110 -110
  18. package/docs/components/Menu/examples/Menu.css +7 -11
  19. package/docs/components/Menu/examples/Menu.md +637 -944
  20. package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
  21. package/docs/components/Nav/examples/Navigation.md +113 -140
  22. package/docs/components/Tabs/examples/Tabs.md +24 -24
  23. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  24. package/docs/components/Toolbar/examples/Toolbar.md +28 -28
  25. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  26. package/docs/demos/Alert/examples/Alert.md +6 -6
  27. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  28. package/docs/demos/Banner/examples/Banner.md +4 -4
  29. package/docs/demos/Button/examples/Button.md +1 -1
  30. package/docs/demos/CardView/examples/CardView.md +3 -3
  31. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  32. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  33. package/docs/demos/DataList/examples/DataList.md +13 -13
  34. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  35. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  36. package/docs/demos/Form/examples/BasicForms.md +12 -12
  37. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  38. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  39. package/docs/demos/Modal/examples/Modal.md +15 -15
  40. package/docs/demos/Nav/examples/Nav.md +12 -12
  41. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  42. package/docs/demos/Page/examples/Page.md +18 -18
  43. package/docs/demos/Page/examples/Penta.md +4 -4
  44. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -11
  45. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
  47. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  48. package/docs/demos/Table/examples/Table.md +54 -54
  49. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  50. package/docs/demos/Toolbar/examples/Toolbar.md +27 -27
  51. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  52. package/package.json +1 -1
  53. package/patternfly-no-globals.css +746 -711
  54. package/patternfly-theme-dark-unversioned.css +746 -711
  55. package/patternfly.css +746 -711
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
  58. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  59. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
package/docs/components/CalendarMonth/examples/CalendarMonth.md CHANGED
@@ -31,7 +31,7 @@ cssPrefix: pf-v5-c-calendar-month
31
31
  <span class="pf-v5-c-menu-toggle__text">October</span>
32
32
  <span class="pf-v5-c-menu-toggle__controls">
33
33
  <span class="pf-v5-c-menu-toggle__toggle-icon">
34
- <i class="fas fa-angle-down" aria-hidden="true"></i>
34
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
35
35
  </span>
36
36
  </span>
37
37
  </button>
@@ -381,7 +381,7 @@ cssPrefix: pf-v5-c-calendar-month
381
381
  <span class="pf-v5-c-menu-toggle__text">October</span>
382
382
  <span class="pf-v5-c-menu-toggle__controls">
383
383
  <span class="pf-v5-c-menu-toggle__toggle-icon">
384
- <i class="fas fa-angle-down" aria-hidden="true"></i>
384
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
385
385
  </span>
386
386
  </span>
387
387
  </button>
@@ -756,7 +756,7 @@ cssPrefix: pf-v5-c-calendar-month
756
756
  <span class="pf-v5-c-menu-toggle__text">October</span>
757
757
  <span class="pf-v5-c-menu-toggle__controls">
758
758
  <span class="pf-v5-c-menu-toggle__toggle-icon">
759
- <i class="fas fa-angle-down" aria-hidden="true"></i>
759
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
760
760
  </span>
761
761
  </span>
762
762
  </button>
@@ -1131,7 +1131,7 @@ cssPrefix: pf-v5-c-calendar-month
1131
1131
  <span class="pf-v5-c-menu-toggle__text">October</span>
1132
1132
  <span class="pf-v5-c-menu-toggle__controls">
1133
1133
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1134
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1134
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1135
1135
  </span>
1136
1136
  </span>
1137
1137
  </button>
package/docs/components/Card/examples/Card.md CHANGED
@@ -1128,7 +1128,7 @@ cssPrefix: pf-v5-c-card
1128
1128
  id="card-clickable-selectable-example-title"
1129
1129
  >
1130
1130
  <h2 class="pf-v5-c-card__title-text">
1131
- <button class="pf-v5-c-button pf-m-link pf-m-inline">Title</button>
1131
+ <button class="pf-v5-c-button pf-m-inline pf-m-link">Title</button>
1132
1132
  </h2>
1133
1133
  </div>
1134
1134
  </div>
@@ -1168,7 +1168,7 @@ cssPrefix: pf-v5-c-card
1168
1168
  >
1169
1169
  <h2 class="pf-v5-c-card__title-text">
1170
1170
  <button
1171
- class="pf-v5-c-button pf-m-link pf-m-inline"
1171
+ class="pf-v5-c-button pf-m-inline pf-m-link"
1172
1172
  >Current card (clicked)</button>
1173
1173
  </h2>
1174
1174
  </div>
@@ -1210,7 +1210,7 @@ cssPrefix: pf-v5-c-card
1210
1210
  >
1211
1211
  <h2 class="pf-v5-c-card__title-text">
1212
1212
  <button
1213
- class="pf-v5-c-button pf-m-link pf-m-inline pf-m-disabled"
1213
+ class="pf-v5-c-button pf-m-inline pf-m-link pf-m-disabled"
1214
1214
  >Disabled card</button>
1215
1215
  </h2>
1216
1216
  </div>
@@ -1253,7 +1253,7 @@ cssPrefix: pf-v5-c-card
1253
1253
  >
1254
1254
  <h2 class="pf-v5-c-card__title-text">
1255
1255
  <button
1256
- class="pf-v5-c-button pf-m-link pf-m-inline pf-m-disabled"
1256
+ class="pf-v5-c-button pf-m-inline pf-m-link pf-m-disabled"
1257
1257
  >Selected but disabled card</button>
1258
1258
  </h2>
1259
1259
  </div>
@@ -1300,7 +1300,7 @@ cssPrefix: pf-v5-c-card
1300
1300
  id="card-clickable-selectable-secondary-example-title"
1301
1301
  >
1302
1302
  <h2 class="pf-v5-c-card__title-text">
1303
- <button class="pf-v5-c-button pf-m-link pf-m-inline">Title</button>
1303
+ <button class="pf-v5-c-button pf-m-inline pf-m-link">Title</button>
1304
1304
  </h2>
1305
1305
  </div>
1306
1306
  </div>
@@ -1340,7 +1340,7 @@ cssPrefix: pf-v5-c-card
1340
1340
  >
1341
1341
  <h2 class="pf-v5-c-card__title-text">
1342
1342
  <button
1343
- class="pf-v5-c-button pf-m-link pf-m-inline"
1343
+ class="pf-v5-c-button pf-m-inline pf-m-link"
1344
1344
  >Current card (clicked)</button>
1345
1345
  </h2>
1346
1346
  </div>
@@ -1382,7 +1382,7 @@ cssPrefix: pf-v5-c-card
1382
1382
  >
1383
1383
  <h2 class="pf-v5-c-card__title-text">
1384
1384
  <button
1385
- class="pf-v5-c-button pf-m-link pf-m-inline pf-m-disabled"
1385
+ class="pf-v5-c-button pf-m-inline pf-m-link pf-m-disabled"
1386
1386
  >Disabled card</button>
1387
1387
  </h2>
1388
1388
  </div>
@@ -1425,7 +1425,7 @@ cssPrefix: pf-v5-c-card
1425
1425
  >
1426
1426
  <h2 class="pf-v5-c-card__title-text">
1427
1427
  <button
1428
- class="pf-v5-c-button pf-m-link pf-m-inline pf-m-disabled"
1428
+ class="pf-v5-c-button pf-m-inline pf-m-link pf-m-disabled"
1429
1429
  >Selected but disabled card</button>
1430
1430
  </h2>
1431
1431
  </div>
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -3225,7 +3225,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3225
3225
  <li class="pf-v5-c-dual-list-selector__list-item" role="option">
3226
3226
  <div class="pf-v5-c-dual-list-selector__list-item-row">
3227
3227
  <div class="pf-v5-c-dual-list-selector__draggable">
3228
- <span class="pf-v5-c-button pf-m-disabled pf-m-plain">
3228
+ <span class="pf-v5-c-button pf-m-plain pf-m-disabled">
3229
3229
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3230
3230
  </span>
3231
3231
  </div>
@@ -3265,7 +3265,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3265
3265
  <li class="pf-v5-c-dual-list-selector__list-item" role="option">
3266
3266
  <div class="pf-v5-c-dual-list-selector__list-item-row pf-m-ghost-row">
3267
3267
  <div class="pf-v5-c-dual-list-selector__draggable">
3268
- <span class="pf-v5-c-button pf-m-disabled pf-m-plain">
3268
+ <span class="pf-v5-c-button pf-m-plain pf-m-disabled">
3269
3269
  <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3270
3270
  </span>
3271
3271
  </div>
package/docs/components/Form/examples/Form.md CHANGED
@@ -13,7 +13,7 @@ cssPrefix: pf-v5-c-form
13
13
  <div class="pf-v5-c-form__group-label"><label class="pf-v5-c-form__label" for="form-vertical-name">
14
14
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
15
15
  <span
16
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
16
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
17
17
  type="button"
18
18
  role="button"
19
19
  tabindex="0"
@@ -61,7 +61,7 @@ cssPrefix: pf-v5-c-form
61
61
  <div class="pf-v5-c-form__group-label"><label class="pf-v5-c-form__label" for="form-horizontal-info">
62
62
  <span class="pf-v5-c-form__label-text">Information</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
63
63
  <span
64
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
64
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
65
65
  type="button"
66
66
  role="button"
67
67
  tabindex="0"
@@ -93,7 +93,7 @@ cssPrefix: pf-v5-c-form
93
93
  ><span class="pf-v5-c-form__label">
94
94
  <span class="pf-v5-c-form__label-text">Label (no top padding)</span></span>&nbsp;<span class="pf-v5-c-form__group-label-help">
95
95
  <span
96
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
96
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
97
97
  type="button"
98
98
  role="button"
99
99
  tabindex="0"
@@ -147,7 +147,7 @@ cssPrefix: pf-v5-c-form
147
147
  >
148
148
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
149
149
  <span
150
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
150
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
151
151
  type="button"
152
152
  role="button"
153
153
  tabindex="0"
@@ -455,7 +455,7 @@ cssPrefix: pf-v5-c-form
455
455
  <div class="pf-v5-c-form__group-label-main"><label class="pf-v5-c-form__label" for="form-additional-info-name">
456
456
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
457
457
  <span
458
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
458
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
459
459
  type="button"
460
460
  role="button"
461
461
  tabindex="0"
@@ -529,7 +529,7 @@ cssPrefix: pf-v5-c-form
529
529
  >
530
530
  <span class="pf-v5-c-form__label-text">Label 1</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
531
531
  <span
532
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
532
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
533
533
  type="button"
534
534
  role="button"
535
535
  tabindex="0"
@@ -557,7 +557,7 @@ cssPrefix: pf-v5-c-form
557
557
  >
558
558
  <span class="pf-v5-c-form__label-text">Label 2</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
559
559
  <span
560
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
560
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
561
561
  type="button"
562
562
  role="button"
563
563
  tabindex="0"
@@ -668,7 +668,7 @@ cssPrefix: pf-v5-c-form
668
668
  >
669
669
  <span class="pf-v5-c-form__label-text">Label 1</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
670
670
  <span
671
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
671
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
672
672
  type="button"
673
673
  role="button"
674
674
  tabindex="0"
@@ -696,7 +696,7 @@ cssPrefix: pf-v5-c-form
696
696
  >
697
697
  <span class="pf-v5-c-form__label-text">Label 2</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
698
698
  <span
699
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
699
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
700
700
  type="button"
701
701
  role="button"
702
702
  tabindex="0"
@@ -743,7 +743,7 @@ cssPrefix: pf-v5-c-form
743
743
  aria-hidden="true"
744
744
  >&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
745
745
  <span
746
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
746
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
747
747
  type="button"
748
748
  role="button"
749
749
  tabindex="0"
@@ -774,7 +774,7 @@ cssPrefix: pf-v5-c-form
774
774
  aria-hidden="true"
775
775
  >&#42;</span></label>&nbsp;<span class="pf-v5-c-form__group-label-help">
776
776
  <span
777
- class="pf-v5-c-button pf-m-plain pf-m-no-padding"
777
+ class="pf-v5-c-button pf-m-no-padding pf-m-plain"
778
778
  type="button"
779
779
  role="button"
780
780
  tabindex="0"