@patternfly/patternfly 4.147.0 → 4.149.0
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/assets/icons/fa-unicodes.json +1332 -0
- package/assets/pficon/pficon.scss +126 -126
- package/assets/pficon/pficon.woff +0 -0
- package/assets/pficon/pficon.woff2 +0 -0
- package/base/patternfly-icons.css +123 -123
- package/base/patternfly-pf-icons.css +123 -123
- package/components/ContextSelector/context-selector.css +68 -0
- package/components/ContextSelector/context-selector.scss +74 -0
- package/components/Dropdown/dropdown.css +1 -1
- package/components/Dropdown/dropdown.scss +1 -1
- package/components/Masthead/masthead.css +1 -0
- package/components/Masthead/masthead.scss +1 -0
- package/components/Page/page.css +26 -3
- package/components/Page/page.scss +31 -0
- package/components/Panel/panel.css +78 -0
- package/components/Panel/panel.scss +99 -0
- package/components/Popover/popover.css +58 -2
- package/components/Popover/popover.scss +73 -2
- package/components/_all.scss +1 -0
- package/docs/components/CodeBlock/examples/CodeBlock.md +0 -1
- package/docs/components/ContextSelector/examples/context-selector.md +2 -0
- package/docs/components/HelperText/examples/HelperText.md +0 -1
- package/docs/components/Menu/examples/Menu.md +19 -20
- package/docs/components/ModalBox/examples/ModalBox.md +1 -0
- package/docs/components/Panel/examples/Panel.md +163 -0
- package/docs/components/Popover/examples/Popover.md +237 -15
- package/docs/components/Select/examples/Select.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +0 -1
- package/docs/demos/ContextSelector/examples/ContextSelector.md +1391 -0
- package/docs/demos/Modal/examples/Modal.md +122 -4
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +123 -123
- package/patternfly-base.css +123 -123
- package/patternfly-no-reset.css +356 -129
- package/patternfly.css +356 -129
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -12,8 +12,8 @@ section: components
|
|
|
12
12
|
<div
|
|
13
13
|
class="pf-c-modal-box pf-m-sm"
|
|
14
14
|
aria-modal="true"
|
|
15
|
-
aria-labelledby="modal-title"
|
|
16
|
-
aria-describedby="modal-description"
|
|
15
|
+
aria-labelledby="modal-title-modal-basic"
|
|
16
|
+
aria-describedby="modal-description-modal-basic"
|
|
17
17
|
>
|
|
18
18
|
<button
|
|
19
19
|
class="pf-c-button pf-m-plain"
|
|
@@ -25,10 +25,10 @@ section: components
|
|
|
25
25
|
<header class="pf-c-modal-box__header">
|
|
26
26
|
<h1
|
|
27
27
|
class="pf-c-modal-box__title"
|
|
28
|
-
id="modal-title"
|
|
28
|
+
id="modal-title-modal-basic"
|
|
29
29
|
>Overwrite existing file?</h1>
|
|
30
30
|
</header>
|
|
31
|
-
<div class="pf-c-modal-box__body" id="modal-description">
|
|
31
|
+
<div class="pf-c-modal-box__body" id="modal-description-modal-basic">
|
|
32
32
|
<p>general_modal_final_finalfinal_v9_actualfinal.sketch</p>
|
|
33
33
|
<p>A file with this name already exists, would you like to overwrite the existing file or save a new copy?</p>
|
|
34
34
|
</div>
|
|
@@ -215,3 +215,121 @@ section: components
|
|
|
215
215
|
</div>
|
|
216
216
|
|
|
217
217
|
```
|
|
218
|
+
|
|
219
|
+
### Modal with form
|
|
220
|
+
|
|
221
|
+
```html isFullscreen
|
|
222
|
+
<div aria-hidden="true">Page content</div>
|
|
223
|
+
<div class="pf-c-backdrop">
|
|
224
|
+
<div class="pf-l-bullseye">
|
|
225
|
+
<div
|
|
226
|
+
class="pf-c-modal-box pf-m-sm"
|
|
227
|
+
aria-modal="true"
|
|
228
|
+
aria-labelledby="modal-title-modal-with-form"
|
|
229
|
+
aria-describedby="modal-description-modal-with-form"
|
|
230
|
+
>
|
|
231
|
+
<button
|
|
232
|
+
class="pf-c-button pf-m-plain"
|
|
233
|
+
type="button"
|
|
234
|
+
aria-label="Close dialog"
|
|
235
|
+
>
|
|
236
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
237
|
+
</button>
|
|
238
|
+
<header class="pf-c-modal-box__header">
|
|
239
|
+
<h1
|
|
240
|
+
class="pf-c-modal-box__title"
|
|
241
|
+
id="modal-title-modal-with-form"
|
|
242
|
+
>Create account</h1>
|
|
243
|
+
</header>
|
|
244
|
+
<div class="pf-c-modal-box__body" id="modal-description-modal-with-form">
|
|
245
|
+
<p>Enter your personal information below to create an account.</p>
|
|
246
|
+
</div>
|
|
247
|
+
<div class="pf-c-modal-box__body">
|
|
248
|
+
<form novalidate class="pf-c-form" id="modal-with-form-form">
|
|
249
|
+
<div class="pf-c-form__group">
|
|
250
|
+
<div class="pf-c-form__group-label">
|
|
251
|
+
<label class="pf-c-form__label" for="modal-with-form-form-name">
|
|
252
|
+
<span class="pf-c-form__label-text">Name</span>
|
|
253
|
+
<span class="pf-c-form__label-required" aria-hidden="true">*</span>
|
|
254
|
+
</label>
|
|
255
|
+
<button
|
|
256
|
+
class="pf-c-form__group-label-help"
|
|
257
|
+
aria-label="More info"
|
|
258
|
+
>
|
|
259
|
+
<i class="pficon pf-icon-help" aria-hidden="true"></i>
|
|
260
|
+
</button>
|
|
261
|
+
</div>
|
|
262
|
+
<div class="pf-c-form__group-control">
|
|
263
|
+
<input
|
|
264
|
+
class="pf-c-form-control"
|
|
265
|
+
type="text"
|
|
266
|
+
id="modal-with-form-form-name"
|
|
267
|
+
name="modal-with-form-form-name"
|
|
268
|
+
required
|
|
269
|
+
/>
|
|
270
|
+
</div>
|
|
271
|
+
</div>
|
|
272
|
+
<div class="pf-c-form__group">
|
|
273
|
+
<div class="pf-c-form__group-label">
|
|
274
|
+
<label class="pf-c-form__label" for="modal-with-form-form-email">
|
|
275
|
+
<span class="pf-c-form__label-text">E-mail</span>
|
|
276
|
+
<span class="pf-c-form__label-required" aria-hidden="true">*</span>
|
|
277
|
+
</label>
|
|
278
|
+
<button
|
|
279
|
+
class="pf-c-form__group-label-help"
|
|
280
|
+
aria-label="More info"
|
|
281
|
+
>
|
|
282
|
+
<i class="pficon pf-icon-help" aria-hidden="true"></i>
|
|
283
|
+
</button>
|
|
284
|
+
</div>
|
|
285
|
+
<div class="pf-c-form__group-control">
|
|
286
|
+
<input
|
|
287
|
+
class="pf-c-form-control"
|
|
288
|
+
type="text"
|
|
289
|
+
id="modal-with-form-form-email"
|
|
290
|
+
name="modal-with-form-form-email"
|
|
291
|
+
required
|
|
292
|
+
/>
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
<div class="pf-c-form__group">
|
|
296
|
+
<div class="pf-c-form__group-label">
|
|
297
|
+
<label
|
|
298
|
+
class="pf-c-form__label"
|
|
299
|
+
for="modal-with-form-form-address"
|
|
300
|
+
>
|
|
301
|
+
<span class="pf-c-form__label-text">Address</span>
|
|
302
|
+
<span class="pf-c-form__label-required" aria-hidden="true">*</span>
|
|
303
|
+
</label>
|
|
304
|
+
<button
|
|
305
|
+
class="pf-c-form__group-label-help"
|
|
306
|
+
aria-label="More info"
|
|
307
|
+
>
|
|
308
|
+
<i class="pficon pf-icon-help" aria-hidden="true"></i>
|
|
309
|
+
</button>
|
|
310
|
+
</div>
|
|
311
|
+
<div class="pf-c-form__group-control">
|
|
312
|
+
<input
|
|
313
|
+
class="pf-c-form-control"
|
|
314
|
+
type="text"
|
|
315
|
+
id="modal-with-form-form-address"
|
|
316
|
+
name="modal-with-form-form-address"
|
|
317
|
+
required
|
|
318
|
+
/>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
</form>
|
|
322
|
+
</div>
|
|
323
|
+
<footer class="pf-c-modal-box__footer">
|
|
324
|
+
<button
|
|
325
|
+
class="pf-c-button pf-m-primary"
|
|
326
|
+
type="button"
|
|
327
|
+
form="modal-with-form-form"
|
|
328
|
+
>Create</button>
|
|
329
|
+
<button class="pf-c-button pf-m-link" type="button">Cancel</button>
|
|
330
|
+
</footer>
|
|
331
|
+
</div>
|
|
332
|
+
</div>
|
|
333
|
+
</div>
|
|
334
|
+
|
|
335
|
+
```
|