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

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 (75) 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/base/patternfly-variables.css +2 -2
  10. package/components/AboutModalBox/about-modal-box.css +1 -20
  11. package/components/AboutModalBox/about-modal-box.scss +3 -24
  12. package/components/BackgroundImage/background-image.css +1 -2
  13. package/components/BackgroundImage/background-image.scss +1 -2
  14. package/components/FormControl/form-control.css +0 -7
  15. package/components/FormControl/form-control.scss +7 -7
  16. package/components/Icon/icon.css +25 -24
  17. package/components/Icon/icon.scss +30 -31
  18. package/components/NotificationBadge/notification-badge.css +2 -2
  19. package/components/NotificationBadge/notification-badge.scss +2 -2
  20. package/components/ProgressStepper/progress-stepper.css +1 -1
  21. package/components/ProgressStepper/progress-stepper.scss +1 -1
  22. package/components/_all.scss +1 -1
  23. package/docs/components/AboutModalBox/examples/AboutModalBox.md +7 -9
  24. package/docs/components/Avatar/examples/Avatar.css +1 -1
  25. package/docs/components/BackgroundImage/examples/BackgroundImage.md +7 -11
  26. package/docs/components/CodeEditor/examples/CodeEditor.md +1 -1
  27. package/docs/components/Form/examples/Form.md +11 -11
  28. package/docs/components/Label/examples/Label.md +1220 -1
  29. package/docs/components/Login/examples/Login.md +20 -5
  30. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  31. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  32. package/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  33. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  34. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  35. package/docs/components/Table/examples/Table.md +2 -2
  36. package/docs/components/Tabs/examples/Tabs.md +102 -102
  37. package/docs/demos/AboutModal/examples/AboutModal.md +6 -3
  38. package/docs/demos/Alert/examples/Alert.md +6 -6
  39. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  40. package/docs/demos/Banner/examples/Banner.md +4 -4
  41. package/docs/demos/CardView/examples/CardView.md +2 -2
  42. package/docs/demos/ContextSelector/examples/ContextSelector.md +6 -6
  43. package/docs/demos/Dashboard/examples/Dashboard.md +7 -7
  44. package/docs/demos/DataList/examples/DataList.md +8 -8
  45. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  46. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  47. package/docs/demos/Form/examples/BasicForms.md +10 -10
  48. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  49. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  50. package/docs/demos/Modal/examples/Modal.md +15 -15
  51. package/docs/demos/Nav/examples/Nav.md +16 -16
  52. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +15 -15
  53. package/docs/demos/Page/examples/Page.md +18 -18
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -14
  57. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  58. package/docs/demos/Table/examples/Table.md +32 -32
  59. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  60. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  61. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  62. package/icons/{pf-icons.mjs → pficons.mjs} +1 -0
  63. package/package.json +1 -1
  64. package/patternfly-base-no-globals.css +138 -134
  65. package/patternfly-base.css +138 -134
  66. package/patternfly-no-globals.css +168 -190
  67. package/patternfly.css +168 -190
  68. package/patternfly.min.css +1 -1
  69. package/patternfly.min.css.map +1 -1
  70. package/sass-utilities/scss-variables.scss +2 -5
  71. package/assets/pficon/pficon.woff2 +0 -0
  72. package/docs/components/LabelGroup/examples/LabelGroup.md +0 -1222
  73. /package/base/{_pf-icons.scss → _pficons.scss} +0 -0
  74. /package/components/{LabelGroup → Label}/label-group.css +0 -0
  75. /package/components/{LabelGroup → Label}/label-group.scss +0 -0
package/docs/components/Login/examples/Login.md CHANGED
@@ -8,7 +8,10 @@ wrapperTag: div
8
8
  ### Basic
9
9
 
10
10
  ```html isFullscreen
11
- <div class="pf-v5-c-background-image"></div>
11
+ <div
12
+ class="pf-v5-c-background-image"
13
+ style="--pf-v5-c-background-image--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
14
+ ></div>
12
15
  <div class="pf-v5-c-login">
13
16
  <div class="pf-v5-c-login__container">
14
17
  <header class="pf-v5-c-login__header">
@@ -213,7 +216,10 @@ wrapperTag: div
213
216
  ### Invalid
214
217
 
215
218
  ```html isFullscreen
