@patternfly/patternfly 6.0.0-alpha.45 → 6.0.0-alpha.46

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 (27) hide show
  1. package/components/Check/check.css +17 -16
  2. package/components/Check/check.scss +17 -20
  3. package/components/Form/form.css +68 -87
  4. package/components/Form/form.scss +67 -98
  5. package/components/FormControl/form-control.css +86 -111
  6. package/components/FormControl/form-control.scss +88 -92
  7. package/components/NotificationDrawer/notification-drawer.css +104 -115
  8. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  9. package/components/Radio/radio.css +15 -11
  10. package/components/Radio/radio.scss +15 -15
  11. package/components/SimpleList/simple-list.css +1 -1
  12. package/components/SimpleList/simple-list.scss +1 -1
  13. package/docs/components/Form/examples/Form.md +23 -11
  14. package/docs/demos/Alert/examples/Alert.md +24 -0
  15. package/docs/demos/Form/examples/BasicForms.md +31 -10
  16. package/docs/demos/Modal/examples/Modal.md +3 -3
  17. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  18. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  19. package/package.json +1 -1
  20. package/patternfly-no-globals.css +292 -342
  21. package/patternfly-theme-dark-unversioned.css +292 -342
  22. package/patternfly.css +292 -342
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
  25. package/components/Form/themes/dark/form.scss +0 -7
  26. package/components/FormControl/themes/dark/form-control.scss +0 -24
  27. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -691,6 +691,12 @@ section: components
691
691
  class="pf-v5-c-helper-text__item pf-m-error"
692
692
  id="alert-horizontal-example-form-name-helper"
693
693
  >
694
+ <span class="pf-v5-c-helper-text__item-icon">
695
+ <i
696
+ class="fas fa-fw fa-exclamation-circle"
697
+ aria-hidden="true"
698
+ ></i>
699
+ </span>
694
700
  <span class="pf-v5-c-helper-text__item-text">Required field</span>
695
701
  </div>
696
702
  </div>
@@ -751,6 +757,12 @@ section: components
751
757
  class="pf-v5-c-helper-text__item pf-m-error"
752
758
  id="alert-horizontal-example-form-phone-helper"
753
759
  >
760
+ <span class="pf-v5-c-helper-text__item-icon">
761
+ <i
762
+ class="fas fa-fw fa-exclamation-circle"
763
+ aria-hidden="true"
764
+ ></i>
765
+ </span>
754
766
  <span class="pf-v5-c-helper-text__item-text">Required field</span>
755
767
  </div>
756
768
  </div>
@@ -1148,6 +1160,12 @@ section: components
1148
1160
  class="pf-v5-c-helper-text__item pf-m-error"
1149
1161
  id="alert-stacked-example-form-name-helper"
1150
1162
  >
1163
+ <span class="pf-v5-c-helper-text__item-icon">
1164
+ <i
1165
+ class="fas fa-fw fa-exclamation-circle"
1166
+ aria-hidden="true"
1167
+ ></i>
1168
+ </span>
1151
1169
  <span class="pf-v5-c-helper-text__item-text">Required field</span>
1152
1170
  </div>
1153
1171
  </div>
@@ -1181,6 +1199,9 @@ section: components
1181
1199
  class="pf-v5-c-helper-text__item pf-m-error"
1182
1200
  id="alert-stacked-example-form-email-helper"
1183
1201
  >
1202
+ <span class="pf-v5-c-helper-text__item-icon">
1203
+ <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
1204
+ </span>
1184
1205
  <span
1185
1206
  class="pf-v5-c-helper-text__item-text"
1186
1207
  >Enter a valid email address: example@gmail.com</span>
@@ -1232,6 +1253,9 @@ section: components
1232
1253
  class="pf-v5-c-helper-text__item pf-m-error"
1233
1254
  id="alert-stacked-example-form-state-helper"
1234
1255
  >
1256
+ <span class="pf-v5-c-helper-text__item-icon">
1257
+ <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
1258
+ </span>
1235
1259
  <span class="pf-v5-c-helper-text__item-text">Required field</span>
1236
1260
  </div>
1237
1261
  </div>
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -26,6 +26,9 @@ subsection: forms
26
26
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
27
27
  <div class="pf-v5-c-helper-text">
28
28
  <div class="pf-v5-c-helper-text__item" id="-name-helper">
