@patternfly/patternfly 6.0.0-alpha.46 → 6.0.0-alpha.48
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.
- package/components/Button/button.css +3 -1
- package/components/Button/button.scss +3 -1
- package/components/Form/form.css +2 -35
- package/components/Form/form.scss +2 -35
- package/components/Progress/progress.css +31 -45
- package/components/Progress/progress.scss +36 -55
- package/components/Switch/switch.css +41 -37
- package/components/Switch/switch.scss +47 -42
- package/docs/components/Button/examples/Button.md +29 -2
- package/docs/components/Form/examples/Form.md +122 -89
- package/docs/demos/Form/examples/BasicForms.md +110 -80
- package/docs/demos/Modal/examples/Modal.md +33 -24
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -8
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
- package/package.json +1 -1
- package/patternfly-no-globals.css +77 -126
- package/patternfly-theme-dark-unversioned.css +77 -126
- package/patternfly.css +77 -126
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Progress/themes/dark/progress.scss +0 -9
- package/components/Switch/themes/dark/switch.scss +0 -11
|
@@ -49,14 +49,17 @@ subsection: forms
|
|
|
49
49
|
</div>
|
|
50
50
|
<div class="pf-v5-c-form__group">
|
|
51
51
|
<div class="pf-v5-c-form__group-label"><label class="pf-v5-c-form__label" for="-phone">
|
|
52
|
-
<span class="pf-v5-c-form__label-text">Phone number</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
<span class="pf-v5-c-form__label-text">Phone number</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
53
|
+
<span
|
|
54
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
55
|
+
type="button"
|
|
56
|
+
role="button"
|
|
57
|
+
tabindex="0"
|
|
58
|
+
aria-label="More information for phone number field"
|
|
59
|
+
aria-describedby="-phone"
|
|
60
|
+
>
|
|
61
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
62
|
+
</span></span>
|
|
60
63
|
</div>
|
|
61
64
|
<div class="pf-v5-c-form__group-control">
|
|
62
65
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -240,14 +243,17 @@ subsection: forms
|
|
|
240
243
|
class="pf-v5-c-form__group-label pf-m-no-padding-top"
|
|
241
244
|
id="form-demo-horizontalform-demo-horizontal-contact-legend"
|
|
242
245
|
><span class="pf-v5-c-form__label">
|
|
243
|
-
<span class="pf-v5-c-form__label-text">How can we contact you?</span></span> <span
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
246
|
+
<span class="pf-v5-c-form__label-text">How can we contact you?</span></span> <span class="pf-v5-c-form__group-label-help">
|
|
247
|
+
<span
|
|
248
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
249
|
+
type="button"
|
|
250
|
+
role="button"
|
|
251
|
+
tabindex="0"
|
|
252
|
+
aria-label="More information for contact field"
|
|
253
|
+
aria-describedby="form-demo-horizontal-contact-legend"
|
|
254
|
+
>
|
|
255
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
256
|
+
</span></span>
|
|
251
257
|
</div>
|
|
252
258
|
<div class="pf-v5-c-form__group-control pf-m-stack">
|
|
253
259
|
<div class="pf-v5-c-check">
|
|
@@ -506,14 +512,17 @@ subsection: forms
|
|
|
506
512
|
class="pf-v5-c-form__label"
|
|
507
513
|
for="form-demo-sections-repeatable-fields-clientid"
|
|
508
514
|
>
|
|
509
|
-
<span class="pf-v5-c-form__label-text">Client ID</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
515
|
+
<span class="pf-v5-c-form__label-text">Client ID</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
516
|
+
<span
|
|
517
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
518
|
+
type="button"
|
|
519
|
+
role="button"
|
|
520
|
+
tabindex="0"
|
|
521
|
+
aria-label="More information for client id field"
|
|
522
|
+
aria-describedby="form-demo-sections-repeatable-fields-clientid"
|
|
523
|
+
>
|
|
524
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
525
|
+
</span></span>
|
|
517
526
|
</div>
|
|
518
527
|
<div class="pf-v5-c-form__group-control">
|
|
519
528
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -531,14 +540,17 @@ subsection: forms
|
|
|
531
540
|
class="pf-v5-c-form__label"
|
|
532
541
|
for="form-demo-sections-repeatable-fields-name"
|
|
533
542
|
>
|
|
534
|
-
<span class="pf-v5-c-form__label-text">Full name</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
543
|
+
<span class="pf-v5-c-form__label-text">Full name</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
544
|
+
<span
|
|
545
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
546
|
+
type="button"
|
|
547
|
+
role="button"
|
|
548
|
+
tabindex="0"
|
|
549
|
+
aria-label="More information for full name field"
|
|
550
|
+
aria-describedby="form-demo-sections-repeatable-fields-name"
|
|
551
|
+
>
|
|
552
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
553
|
+
</span></span>
|
|
542
554
|
</div>
|
|
543
555
|
<div class="pf-v5-c-form__group-control">
|
|
544
556
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -556,14 +568,17 @@ subsection: forms
|
|
|
556
568
|
class="pf-v5-c-form__label"
|
|
557
569
|
for="form-demo-sections-repeatable-fields-description"
|
|
558
570
|
>
|
|
559
|
-
<span class="pf-v5-c-form__label-text">Description</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
571
|
+
<span class="pf-v5-c-form__label-text">Description</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
572
|
+
<span
|
|
573
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
574
|
+
type="button"
|
|
575
|
+
role="button"
|
|
576
|
+
tabindex="0"
|
|
577
|
+
aria-label="More information for description field"
|
|
578
|
+
aria-describedby="form-demo-sections-repeatable-fields-description"
|
|
579
|
+
>
|
|
580
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
581
|
+
</span></span>
|
|
567
582
|
</div>
|
|
568
583
|
<div class="pf-v5-c-form__group-control">
|
|
569
584
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -592,14 +607,17 @@ subsection: forms
|
|
|
592
607
|
class="pf-v5-c-form__label"
|
|
593
608
|
for="form-demo-sections-repeatable-fields-section2-rooturl"
|
|
594
609
|
>
|
|
595
|
-
<span class="pf-v5-c-form__label-text">Root URL</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
610
|
+
<span class="pf-v5-c-form__label-text">Root URL</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
611
|
+
<span
|
|
612
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
613
|
+
type="button"
|
|
614
|
+
role="button"
|
|
615
|
+
tabindex="0"
|
|
616
|
+
aria-label="More information for root URL field"
|
|
617
|
+
aria-describedby="form-demo-sections-repeatable-fields-section2-rooturl"
|
|
618
|
+
>
|
|
619
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
620
|
+
</span></span>
|
|
603
621
|
</div>
|
|
604
622
|
<div class="pf-v5-c-form__group-control">
|
|
605
623
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -617,14 +635,17 @@ subsection: forms
|
|
|
617
635
|
class="pf-v5-c-form__label"
|
|
618
636
|
id="form-demo-sections-repeatable-fields-section2-uris"
|
|
619
637
|
>
|
|
620
|
-
<span class="pf-v5-c-form__label-text">Valid redirect URIs</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
638
|
+
<span class="pf-v5-c-form__label-text">Valid redirect URIs</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
639
|
+
<span
|
|
640
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
641
|
+
type="button"
|
|
642
|
+
role="button"
|
|
643
|
+
tabindex="0"
|
|
644
|
+
aria-label="More information for valid redirect URIs field"
|
|
645
|
+
aria-describedby="form-demo-sections-repeatable-fields-section2-uris"
|
|
646
|
+
>
|
|
647
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
648
|
+
</span></span>
|
|
628
649
|
</div>
|
|
629
650
|
<div class="pf-v5-c-form__group-control pf-m-stack">
|
|
630
651
|
<div class="pf-v5-c-input-group">
|
|
@@ -706,14 +727,17 @@ subsection: forms
|
|
|
706
727
|
class="pf-v5-c-form__label"
|
|
707
728
|
for="form-demo-sections-repeatable-fields-section2-home-url"
|
|
708
729
|
>
|
|
709
|
-
<span class="pf-v5-c-form__label-text">Home URL</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
730
|
+
<span class="pf-v5-c-form__label-text">Home URL</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
731
|
+
<span
|
|
732
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
733
|
+
type="button"
|
|
734
|
+
role="button"
|
|
735
|
+
tabindex="0"
|
|
736
|
+
aria-label="More information for home URL field"
|
|
737
|
+
aria-describedby="form-demo-sections-repeatable-fields-section2-home-url"
|
|
738
|
+
>
|
|
739
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
740
|
+
</span></span>
|
|
717
741
|
</div>
|
|
718
742
|
<div class="pf-v5-c-form__group-control">
|
|
719
743
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -740,14 +764,17 @@ subsection: forms
|
|
|
740
764
|
class="pf-v5-c-form__label"
|
|
741
765
|
for="form-demo-sections-complex-form-name"
|
|
742
766
|
>
|
|
743
|
-
<span class="pf-v5-c-form__label-text">Name</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
767
|
+
<span class="pf-v5-c-form__label-text">Name</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
768
|
+
<span
|
|
769
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
770
|
+
type="button"
|
|
771
|
+
role="button"
|
|
772
|
+
tabindex="0"
|
|
773
|
+
aria-label="More information for name field"
|
|
774
|
+
aria-describedby="form-demo-sections-complex-form-name"
|
|
775
|
+
>
|
|
776
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
777
|
+
</span></span>
|
|
751
778
|
</div>
|
|
752
779
|
<div class="pf-v5-c-form__group-control">
|
|
753
780
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -766,14 +793,17 @@ subsection: forms
|
|
|
766
793
|
class="pf-v5-c-form__label"
|
|
767
794
|
for="form-demo-sections-complex-form-labels"
|
|
768
795
|
>
|
|
769
|
-
<span class="pf-v5-c-form__label-text">Labels</span></label> <span
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
796
|
+
<span class="pf-v5-c-form__label-text">Labels</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
797
|
+
<span
|
|
798
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
799
|
+
type="button"
|
|
800
|
+
role="button"
|
|
801
|
+
tabindex="0"
|
|
802
|
+
aria-label="More information for labels field"
|
|
803
|
+
aria-describedby="form-demo-sections-complex-form-labels"
|
|
804
|
+
>
|
|
805
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
806
|
+
</span></span>
|
|
777
807
|
</div>
|
|
778
808
|
<div class="pf-v5-c-form__group-control">
|
|
779
809
|
<div
|
|
@@ -2060,14 +2060,17 @@ section: components
|
|
|
2060
2060
|
<span class="pf-v5-c-form__label-text">Name</span> <span
|
|
2061
2061
|
class="pf-v5-c-form__label-required"
|
|
2062
2062
|
aria-hidden="true"
|
|
2063
|
-
>*</span></label> <span
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2063
|
+
>*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
2064
|
+
<span
|
|
2065
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
2066
|
+
type="button"
|
|
2067
|
+
role="button"
|
|
2068
|
+
tabindex="0"
|
|
2069
|
+
aria-label="More information for name field"
|
|
2070
|
+
aria-describedby="-form-name"
|
|
2071
|
+
>
|
|
2072
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
2073
|
+
</span></span>
|
|
2071
2074
|
</div>
|
|
2072
2075
|
<div class="pf-v5-c-form__group-control">
|
|
2073
2076
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -2080,14 +2083,17 @@ section: components
|
|
|
2080
2083
|
<span class="pf-v5-c-form__label-text">E-mail</span> <span
|
|
2081
2084
|
class="pf-v5-c-form__label-required"
|
|
2082
2085
|
aria-hidden="true"
|
|
2083
|
-
>*</span></label> <span
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2086
|
+
>*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
2087
|
+
<span
|
|
2088
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
2089
|
+
type="button"
|
|
2090
|
+
role="button"
|
|
2091
|
+
tabindex="0"
|
|
2092
|
+
aria-label="More information for email field"
|
|
2093
|
+
aria-describedby="-form-email"
|
|
2094
|
+
>
|
|
2095
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
2096
|
+
</span></span>
|
|
2091
2097
|
</div>
|
|
2092
2098
|
<div class="pf-v5-c-form__group-control">
|
|
2093
2099
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -2100,14 +2106,17 @@ section: components
|
|
|
2100
2106
|
<span class="pf-v5-c-form__label-text">Address</span> <span
|
|
2101
2107
|
class="pf-v5-c-form__label-required"
|
|
2102
2108
|
aria-hidden="true"
|
|
2103
|
-
>*</span></label> <span
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2109
|
+
>*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
2110
|
+
<span
|
|
2111
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
2112
|
+
type="button"
|
|
2113
|
+
role="button"
|
|
2114
|
+
tabindex="0"
|
|
2115
|
+
aria-label="More information for address field"
|
|
2116
|
+
aria-describedby="-form-address"
|
|
2117
|
+
>
|
|
2118
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
2119
|
+
</span></span>
|
|
2111
2120
|
</div>
|
|
2112
2121
|
<div class="pf-v5-c-form__group-control">
|
|
2113
2122
|
<span class="pf-v5-c-form-control pf-m-required">
|
|
@@ -13,14 +13,17 @@ section: components
|
|
|
13
13
|
class="pf-v5-c-form__label"
|
|
14
14
|
for="password-generator-demo--initial-password"
|
|
15
15
|
>
|
|
16
|
-
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
17
|
+
<span
|
|
18
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
19
|
+
type="button"
|
|
20
|
+
role="button"
|
|
21
|
+
tabindex="0"
|
|
22
|
+
aria-label="More information for password field"
|
|
23
|
+
aria-describedby="password-generator-demo--initial-password"
|
|
24
|
+
>
|
|
25
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
26
|
+
</span></span>
|
|
24
27
|
</div>
|
|
25
28
|
<div class="pf-v5-c-form__group-label-info"></div>
|
|
26
29
|
</div>
|
|
@@ -13,14 +13,17 @@ section: components
|
|
|
13
13
|
class="pf-v5-c-form__label"
|
|
14
14
|
for="password-strength-demo--initial-password"
|
|
15
15
|
>
|
|
16
|
-
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
17
|
+
<span
|
|
18
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
19
|
+
type="button"
|
|
20
|
+
role="button"
|
|
21
|
+
tabindex="0"
|
|
22
|
+
aria-label="More information for password field"
|
|
23
|
+
aria-describedby="password-strength-demo--initial-password"
|
|
24
|
+
>
|
|
25
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
26
|
+
</span></span>
|
|
24
27
|
</div>
|
|
25
28
|
<div class="pf-v5-c-form__group-label-info"></div>
|
|
26
29
|
</div>
|
|
@@ -99,14 +102,17 @@ section: components
|
|
|
99
102
|
class="pf-v5-c-form__label"
|
|
100
103
|
for="password-strength-demo--invalid-password"
|
|
101
104
|
>
|
|
102
|
-
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
105
|
+
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
106
|
+
<span
|
|
107
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
108
|
+
type="button"
|
|
109
|
+
role="button"
|
|
110
|
+
tabindex="0"
|
|
111
|
+
aria-label="More information for password field"
|
|
112
|
+
aria-describedby="password-strength-demo--invalid-password"
|
|
113
|
+
>
|
|
114
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
115
|
+
</span></span>
|
|
110
116
|
</div>
|
|
111
117
|
<div class="pf-v5-c-form__group-label-info"></div>
|
|
112
118
|
</div>
|
|
@@ -179,14 +185,17 @@ section: components
|
|
|
179
185
|
class="pf-v5-c-form__label"
|
|
180
186
|
for="password-strength-demo--weak-password"
|
|
181
187
|
>
|
|
182
|
-
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
189
|
+
<span
|
|
190
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
191
|
+
type="button"
|
|
192
|
+
role="button"
|
|
193
|
+
tabindex="0"
|
|
194
|
+
aria-label="More information for password field"
|
|
195
|
+
aria-describedby="password-strength-demo--weak-password"
|
|
196
|
+
>
|
|
197
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
198
|
+
</span></span>
|
|
190
199
|
</div>
|
|
191
200
|
<div class="pf-v5-c-form__group-label-info">
|
|
192
201
|
<div class="pf-v5-c-helper-text">
|
|
@@ -268,14 +277,17 @@ section: components
|
|
|
268
277
|
class="pf-v5-c-form__label"
|
|
269
278
|
for="password-strength-demo--strong-password"
|
|
270
279
|
>
|
|
271
|
-
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
280
|
+
<span class="pf-v5-c-form__label-text">Password</span> <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span></label> <span class="pf-v5-c-form__group-label-help">
|
|
281
|
+
<span
|
|
282
|
+
class="pf-v5-c-button pf-m-plain pf-m-no-padding"
|
|
283
|
+
type="button"
|
|
284
|
+
role="button"
|
|
285
|
+
tabindex="0"
|
|
286
|
+
aria-label="More information for password field"
|
|
287
|
+
aria-describedby="password-strength-demo--strong-password"
|
|
288
|
+
>
|
|
289
|
+
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
|
290
|
+
</span></span>
|
|
279
291
|
</div>
|
|
280
292
|
<div class="pf-v5-c-form__group-label-info">
|
|
281
293
|
<div class="pf-v5-c-helper-text">
|