@patternfly/patternfly 6.0.0-alpha.102 → 6.0.0-alpha.104

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 (40) hide show
  1. package/components/Check/check.css +2 -2
  2. package/components/Check/check.scss +2 -2
  3. package/components/Drawer/drawer.css +5 -4
  4. package/components/Drawer/drawer.scss +7 -6
  5. package/components/Page/page.css +24 -23
  6. package/components/Page/page.scss +24 -23
  7. package/components/Table/table.css +0 -37
  8. package/components/Table/table.scss +0 -49
  9. package/docs/components/Drawer/examples/Drawer.md +2 -1
  10. package/docs/components/Page/deprecated/PageHeader.md +113 -99
  11. package/docs/components/Page/examples/Page.md +114 -100
  12. package/docs/demos/AboutModal/examples/AboutModal.md +81 -79
  13. package/docs/demos/Alert/examples/Alert.md +551 -524
  14. package/docs/demos/BackToTop/examples/BackToTop.md +211 -209
  15. package/docs/demos/Banner/examples/Banner.md +420 -412
  16. package/docs/demos/CardView/examples/CardView.md +1302 -1297
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +536 -523
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1344 -1314
  19. package/docs/demos/DataList/examples/DataList.md +3006 -2958
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +532 -518
  21. package/docs/demos/Drawer/examples/Drawer.md +544 -528
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +915 -897
  23. package/docs/demos/Masthead/examples/Masthead.md +729 -711
  24. package/docs/demos/Modal/examples/Modal.md +486 -474
  25. package/docs/demos/Nav/examples/Nav.md +528 -510
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +440 -435
  27. package/docs/demos/Page/examples/Page.md +1656 -1633
  28. package/docs/demos/Page/examples/Penta.md +632 -577
  29. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5222 -5080
  30. package/docs/demos/Skeleton/examples/Skeleton.md +177 -175
  31. package/docs/demos/Table/examples/Table.md +14137 -13972
  32. package/docs/demos/Tabs/examples/Tabs.md +2206 -2138
  33. package/docs/demos/Toolbar/examples/Toolbar.md +1322 -1269
  34. package/docs/demos/Wizard/examples/Wizard.md +1571 -1553
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +31 -66
  37. package/patternfly-theme-dark-unversioned.css +31 -66
  38. package/patternfly.css +31 -66
  39. package/patternfly.min.css +1 -1
  40. package/patternfly.min.css.map +1 -1
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -228,92 +228,94 @@ This demo implements the about modal, including the backdrop.
228
228
  </nav>
229
229
  </div>
230
230
  </div>
231
- <main
232
- class="pf-v6-c-page__main"
233
- tabindex="-1"
234
- id="main-content-modal-basic-example"
235
- >
236
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
237
- <div class="pf-v6-c-page__main-body">
238
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
239
- <ol class="pf-v6-c-breadcrumb__list" role="list">
240
- <li class="pf-v6-c-breadcrumb__item">
241
- <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
242
- </li>
243
- <li class="pf-v6-c-breadcrumb__item">
244
- <span class="pf-v6-c-breadcrumb__item-divider">
245
- <i class="fas fa-angle-right" aria-hidden="true"></i>
246
- </span>
231
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
232
+ <main
233
+ class="pf-v6-c-page__main"
234
+ tabindex="-1"
235
+ id="main-content-modal-basic-example"
236
+ >
237
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
238
+ <div class="pf-v6-c-page__main-body">
239
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
240
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
241
+ <li class="pf-v6-c-breadcrumb__item">
242
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
243
+ </li>
244
+ <li class="pf-v6-c-breadcrumb__item">
245
+ <span class="pf-v6-c-breadcrumb__item-divider">
246
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
247
+ </span>
247
248
 
248
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
249
- </li>
250
- <li class="pf-v6-c-breadcrumb__item">
251
- <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
253
- </span>
249
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
250
+ </li>
251
+ <li class="pf-v6-c-breadcrumb__item">
252
+ <span class="pf-v6-c-breadcrumb__item-divider">
253
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
254
+ </span>
254
255
 
255
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
- </li>
257
- <li class="pf-v6-c-breadcrumb__item">
258
- <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
260
- </span>
256
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
257
+ </li>
258
+ <li class="pf-v6-c-breadcrumb__item">
259
+ <span class="pf-v6-c-breadcrumb__item-divider">
260
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
261
+ </span>
261
262
 