29
+ <span class="pf-v5-c-helper-text__item-icon">
30
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
31
+ </span>
29
32
  <span
30
33
  class="pf-v5-c-helper-text__item-text"
31
34
  >Include your middle name if you have one.</span>
@@ -53,7 +56,7 @@ subsection: forms
53
56
  role="button"
54
57
  type="button"
55
58
  tabindex="0"
56
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
59
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
57
60
  </div>
58
61
  <div class="pf-v5-c-form__group-control">
59
62
  <span class="pf-v5-c-form-control pf-m-required">
@@ -188,6 +191,9 @@ subsection: forms
188
191
  class="pf-v5-c-helper-text__item"
189
192
  id="form-demo-horizontal-name-helper"
190
193
  >
194
+ <span class="pf-v5-c-helper-text__item-icon">
195
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
196
+ </span>
191
197
  <span
192
198
  class="pf-v5-c-helper-text__item-text"
193
199
  >Include your middle name if you have one.</span>
@@ -241,7 +247,7 @@ subsection: forms
241
247
  role="button"
242
248
  type="button"
243
249
  tabindex="0"
244
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
250
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
245
251
  </div>
246
252
  <div class="pf-v5-c-form__group-control pf-m-stack">
247
253
  <div class="pf-v5-c-check">
@@ -320,6 +326,9 @@ subsection: forms
320
326
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
321
327
  <div class="pf-v5-c-helper-text">
322
328
  <div class="pf-v5-c-helper-text__item" id="-helper">
329
+ <span class="pf-v5-c-helper-text__item-icon">
330
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
331
+ </span>
323
332
  <span
324
333
  class="pf-v5-c-helper-text__item-text"
325
334
  >Include your middle name if you have one.</span>
@@ -504,7 +513,7 @@ subsection: forms
504
513
  role="button"
505
514
  type="button"
506
515
  tabindex="0"
507
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
516
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
508
517
  </div>
509
518
  <div class="pf-v5-c-form__group-control">
510
519
  <span class="pf-v5-c-form-control pf-m-required">
@@ -529,7 +538,7 @@ subsection: forms
529
538
  role="button"
530
539
  type="button"
531
540
  tabindex="0"
532
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
541
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
533
542
  </div>
534
543
  <div class="pf-v5-c-form__group-control">
535
544
  <span class="pf-v5-c-form-control pf-m-required">
@@ -554,7 +563,7 @@ subsection: forms
554
563
  role="button"
555
564
  type="button"
556
565
  tabindex="0"
557
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
566
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
558
567
  </div>
559
568
  <div class="pf-v5-c-form__group-control">
560
569
  <span class="pf-v5-c-form-control pf-m-required">
@@ -590,7 +599,7 @@ subsection: forms
590
599
  role="button"
591
600
  type="button"
592
601
  tabindex="0"
593
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
602
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
594
603
  </div>
595
604
  <div class="pf-v5-c-form__group-control">
596
605
  <span class="pf-v5-c-form-control pf-m-required">
@@ -615,7 +624,7 @@ subsection: forms
615
624
  role="button"
616
625
  type="button"
617
626
  tabindex="0"
618
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
627
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
619
628
  </div>
620
629
  <div class="pf-v5-c-form__group-control pf-m-stack">
621
630
  <div class="pf-v5-c-input-group">
@@ -704,7 +713,7 @@ subsection: forms
704
713
  role="button"
705
714
  type="button"
706
715
  tabindex="0"
707
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
716
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
708
717
  </div>
709
718
  <div class="pf-v5-c-form__group-control">
710
719
  <span class="pf-v5-c-form-control pf-m-required">
@@ -738,7 +747,7 @@ subsection: forms
738
747
  role="button"
739
748
  type="button"
740
749
  tabindex="0"
741
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
750
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
742
751
  </div>
743
752
  <div class="pf-v5-c-form__group-control">
744
753
  <span class="pf-v5-c-form-control pf-m-required">
@@ -764,7 +773,7 @@ subsection: forms
764
773
  role="button"
765
774
  type="button"
766
775
  tabindex="0"
767
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
776
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
768
777
  </div>
769
778
  <div class="pf-v5-c-form__group-control">
770
779
  <div
@@ -1207,6 +1216,9 @@ subsection: forms
1207
1216
  class="pf-v5-c-helper-text__item"
1208
1217
  id="form-demo-sections-complex-form-routing-create-route-helper"
1209
1218
  >
