@patternfly/patternfly 6.0.0-alpha.16 → 6.0.0-alpha.18

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 (64) hide show
  1. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  2. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  3. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  4. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  5. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  6. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  7. package/assets/images/pf_logo_white.hbs +35 -0
  8. package/assets/images/pf_logo_white.svg +38 -0
  9. package/base/_globals.scss +1 -1
  10. package/base/patternfly-variables.css +1 -1
  11. package/base/tokens/_tokens-font.scss +2 -2
  12. package/components/Accordion/accordion.css +10 -1
  13. package/components/Accordion/accordion.scss +13 -1
  14. package/components/Alert/alert.css +1 -1
  15. package/components/Alert/alert.scss +1 -1
  16. package/components/Button/button.css +1 -1
  17. package/components/Button/button.scss +1 -3
  18. package/components/Check/check.css +10 -8
  19. package/components/Check/check.scss +15 -10
  20. package/components/Dropdown/dropdown.css +1 -3
  21. package/components/Dropdown/dropdown.scss +2 -6
  22. package/components/Menu/menu.css +3 -0
  23. package/components/Menu/menu.scss +7 -3
  24. package/components/MenuToggle/menu-toggle.css +2 -3
  25. package/components/MenuToggle/menu-toggle.scss +2 -6
  26. package/components/Page/page.css +6 -4
  27. package/components/Page/page.scss +6 -4
  28. package/components/Radio/radio.css +13 -10
  29. package/components/Radio/radio.scss +17 -11
  30. package/components/Switch/switch.css +1 -1
  31. package/components/Switch/switch.scss +1 -1
  32. package/components/Table/table.css +6 -2
  33. package/components/Table/table.scss +7 -2
  34. package/components/Toolbar/toolbar.css +9 -1
  35. package/components/Toolbar/toolbar.scss +16 -3
  36. package/docs/components/Accordion/examples/Accordion.md +95 -0
  37. package/docs/components/Brand/examples/Brand.css +12 -0
  38. package/docs/components/Brand/examples/Brand.md +75 -32
  39. package/docs/components/Card/examples/Card.md +110 -2
  40. package/docs/components/LogViewer/examples/LogViewer.md +130 -130
  41. package/docs/components/Menu/examples/Menu.md +507 -473
  42. package/docs/components/MenuToggle/examples/MenuToggle.md +106 -114
  43. package/docs/components/Nav/examples/Navigation.md +140 -113
  44. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  45. package/docs/components/Toolbar/examples/Toolbar.md +480 -2807
  46. package/docs/demos/CardView/examples/CardView.md +32 -51
  47. package/docs/demos/DataList/examples/DataList.md +184 -320
  48. package/docs/demos/Masthead/examples/Masthead.md +51 -210
  49. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  50. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +83 -271
  51. package/docs/demos/Table/examples/Table.md +1017 -1800
  52. package/docs/demos/Tabs/examples/Tabs.md +2 -2
  53. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  54. package/docs/demos/Toolbar/examples/Toolbar.md +703 -1027
  55. package/package.json +2 -2
  56. package/patternfly-base-no-globals-theme-dark-unversioned.css +1 -1
  57. package/patternfly-base-no-globals.css +1 -1
  58. package/patternfly-base-theme-dark-unversioned.css +1 -1
  59. package/patternfly-base.css +1 -1
  60. package/patternfly-no-globals.css +64 -36
  61. package/patternfly-theme-dark-unversioned.css +64 -36
  62. package/patternfly.css +64 -36
  63. package/patternfly.min.css +1 -1
  64. package/patternfly.min.css.map +1 -1
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -365,65 +365,46 @@ section: patterns
365
365
  >
366
366
  <div class="pf-v5-c-toolbar__toggle">
367
367
  <button
368
- class="pf-v5-c-button pf-m-plain"
368
+ class="pf-v5-c-menu-toggle pf-m-plain"
369
369
  type="button"
370
- aria-label="Show filters"
371
370
  aria-expanded="false"
371
+ aria-label="Show filters"
372
372
  aria-controls="card-view-basic-example-toolbar-expandable-content"
373
373
  >
374
374
  <i class="fas fa-filter" aria-hidden="true"></i>
375
375
  </button>
376
376
  </div>
377
377
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
378
- <div class="pf-v5-c-dropdown">
379
- <div class="pf-v5-c-dropdown__toggle pf-m-split-button">
380
- <label
381
- class="pf-v5-c-dropdown__toggle-check"
382
- for="card-view-basic-example-toolbar-bulk-select-toggle-check"
383
- >
384
- <div class="pf-v5-c-check pf-m-standalone">
385
- <input
386
- class="pf-v5-c-check__input"
387
- type="checkbox"
388
- id="card-view-basic-example-toolbar-bulk-select-toggle-check"
389
- aria-label="Select all"
390
- />
391
- </div>
392
- </label>
393
-
394
- <button
395
- class="pf-v5-c-dropdown__toggle-button"
396
- type="button"
397
- aria-expanded="false"
398
- id="card-view-basic-example-toolbar-bulk-select-toggle-button"
399
- aria-label="Dropdown toggle"
400
- >
401
- <i class="fas fa-caret-down" aria-hidden="true"></i>
402
- </button>
403
- </div>
404
- <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
405
- <li role="none">
406
- <button
407
- class="pf-v5-c-dropdown__menu-item"
408
- role="menuitem"
409
- type="button"
410
- >Select all</button>
411
- </li>
412
- <li role="none">
413
- <button
414
- class="pf-v5-c-dropdown__menu-item"
415
- role="menuitem"
416
- type="button"
417
- >Select none</button>
418
- </li>
419
- <li role="none">
420
- <button
421
- class="pf-v5-c-dropdown__menu-item"
422
- role="menuitem"
423
- type="button"
424
- >Other action</button>
425
- </li>
426
- </ul>
378
+ <div
379
+ class="pf-v5-c-menu-toggle pf-m-split-button"
380
+ id="card-view-basic-example-toolbar-check"
381
+ >
382
+ <label
383
+ class="pf-v5-c-check pf-m-standalone"
384
+ id="card-view-basic-example-toolbar-check-check"
385
+ for="card-view-basic-example-toolbar-check-check-input"
386
+ >
387
+ <input
388
+ class="pf-v5-c-check__input"
389
+ type="checkbox"
390
+ id="card-view-basic-example-toolbar-check-check-input"
391
+ name="card-view-basic-example-toolbar-check-check-input"
392
+ aria-label="Standalone check"
393
+ />
394
+ </label>
395
+ <button
396
+ class="pf-v5-c-menu-toggle__button"
397
+ type="button"
398
+ aria-expanded="false"
399
+ id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
400
+ aria-label="Menu toggle"
401
+ >
402
+ <span class="pf-v5-c-menu-toggle__controls">
403
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
404
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
405
+ </span>
406
+ </span>
407
+ </button>
427
408
  </div>
428
409
  </div>
429
410