262
- <a
263
- href="#"
264
- class="pf-v6-c-breadcrumb__link pf-m-current"
265
- aria-current="page"
266
- >Section landing</a>
267
- </li>
268
- </ol>
269
- </nav>
270
- </div>
271
- </section>
272
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
273
- <div class="pf-v6-c-page__main-body">
274
- <div class="pf-v6-c-content">
275
- <h1>Main title</h1>
276
- <p>This is a full page demo.</p>
263
+ <a
264
+ href="#"
265
+ class="pf-v6-c-breadcrumb__link pf-m-current"
266
+ aria-current="page"
267
+ >Section landing</a>
268
+ </li>
269
+ </ol>
270
+ </nav>
277
271
  </div>
278
- </div>
279
- </section>
280
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
281
- <div class="pf-v6-c-page__main-body">
282
- <div class="pf-v6-l-gallery pf-m-gutter">
283
- <div class="pf-v6-c-card">
284
- <div class="pf-v6-c-card__body">This is a card</div>
285
- </div>
286
- <div class="pf-v6-c-card">
287
- <div class="pf-v6-c-card__body">This is a card</div>
288
- </div>
289
- <div class="pf-v6-c-card">
290
- <div class="pf-v6-c-card__body">This is a card</div>
291
- </div>
292
- <div class="pf-v6-c-card">
293
- <div class="pf-v6-c-card__body">This is a card</div>
294
- </div>
295
- <div class="pf-v6-c-card">
296
- <div class="pf-v6-c-card__body">This is a card</div>
297
- </div>
298
- <div class="pf-v6-c-card">
299
- <div class="pf-v6-c-card__body">This is a card</div>
300
- </div>
301
- <div class="pf-v6-c-card">
302
- <div class="pf-v6-c-card__body">This is a card</div>
303
- </div>
304
- <div class="pf-v6-c-card">
305
- <div class="pf-v6-c-card__body">This is a card</div>
306
- </div>
307
- <div class="pf-v6-c-card">
308
- <div class="pf-v6-c-card__body">This is a card</div>
272
+ </section>
273
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
274
+ <div class="pf-v6-c-page__main-body">
275
+ <div class="pf-v6-c-content">
276
+ <h1>Main title</h1>
277
+ <p>This is a full page demo.</p>
309
278
  </div>
310
- <div class="pf-v6-c-card">
311
- <div class="pf-v6-c-card__body">This is a card</div>
279
+ </div>
280
+ </section>
281
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
282
+ <div class="pf-v6-c-page__main-body">
283
+ <div class="pf-v6-l-gallery pf-m-gutter">
284
+ <div class="pf-v6-c-card">
285
+ <div class="pf-v6-c-card__body">This is a card</div>
286
+ </div>
287
+ <div class="pf-v6-c-card">
288
+ <div class="pf-v6-c-card__body">This is a card</div>
289
+ </div>
290
+ <div class="pf-v6-c-card">
291
+ <div class="pf-v6-c-card__body">This is a card</div>
292
+ </div>
293
+ <div class="pf-v6-c-card">
294
+ <div class="pf-v6-c-card__body">This is a card</div>
295
+ </div>
296
+ <div class="pf-v6-c-card">
297
+ <div class="pf-v6-c-card__body">This is a card</div>
298
+ </div>
299
+ <div class="pf-v6-c-card">
300
+ <div class="pf-v6-c-card__body">This is a card</div>
301
+ </div>
302
+ <div class="pf-v6-c-card">
303
+ <div class="pf-v6-c-card__body">This is a card</div>
304
+ </div>
305
+ <div class="pf-v6-c-card">
306
+ <div class="pf-v6-c-card__body">This is a card</div>
307
+ </div>
308
+ <div class="pf-v6-c-card">
309
+ <div class="pf-v6-c-card__body">This is a card</div>
310
+ </div>
311
+ <div class="pf-v6-c-card">
312
+ <div class="pf-v6-c-card__body">This is a card</div>
313
+ </div>
312
314
  </div>
313
315
  </div>
314
- </div>
315
- </section>
316
- </main>
316
+ </section>
317
+ </main>
318
+ </div>
317
319
  </div>
318
320
  <div class="pf-v6-c-backdrop">
319
321
  <div class="pf-v6-l-bullseye">