1219
+ <span class="pf-v5-c-helper-text__item-icon">
1220
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
1221
+ </span>
1210
1222
  <span
1211
1223
  class="pf-v5-c-helper-text__item-text"
1212
1224
  >Exposes your appplication at a public URL.</span>
@@ -1237,6 +1249,9 @@ subsection: forms
1237
1249
  class="pf-v5-c-helper-text__item"
1238
1250
  id="form-demo-sections-complex-form-routing-hostname-helper"
1239
1251
  >
1252
+ <span class="pf-v5-c-helper-text__item-icon">
1253
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
1254
+ </span>
1240
1255
  <span
1241
1256
  class="pf-v5-c-helper-text__item-text"
1242
1257
  >Public hostname for the route. If not specified, a hostname is generated.</span>
@@ -1269,6 +1284,9 @@ subsection: forms
1269
1284
  class="pf-v5-c-helper-text__item"
1270
1285
  id="form-demo-sections-complex-form-routing-path-helper"
1271
1286
  >
1287
+ <span class="pf-v5-c-helper-text__item-icon">
1288
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
1289
+ </span>
1272
1290
  <span
1273
1291
  class="pf-v5-c-helper-text__item-text"
1274
1292
  >Path that the router watches to route traffic to the service.</span>
@@ -1311,6 +1329,9 @@ subsection: forms
1311
1329
  class="pf-v5-c-helper-text__item"
1312
1330
  id="form-demo-sections-complex-form-routing-security-helper"
1313
1331
  >
1332
+ <span class="pf-v5-c-helper-text__item-icon">
1333
+ <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
1334
+ </span>
1314
1335
  <span
1315
1336
  class="pf-v5-c-helper-text__item-text"
1316
1337
  >Routes can be secured using several TLS termination types for serving certificates.</span>
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -2067,7 +2067,7 @@ section: components
2067
2067
  role="button"
2068
2068
  type="button"
2069
2069
  tabindex="0"
2070
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
2070
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2071
2071
  </div>
2072
2072
  <div class="pf-v5-c-form__group-control">
2073
2073
  <span class="pf-v5-c-form-control pf-m-required">
@@ -2087,7 +2087,7 @@ section: components
2087
2087
  role="button"
2088
2088
  type="button"
2089
2089
  tabindex="0"
2090
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
2090
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2091
2091
  </div>
2092
2092
  <div class="pf-v5-c-form__group-control">
2093
2093
  <span class="pf-v5-c-form-control pf-m-required">
@@ -2107,7 +2107,7 @@ section: components
2107
2107
  role="button"
2108
2108
  type="button"
2109
2109
  tabindex="0"
2110
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
2110
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
2111
2111
  </div>
2112
2112
  <div class="pf-v5-c-form__group-control">
2113
2113
  <span class="pf-v5-c-form-control pf-m-required">
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -20,7 +20,7 @@ section: components
20
20
  role="button"
21
21
  type="button"
22
22
  tabindex="0"
23
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
23
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
24
24
  </div>
25
25
  <div class="pf-v5-c-form__group-label-info"></div>
26
26
  </div>
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -20,7 +20,7 @@ section: components
20
20
  role="button"
21
21
  type="button"
22
22
  tabindex="0"
23
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
23
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
24
24
  </div>
25
25
  <div class="pf-v5-c-form__group-label-info"></div>
26
26
  </div>
@@ -106,7 +106,7 @@ section: components
106
106
  role="button"
107
107
  type="button"
108
108
  tabindex="0"
109
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
109
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
110
110
  </div>
111
111
  <div class="pf-v5-c-form__group-label-info"></div>
112
112
  </div>
@@ -186,7 +186,7 @@ section: components
186
186
  role="button"
187
187
  type="button"
188
188
  tabindex="0"
189
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
189
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
190
190
  </div>
191
191
  <div class="pf-v5-c-form__group-label-info">
192
192
  <div class="pf-v5-c-helper-text">
@@ -275,7 +275,7 @@ section: components
275
275
  role="button"
276
276
  type="button"
277
277
  tabindex="0"
278
- ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
278
+ ><i class="fas fa-question-circle" aria-hidden="true"></i></span>
279
279
  </div>
280
280
  <div class="pf-v5-c-form__group-label-info">
281
281
  <div class="pf-v5-c-helper-text">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.45",
4
+ "version": "6.0.0-alpha.46",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {