@patternfly/patternfly 5.0.0-alpha.50 → 5.0.0-alpha.51

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/UPGRADE-GUIDE.md +1 -1
  2. package/assets/icons/iconUnicodes.json +129 -128
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +402 -267
  5. package/base/_icons.scss +1 -1
  6. package/base/patternfly-icons.css +136 -132
  7. package/base/patternfly-pf-icons.css +136 -132
  8. package/base/patternfly-pf-icons.scss +1 -1
  9. package/components/NotificationBadge/notification-badge.css +2 -2
  10. package/components/NotificationBadge/notification-badge.scss +2 -2
  11. package/components/ProgressStepper/progress-stepper.css +1 -1
  12. package/components/ProgressStepper/progress-stepper.scss +1 -1
  13. package/components/_all.scss +1 -1
  14. package/docs/components/Avatar/examples/Avatar.css +1 -1
  15. package/docs/components/CodeEditor/examples/CodeEditor.md +1 -1
  16. package/docs/components/Form/examples/Form.md +11 -11
  17. package/docs/components/Label/examples/Label.md +1220 -1
  18. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  19. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  20. package/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  21. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  22. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  23. package/docs/components/Table/examples/Table.md +2 -2
  24. package/docs/components/Tabs/examples/Tabs.md +102 -102
  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/CardView/examples/CardView.md +2 -2
  30. package/docs/demos/ContextSelector/examples/ContextSelector.md +6 -6
  31. package/docs/demos/Dashboard/examples/Dashboard.md +7 -7
  32. package/docs/demos/DataList/examples/DataList.md +8 -8
  33. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  34. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  35. package/docs/demos/Form/examples/BasicForms.md +10 -10
  36. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  37. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  38. package/docs/demos/Modal/examples/Modal.md +15 -15
  39. package/docs/demos/Nav/examples/Nav.md +16 -16
  40. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +15 -15
  41. package/docs/demos/Page/examples/Page.md +18 -18
  42. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  43. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  44. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -14
  45. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  46. package/docs/demos/Table/examples/Table.md +32 -32
  47. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  48. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  49. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  50. package/icons/{pf-icons.mjs → pficons.mjs} +1 -0
  51. package/package.json +1 -1
  52. package/patternfly-base-no-globals.css +136 -132
  53. package/patternfly-base.css +136 -132
  54. package/patternfly-no-globals.css +139 -135
  55. package/patternfly.css +139 -135
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
  58. package/assets/pficon/pficon.woff2 +0 -0
  59. package/docs/components/LabelGroup/examples/LabelGroup.md +0 -1222
  60. /package/base/{_pf-icons.scss → _pficons.scss} +0 -0
  61. /package/components/{LabelGroup → Label}/label-group.css +0 -0
  62. /package/components/{LabelGroup → Label}/label-group.scss +0 -0
package/components/NotificationBadge/notification-badge.css CHANGED
@@ -31,7 +31,7 @@
31
31
  --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
32
32
  --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
33
33
  --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
34
- --pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
34
+ --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
35
35
  position: relative;
36
36
  display: inline-block;
37
37
  padding: var(--pf-v5-c-notification-badge--PaddingTop) var(--pf-v5-c-notification-badge--PaddingRight) var(--pf-v5-c-notification-badge--PaddingBottom) var(--pf-v5-c-notification-badge--PaddingLeft);
@@ -62,7 +62,7 @@
62
62
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
63
63
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
64
64
  display: inline-block;
65
- line-height: var(--pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight);
65
+ line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
66
66
  }
67
67
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
68
68
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
package/components/NotificationBadge/notification-badge.scss CHANGED
@@ -49,7 +49,7 @@
49
49
  --#{$notification-badge}__count--MarginLeft: var(--#{$pf-global}--spacer--xs);
50
50
 
51
51
  // Attention icon
52
- --#{$notification-badge}--pf-v5-c-icon-attention-bell--LineHeight: var(--#{$pf-global}--LineHeight--sm);
52
+ --#{$notification-badge}--pf-v5-pficon-attention-bell--LineHeight: var(--#{$pf-global}--LineHeight--sm);
53
53
 
54
54
  position: relative;
55
55
  display: inline-block;
@@ -85,7 +85,7 @@
85
85
  .#{$icon}-attention-bell,
86
86
  .#{$icon}-bell {
87
87
  display: inline-block;
88
- line-height: var(--#{$notification-badge}--pf-v5-c-icon-attention-bell--LineHeight);
88
+ line-height: var(--#{$notification-badge}--pf-v5-pficon-attention-bell--LineHeight);
89
89
 
90
90
  &::before {
91
91
  vertical-align: bottom;
package/components/ProgressStepper/progress-stepper.css CHANGED
@@ -271,7 +271,7 @@
271
271
  border: var(--pf-v5-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v5-c-progress-stepper__step-icon--BorderColor);
272
272
  border-radius: 50%;
273
273
  }
274
- .pf-v5-c-progress-stepper__step-icon .pf-v5-c-icon {
274
+ .pf-v5-c-progress-stepper__step-icon .pf-v5-pficon {
275
275
  margin-top: var(--pf-v5-c-progress-stepper__pficon--MarginTop);
276
276
  }
277
277
  .pf-v5-c-progress-stepper__step-icon .fa-exclamation-triangle {
package/components/ProgressStepper/progress-stepper.scss CHANGED
@@ -354,7 +354,7 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
354
354
 
355
355
  // Align pficons with the font awesome icons
356
356
  // stylelint-disable
357
- .pf-v5-c-icon {
357
+ .pf-v5-pficon {
358
358
  margin-top: var(--#{$progress}-stepper__pficon--MarginTop);
359
359
  }
360
360
 
package/components/_all.scss CHANGED
@@ -44,7 +44,7 @@
44
44
  @import "./InputGroup/input-group";
45
45
  @import "./JumpLinks/jump-links";
46
46
  @import "./Label/label";
47
- @import "./LabelGroup/label-group";
47
+ @import "./Label/label-group";
48
48
  @import "./List/list";
49
49
  @import "./LogViewer/log-viewer";
50
50
  @import "./Login/login";
package/docs/components/Avatar/examples/Avatar.css CHANGED
@@ -1,3 +1,3 @@
1
1
  #ws-core-c-avatar-bordered---dark {
2
- background: var(--#{$pf-global}--BackgroundColor--dark-100);
2
+ background: var(--pf-v5-global--BackgroundColor--dark-100);
3
3
  }
package/docs/components/CodeEditor/examples/CodeEditor.md CHANGED
@@ -225,7 +225,7 @@ cssPrefix: pf-v5-c-code-editor
225
225
  <div class="pf-v5-c-code-editor__keyboard-shortcuts">
226
226
  <button class="pf-v5-c-button pf-m-link" type="button">
227
227
  <span class="pf-v5-c-button__icon pf-m-start">
228
- <i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i>
228
+ <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
229
229
  </span>
230
230
  View shortcuts
231
231
  </button>
package/docs/components/Form/examples/Form.md CHANGED
@@ -18,7 +18,7 @@ cssPrefix: pf-v5-c-form
18
18
  role="button"
19
19
  type="button"
20
20
  tabindex="0"
21
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
21
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
22
22
  </div>
23
23
  <div class="pf-v5-c-form__group-control">
24
24
  <input
@@ -61,7 +61,7 @@ cssPrefix: pf-v5-c-form
61
61
  role="button"
62
62
  type="button"
63
63
  tabindex="0"
64
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
64
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
65
65
  </div>
66
66
  <div class="pf-v5-c-form__group-control">
67
67
  <textarea
@@ -89,7 +89,7 @@ cssPrefix: pf-v5-c-form
89
89
  role="button"
90
90
  type="button"
91
91
  tabindex="0"
92
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
92
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
93
93
  </div>
94
94
  <div class="pf-v5-c-form__group-control pf-m-stack">
95
95
  <div class="pf-v5-c-check">
@@ -140,7 +140,7 @@ cssPrefix: pf-v5-c-form
140
140
  role="button"
141
141
  type="button"
142
142
  tabindex="0"
143
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
143
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
144
144
  </div>
145
145
  <div class="pf-v5-c-form__group-control">
146
146
  <input
@@ -403,7 +403,7 @@ cssPrefix: pf-v5-c-form
403
403
  role="button"
404
404
  type="button"
405
405
  tabindex="0"
406
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
406
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
407
407
  </div>
408
408
  <div class="pf-v5-c-form__group-label-info">info</div>
409
409
  </div>
@@ -473,7 +473,7 @@ cssPrefix: pf-v5-c-form
473
473
  role="button"
474
474
  type="button"
475
475
  tabindex="0"
476
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
476
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
477
477
  </div>
478
478
  <div class="pf-v5-c-form__group-control">
479
479
  <input
@@ -497,7 +497,7 @@ cssPrefix: pf-v5-c-form
497
497
  role="button"
498
498
  type="button"
499
499
  tabindex="0"
500
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
500
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
501
501
  </div>
502
502
  <div class="pf-v5-c-form__group-control">
503
503
  <input
@@ -604,7 +604,7 @@ cssPrefix: pf-v5-c-form
604
604
  role="button"
605
605
  type="button"
606
606
  tabindex="0"
607
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
607
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
608
608
  </div>
609
609
  <div class="pf-v5-c-form__group-control">
610
610
  <input
@@ -628,7 +628,7 @@ cssPrefix: pf-v5-c-form
628
628
  role="button"
629
629
  type="button"
630
630
  tabindex="0"
631
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
631
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
632
632
  </div>
633
633
  <div class="pf-v5-c-form__group-control">
634
634
  <input
@@ -671,7 +671,7 @@ cssPrefix: pf-v5-c-form
671
671
  role="button"
672
672
  type="button"
673
673
  tabindex="0"
674
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
674
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
675
675
  </div>
676
676
  <div class="pf-v5-c-form__group-control">
677
677
  <input
@@ -698,7 +698,7 @@ cssPrefix: pf-v5-c-form
698
698
  role="button"
699
699
  type="button"
700
700
  tabindex="0"
701
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
701
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
702
702
  </div>
703
703
  <div class="pf-v5-c-form__group-control">
704
704
  <input