216
- <div class="pf-v5-c-background-image"></div>
219
+ <div
220
+ class="pf-v5-c-background-image"
221
+ style="--pf-v5-c-background-image--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
222
+ ></div>
217
223
  <div class="pf-v5-c-login">
218
224
  <div class="pf-v5-c-login__container">
219
225
  <header class="pf-v5-c-login__header">
@@ -424,7 +430,10 @@ wrapperTag: div
424
430
  ### Show password
425
431
 
426
432
  ```html isFullscreen
427
- <div class="pf-v5-c-background-image"></div>
433
+ <div
434
+ class="pf-v5-c-background-image"
435
+ style="--pf-v5-c-background-image--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
436
+ ></div>
428
437
  <div class="pf-v5-c-login">
429
438
  <div class="pf-v5-c-login__container">
430
439
  <header class="pf-v5-c-login__header">
@@ -640,7 +649,10 @@ wrapperTag: div
640
649
  ### Hide password
641
650
 
642
651
  ```html isFullscreen
643
- <div class="pf-v5-c-background-image"></div>
652
+ <div
653
+ class="pf-v5-c-background-image"
654
+ style="--pf-v5-c-background-image--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
655
+ ></div>
644
656
  <div class="pf-v5-c-login">
645
657
  <div class="pf-v5-c-login__container">
646
658
  <header class="pf-v5-c-login__header">
@@ -863,7 +875,10 @@ wrapperTag: div
863
875
  ### With language selector
864
876
 
