@patternfly/patternfly 6.0.0-alpha.47 → 6.0.0-alpha.49
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/DataList/data-list.css +101 -158
- package/components/DataList/data-list.scss +95 -154
- 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/Slider/slider.css +34 -30
- package/components/Slider/slider.scss +46 -43
- 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 +169 -265
- package/patternfly-theme-dark-unversioned.css +169 -265
- package/patternfly.css +169 -265
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/DataList/themes/dark/data-list.scss +0 -10
- package/components/Progress/themes/dark/progress.scss +0 -9
|
@@ -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">
|