865
877
  ```html isFullscreen
866
- <div class="pf-v5-c-background-image"></div>
878
+ <div
879
+ class="pf-v5-c-background-image"
880
+ style="--pf-v5-c-background-image--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
881
+ ></div>
867
882
  <div class="pf-v5-c-login">
868
883
  <div class="pf-v5-c-login__container">
869
884
  <header class="pf-v5-c-login__header">
package/docs/components/ModalBox/examples/ModalBox.md CHANGED
@@ -61,7 +61,7 @@ cssPrefix: pf-v5-c-modal-box
61
61
  </div>
62
62
  <div class="pf-v5-c-modal-box__header-help">
63
63
  <button class="pf-v5-c-button pf-m-plain" type="button" aria-label="Help">
64
- <i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i>
64
+ <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
65
65
  </button>
66
66
  </div>
67
67
  </header>
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -139,7 +139,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
139
139
  <span class="pf-v5-c-expandable-section__toggle-text">
140
140
  <div class="pf-v5-c-multiple-file-upload__status-progress">
141
141
  <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
142
- <i class="pf-v5-c-icon-in-progress"></i>
142
+ <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
143
143
  </div>
144
144
  <div
145
145
  class="pf-v5-c-multiple-file-upload__status-progress-text"
@@ -338,7 +338,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
338
338
  <span class="pf-v5-c-expandable-section__toggle-text">
339
339
  <div class="pf-v5-c-multiple-file-upload__status-progress">
340
340
  <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
341
- <i class="pf-v5-c-icon-in-progress"></i>
341
+ <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
342
342
  </div>
343
343
  <div
344
344
  class="pf-v5-c-multiple-file-upload__status-progress-text"
@@ -537,7 +537,7 @@ cssPrefix: pf-v5-c-multiple-file-upload
537
537
  <span class="pf-v5-c-expandable-section__toggle-text">
538
538
  <div class="pf-v5-c-multiple-file-upload__status-progress">
539
539
  <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
540
- <i class="pf-v5-c-icon-in-progress"></i>
540
+ <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
541
541
  </div>
542
542
  <div
543
543
  class="pf-v5-c-multiple-file-upload__status-progress-text"
package/docs/components/NotificationBadge/examples/NotificationBadge.css CHANGED
@@ -1,3 +1,3 @@
1
1
  .ws-core-c-notification-badge {
2
- background: var(--#{$pf-global}--BackgroundColor--dark-100);
2
+ background: var(--pf-v5-global--BackgroundColor--dark-100);
3
3
  }
package/docs/components/NotificationBadge/examples/NotificationBadge.md CHANGED
@@ -16,7 +16,7 @@ cssPrefix: pf-v5-c-notification-badge
16
16
  aria-label="Notifications"
17
17
  >
18
18
  <span class="pf-v5-c-notification-badge pf-m-read">
19
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
19
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
20
20
  </span>
21
21
  </button>
22
22
  <button
@@ -25,7 +25,7 @@ cssPrefix: pf-v5-c-notification-badge
25
25
  aria-label="Unread notifications"
26
26
  >
27
27
  <span class="pf-v5-c-notification-badge pf-m-unread">
28
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
28
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
29
29
  </span>
30
30
  </button>
31
31
  <button
@@ -34,14 +34,14 @@ cssPrefix: pf-v5-c-notification-badge
34
34
  aria-label="Attention notifications"
35
35
  >
36
36
  <span class="pf-v5-c-notification-badge pf-m-attention">
37
- <i class="pf-v5-c-icon-attention-bell" aria-hidden="true"></i>
37
+ <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
38
38
  </span>
39
39
  </button>
40
40
  <br />
41
41
  <br />
42
42
  <button class="pf-v5-c-button pf-m-plain" type="button" aria-label="Tasks">
43
43
  <span class="pf-v5-c-notification-badge pf-m-read">
44
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
44
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
45
45
  </span>
46
46
  </button>
47
47
  <button
@@ -50,7 +50,7 @@ cssPrefix: pf-v5-c-notification-badge
50
50
  aria-label="Unread tasks"
51
51
  >
52
52
  <span class="pf-v5-c-notification-badge pf-m-unread">
53
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
53
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
54
54
  </span>
55
55
  </button>
56
56
  <button
@@ -59,7 +59,7 @@ cssPrefix: pf-v5-c-notification-badge
59
59
  aria-label="Attention tasks"
60
60
  >
61
61
  <span class="pf-v5-c-notification-badge pf-m-attention">
62
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
62
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
63
63
  </span>
64
64
  </button>
65
65
  </div>
@@ -76,7 +76,7 @@ cssPrefix: pf-v5-c-notification-badge
76
76
  aria-label="24 notifications"
77
77
  >
78
78
  <span class="pf-v5-c-notification-badge pf-m-read">
79
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
79
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
80
80
  <span class="pf-v5-c-notification-badge__count">24</span>
81
81
  </span>
82
82
  </button>
@@ -86,7 +86,7 @@ cssPrefix: pf-v5-c-notification-badge
86
86
  aria-label="24 unread notifications"
87
87
  >
88
88
  <span class="pf-v5-c-notification-badge pf-m-unread">
89
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
89
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
90
90
  <span class="pf-v5-c-notification-badge__count">24</span>
91
91
  </span>
92
92
  </button>
@@ -96,7 +96,7 @@ cssPrefix: pf-v5-c-notification-badge
96
96
  aria-label="24 attention notifications"
97
97
  >
98
98
  <span class="pf-v5-c-notification-badge pf-m-attention">
99
- <i class="pf-v5-c-icon-attention-bell" aria-hidden="true"></i>
99
+ <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
100
100
  <span class="pf-v5-c-notification-badge__count">24</span>
101
101
  </span>
102
102
  </button>
@@ -104,7 +104,7 @@ cssPrefix: pf-v5-c-notification-badge
104
104
  <br />
105
105
  <button class="pf-v5-c-button pf-m-plain" type="button" aria-label="24 tasks">
106
106
  <span class="pf-v5-c-notification-badge pf-m-read">
107
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
107
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
108
108
  <span class="pf-v5-c-notification-badge__count">24</span>
109
109
  </span>
110
110
  </button>
@@ -114,7 +114,7 @@ cssPrefix: pf-v5-c-notification-badge
114
114
  aria-label="24 unread tasks"
115
115
  >
116
116
  <span class="pf-v5-c-notification-badge pf-m-unread">
117
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
117
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
118
118
  <span class="pf-v5-c-notification-badge__count">24</span>
119
119
  </span>
120
120
  </button>
@@ -124,7 +124,7 @@ cssPrefix: pf-v5-c-notification-badge
124
124
  aria-label="24 attention tasks"
125
125
  >
126
126
  <span class="pf-v5-c-notification-badge pf-m-attention">
127
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
127
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
128
128
  <span class="pf-v5-c-notification-badge__count">24</span>
129
129
  </span>
130
130
  </button>
@@ -143,7 +143,7 @@ cssPrefix: pf-v5-c-notification-badge
143
143
  aria-label="Notifications"
144
144
  >
145
145
  <span class="pf-v5-c-notification-badge pf-m-read pf-m-expanded">
146
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
146
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
147
147
  </span>
148
148
  </button>
149
149
  <button
@@ -153,7 +153,7 @@ cssPrefix: pf-v5-c-notification-badge
153
153
  aria-label="Unread notifications"
154
154
  >
155
155
  <span class="pf-v5-c-notification-badge pf-m-unread pf-m-expanded">
156
- <i class="pf-v5-c-icon-bell" aria-hidden="true"></i>
156
+ <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
157
157
  </span>
158
158
  </button>
159
159
  <button
@@ -163,7 +163,7 @@ cssPrefix: pf-v5-c-notification-badge
163
163
  aria-label="Attention notifications"
164
164
  >
165
165
  <span class="pf-v5-c-notification-badge pf-m-attention pf-m-expanded">
166
- <i class="pf-v5-c-icon-attention-bell" aria-hidden="true"></i>
166
+ <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
167
167
  </span>
168
168
  </button>
169
169
  <br />
@@ -175,7 +175,7 @@ cssPrefix: pf-v5-c-notification-badge
175
175
  aria-label="Tasks"
176
176
  >
177
177
  <span class="pf-v5-c-notification-badge pf-m-read pf-m-expanded">
178
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
178
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
179
179
  </span>
180
180
  </button>
181
181
  <button
@@ -185,7 +185,7 @@ cssPrefix: pf-v5-c-notification-badge
185
185
  aria-label="Unread tasks"
186
186
  >
187
187
  <span class="pf-v5-c-notification-badge pf-m-unread pf-m-expanded">
188
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
188
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
189
189
  </span>
190
190
  </button>
191
191
  <button
@@ -195,7 +195,7 @@ cssPrefix: pf-v5-c-notification-badge
195
195
  aria-label="Attention tasks"
196
196
  >
197
197
  <span class="pf-v5-c-notification-badge pf-m-attention pf-m-expanded">
198
- <i class="pf-v5-c-icon-task" aria-hidden="true"></i>
198
+ <i class="pf-v5-pficon-task" aria-hidden="true"></i>
199
199
  </span>
200
200
  </button>
201
201
  </div>
package/docs/components/ProgressStepper/examples/ProgressStepper.md CHANGED
@@ -27,7 +27,7 @@ cssPrefix: pf-v5-c-progress-stepper
27
27
  >
28
28
  <div class="pf-v5-c-progress-stepper__step-connector">
29
29
  <span class="pf-v5-c-progress-stepper__step-icon">
30
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
30
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
31
31
  </span>
32
32
  </div>
33
33
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -75,7 +75,7 @@ cssPrefix: pf-v5-c-progress-stepper
75
75
  >
76
76
  <div class="pf-v5-c-progress-stepper__step-connector">
77
77
  <span class="pf-v5-c-progress-stepper__step-icon">
78
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
78
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
79
79
  </span>
80
80
  </div>
81
81
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -132,7 +132,7 @@ cssPrefix: pf-v5-c-progress-stepper
132
132
  >
133
133
  <div class="pf-v5-c-progress-stepper__step-connector">
134
134
  <span class="pf-v5-c-progress-stepper__step-icon">
135
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
135
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
136
136
  </span>
137
137
  </div>
138
138
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -186,7 +186,7 @@ cssPrefix: pf-v5-c-progress-stepper
186
186
  >
187
187
  <div class="pf-v5-c-progress-stepper__step-connector">
188
188
  <span class="pf-v5-c-progress-stepper__step-icon">
189
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
189
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
190
190
  </span>
191
191
  </div>
192
192
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -240,7 +240,7 @@ cssPrefix: pf-v5-c-progress-stepper
240
240
  >
241
241
  <div class="pf-v5-c-progress-stepper__step-connector">
242
242
  <span class="pf-v5-c-progress-stepper__step-icon">
243
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
243
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
244
244
  </span>
245
245
  </div>
246
246
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -294,7 +294,7 @@ cssPrefix: pf-v5-c-progress-stepper
294
294
  >
295
295
  <div class="pf-v5-c-progress-stepper__step-connector">
296
296
  <span class="pf-v5-c-progress-stepper__step-icon">
297
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
297
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
298
298
  </span>
299
299
  </div>
300
300
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -348,7 +348,7 @@ cssPrefix: pf-v5-c-progress-stepper
348
348
  >
349
349
  <div class="pf-v5-c-progress-stepper__step-connector">
350
350
  <span class="pf-v5-c-progress-stepper__step-icon">
351
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
351
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
352
352
  </span>
353
353
  </div>
354
354
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -402,7 +402,7 @@ cssPrefix: pf-v5-c-progress-stepper
402
402
  >
403
403
  <div class="pf-v5-c-progress-stepper__step-connector">
404
404
  <span class="pf-v5-c-progress-stepper__step-icon">
405
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
405
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
406
406
  </span>
407
407
  </div>
408
408
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -459,7 +459,7 @@ cssPrefix: pf-v5-c-progress-stepper
459
459
  >
460
460
  <div class="pf-v5-c-progress-stepper__step-connector">
461
461
  <span class="pf-v5-c-progress-stepper__step-icon">
462
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
462
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
463
463
  </span>
464
464
  </div>
465
465
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -516,7 +516,7 @@ cssPrefix: pf-v5-c-progress-stepper
516
516
  >
517
517
  <div class="pf-v5-c-progress-stepper__step-connector">
518
518
  <span class="pf-v5-c-progress-stepper__step-icon">
519
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
519
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
520
520
  </span>
521
521
  </div>
522
522
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -570,7 +570,7 @@ cssPrefix: pf-v5-c-progress-stepper
570
570
  >
571
571
  <div class="pf-v5-c-progress-stepper__step-connector">
572
572
  <span class="pf-v5-c-progress-stepper__step-icon">
573
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
573
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
574
574
  </span>
575
575
  </div>
576
576
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -647,7 +647,7 @@ cssPrefix: pf-v5-c-progress-stepper
647
647
  >
648
648
  <div class="pf-v5-c-progress-stepper__step-connector">
649
649
  <span class="pf-v5-c-progress-stepper__step-icon">
650
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
650
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
651
651
  </span>
652
652
  </div>
653
653
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -763,7 +763,7 @@ cssPrefix: pf-v5-c-progress-stepper
763
763
  >
764
764
  <div class="pf-v5-c-progress-stepper__step-connector">
765
765
  <span class="pf-v5-c-progress-stepper__step-icon">
766
- <i class="pf-v5-c-icon pf-v5-c-icon-in-progress" aria-hidden="true"></i>
766
+ <i class="pf-v5-pficon pf-v5-pficon-in-progress" aria-hidden="true"></i>
767
767
  </span>
768
768
  </div>
769
769
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -776,7 +776,7 @@ cssPrefix: pf-v5-c-progress-stepper
776
776
  >
777
777
  <div class="pf-v5-c-progress-stepper__step-connector">
778
778
  <span class="pf-v5-c-progress-stepper__step-icon">
779
- <i class="pf-v5-c-icon pf-v5-c-icon-pending" aria-hidden="true"></i>
779
+ <i class="pf-v5-pficon pf-v5-pficon-pending" aria-hidden="true"></i>
780
780
  </span>
781
781
  </div>
782
782
  <div class="pf-v5-c-progress-stepper__step-main">
@@ -829,7 +829,7 @@ cssPrefix: pf-v5-c-progress-stepper
829
829
  >
830
830
  <div class="pf-v5-c-progress-stepper__step-connector">
831
831
  <span class="pf-v5-c-progress-stepper__step-icon">
832
- <i class="pf-v5-c-icon pf-v5-c-icon-resources-full" aria-hidden="true"></i>
832
+ <i class="pf-v5-pficon pf-v5-pficon-resources-full" aria-hidden="true"></i>
833
833
  </span>
834
834
  </div>
835
835
  <div class="pf-v5-c-progress-stepper__step-main">
package/docs/components/Table/examples/Table.md CHANGED
@@ -141,7 +141,7 @@ These classes can be used to ensure that the table changes between the tabular a
141
141
  type="button"
142
142
  aria-label="More info"
143
143
  >
144
- <i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i>
144
+ <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
145
145
  </button>
146
146
  </span>
147
147
  </div>
@@ -171,7 +171,7 @@ These classes can be used to ensure that the table changes between the tabular a
171
171
  type="button"
172
172
  aria-label="More info"
173
173
  >
174
- <i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i>
174
+ <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
175
175
  </button>
176
176
  </span>
177
177
  </div>