@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64

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 (55) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Menu/menu.css +26 -19
  6. package/components/Menu/menu.scss +26 -19
  7. package/components/MenuToggle/menu-toggle.css +9 -5
  8. package/components/MenuToggle/menu-toggle.scss +12 -5
  9. package/components/_index.css +44 -27
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  12. package/docs/components/Card/examples/Card.md +130 -10
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  14. package/docs/components/DataList/examples/DataList.md +221 -17
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  16. package/docs/components/Hint/examples/Hint.md +39 -3
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  18. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  19. package/docs/components/Login/examples/Login.md +13 -1
  20. package/docs/components/Menu/examples/Menu.md +195 -15
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  24. package/docs/components/Page/examples/Page.md +62 -15
  25. package/docs/components/Pagination/examples/Pagination.md +169 -13
  26. package/docs/components/Table/examples/Table.md +3461 -269
  27. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  28. package/docs/demos/AboutModal/examples/AboutModal.md +34 -4
  29. package/docs/demos/Alert/examples/Alert.md +102 -12
  30. package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
  31. package/docs/demos/Banner/examples/Banner.md +68 -8
  32. package/docs/demos/Card/examples/Card.md +78 -6
  33. package/docs/demos/CardView/examples/CardView.md +214 -22
  34. package/docs/demos/Compass/examples/Compass.md +431 -56
  35. package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
  36. package/docs/demos/DataList/examples/DataList.md +401 -53
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
  38. package/docs/demos/Drawer/examples/Drawer.md +167 -17
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
  40. package/docs/demos/Masthead/examples/Masthead.md +228 -30
  41. package/docs/demos/Modal/examples/Modal.md +204 -24
  42. package/docs/demos/Nav/examples/Nav.md +184 -28
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
  44. package/docs/demos/Page/examples/Page.md +503 -58
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
  46. package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
  47. package/docs/demos/Table/examples/Table.md +2641 -349
  48. package/docs/demos/Tabs/examples/Tabs.md +295 -31
  49. package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
  50. package/docs/demos/Wizard/examples/Wizard.md +306 -36
  51. package/package.json +1 -1
  52. package/patternfly-no-globals.css +44 -27
  53. package/patternfly.css +44 -27
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -6637,7 +6637,19 @@ cssPrefix: pf-v6-c-menu
6637
6637
  <span class="pf-v6-c-menu__item-main">
6638
6638
  <span class="pf-v6-c-menu__item-text">Link 1</span>
6639
6639
  <span class="pf-v6-c-menu__item-external-icon">
6640
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
6640
+ <svg
6641
+ class="pf-v6-svg"
6642
+ viewBox="0 0 20 20"
6643
+ fill="currentColor"
6644
+ aria-hidden="true"
6645
+ role="img"
6646
+ width="1em"
6647
+ height="1em"
6648
+ >
6649
+ <path
6650
+ d="M18 14c-.55 0-1 .45-1 1v2H3V3h2c.55 0 1-.45 1-1s-.45-1-1-1H2.5C1.67 1 1 1.67 1 2.5v15c0 .83.67 1.5 1.5 1.5h15c.83 0 1.5-.67 1.5-1.5V15c0-.55-.45-1-1-1Zm-.5-13H11c-.55 0-1 .45-1 1s.45 1 1 1h4.59L8.3 10.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02L17 4.41V9c0 .55.45 1 1 1s1-.45 1-1V2.5c0-.83-.67-1.5-1.5-1.5Z"
6651
+ />
6652
+ </svg>
6641
6653
  </span>
6642
6654
  <span class="pf-v6-screen-reader">(opens new window)</span>
6643
6655
  </span>
@@ -6648,7 +6660,19 @@ cssPrefix: pf-v6-c-menu
6648
6660
  <span class="pf-v6-c-menu__item-main">
6649
6661
  <span class="pf-v6-c-menu__item-text">Link 2</span>
6650
6662
  <span class="pf-v6-c-menu__item-external-icon">
6651
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
6663
+ <svg
6664
+ class="pf-v6-svg"
6665
+ viewBox="0 0 20 20"
6666
+ fill="currentColor"
6667
+ aria-hidden="true"
6668
+ role="img"
6669
+ width="1em"
6670
+ height="1em"
6671
+ >
6672
+ <path
6673
+ d="M18 14c-.55 0-1 .45-1 1v2H3V3h2c.55 0 1-.45 1-1s-.45-1-1-1H2.5C1.67 1 1 1.67 1 2.5v15c0 .83.67 1.5 1.5 1.5h15c.83 0 1.5-.67 1.5-1.5V15c0-.55-.45-1-1-1Zm-.5-13H11c-.55 0-1 .45-1 1s.45 1 1 1h4.59L8.3 10.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02L17 4.41V9c0 .55.45 1 1 1s1-.45 1-1V2.5c0-.83-.67-1.5-1.5-1.5Z"
6674
+ />
6675
+ </svg>
6652
6676
  </span>
6653
6677
  <span class="pf-v6-screen-reader">(opens new window)</span>
6654
6678
  </span>
@@ -6831,7 +6855,19 @@ cssPrefix: pf-v6-c-menu
6831
6855
  <span class="pf-v6-c-menu__item-main">
6832
6856
  <span class="pf-v6-c-menu__item-text">Item 1</span>
6833
6857
  <span class="pf-v6-c-menu__item-select-icon">
6834
- <i class="fas fa-check" aria-hidden="true"></i>
6858
+ <svg
6859
+ class="pf-v6-svg"
6860
+ viewBox="0 0 20 20"
6861
+ fill="currentColor"
6862
+ aria-hidden="true"
6863
+ role="img"
6864
+ width="1em"
6865
+ height="1em"
6866
+ >
6867
+ <path
6868
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
6869
+ />
6870
+ </svg>
6835
6871
  </span>
6836
6872
  </span>
6837
6873
  <span class="pf-v6-c-menu__item-description">This is a description</span>
@@ -6858,7 +6894,19 @@ cssPrefix: pf-v6-c-menu
6858
6894
  <span class="pf-v6-c-menu__item-main">
6859
6895
  <span class="pf-v6-c-menu__item-text">Item 2</span>
6860
6896
  <span class="pf-v6-c-menu__item-select-icon">
6861
- <i class="fas fa-check" aria-hidden="true"></i>
6897
+ <svg
6898
+ class="pf-v6-svg"
6899
+ viewBox="0 0 20 20"
6900
+ fill="currentColor"
6901
+ aria-hidden="true"
6902
+ role="img"
6903
+ width="1em"
6904
+ height="1em"
6905
+ >
6906
+ <path
6907
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
6908
+ />
6909
+ </svg>
6862
6910
  </span>
6863
6911
  </span>
6864
6912
  </button>
@@ -6885,7 +6933,19 @@ cssPrefix: pf-v6-c-menu
6885
6933
  <span class="pf-v6-c-menu__item-main">
6886
6934
  <span class="pf-v6-c-menu__item-text">Item 3 disabled</span>
6887
6935
  <span class="pf-v6-c-menu__item-select-icon">
6888
- <i class="fas fa-check" aria-hidden="true"></i>
6936
+ <svg
6937
+ class="pf-v6-svg"
6938
+ viewBox="0 0 20 20"
6939
+ fill="currentColor"
6940
+ aria-hidden="true"
6941
+ role="img"
6942
+ width="1em"
6943
+ height="1em"
6944
+ >
6945
+ <path
6946
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
6947
+ />
6948
+ </svg>
6889
6949
  </span>
6890
6950
  </span>
6891
6951
  <span class="pf-v6-c-menu__item-description">This is a description</span>
@@ -6913,7 +6973,19 @@ cssPrefix: pf-v6-c-menu
6913
6973
  <span class="pf-v6-c-menu__item-main">
6914
6974
  <span class="pf-v6-c-menu__item-text">Item 4</span>
6915
6975
  <span class="pf-v6-c-menu__item-select-icon">
6916
- <i class="fas fa-check" aria-hidden="true"></i>
6976
+ <svg
6977
+ class="pf-v6-svg"
6978
+ viewBox="0 0 20 20"
6979
+ fill="currentColor"
6980
+ aria-hidden="true"
6981
+ role="img"
6982
+ width="1em"
6983
+ height="1em"
6984
+ >
6985
+ <path
6986
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
6987
+ />
6988
+ </svg>
6917
6989
  </span>
6918
6990
  </span>
6919
6991
  <span class="pf-v6-c-menu__item-description">This is a description</span>
@@ -6941,7 +7013,19 @@ cssPrefix: pf-v6-c-menu
6941
7013
  <span class="pf-v6-c-menu__item-main">
6942
7014
  <span class="pf-v6-c-menu__item-text">Item 5 aria-disabled</span>
6943
7015
  <span class="pf-v6-c-menu__item-select-icon">
6944
- <i class="fas fa-check" aria-hidden="true"></i>
7016
+ <svg
7017
+ class="pf-v6-svg"
7018
+ viewBox="0 0 20 20"
7019
+ fill="currentColor"
7020
+ aria-hidden="true"
7021
+ role="img"
7022
+ width="1em"
7023
+ height="1em"
7024
+ >
7025
+ <path
7026
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7027
+ />
7028
+ </svg>
6945
7029
  </span>
6946
7030
  </span>
6947
7031
  <span class="pf-v6-c-menu__item-description">This is a description</span>
@@ -7091,7 +7175,19 @@ cssPrefix: pf-v6-c-menu
7091
7175
  <span class="pf-v6-c-menu__item-main">
7092
7176
  <span class="pf-v6-c-menu__item-text">Item 2 disabled</span>
7093
7177
  <span class="pf-v6-c-menu__item-external-icon">
7094
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
7178
+ <svg
7179
+ class="pf-v6-svg"
7180
+ viewBox="0 0 20 20"
7181
+ fill="currentColor"
7182
+ aria-hidden="true"
7183
+ role="img"
7184
+ width="1em"
7185
+ height="1em"
7186
+ >
7187
+ <path
7188
+ d="M18 14c-.55 0-1 .45-1 1v2H3V3h2c.55 0 1-.45 1-1s-.45-1-1-1H2.5C1.67 1 1 1.67 1 2.5v15c0 .83.67 1.5 1.5 1.5h15c.83 0 1.5-.67 1.5-1.5V15c0-.55-.45-1-1-1Zm-.5-13H11c-.55 0-1 .45-1 1s.45 1 1 1h4.59L8.3 10.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02L17 4.41V9c0 .55.45 1 1 1s1-.45 1-1V2.5c0-.83-.67-1.5-1.5-1.5Z"
7189
+ />
7190
+ </svg>
7095
7191
  </span>
7096
7192
  <span class="pf-v6-screen-reader">(opens new window)</span>
7097
7193
  </span>
@@ -7150,7 +7246,19 @@ cssPrefix: pf-v6-c-menu
7150
7246
  <span class="pf-v6-c-menu__item-main">
7151
7247
  <span class="pf-v6-c-menu__item-text">Item 3</span>
7152
7248
  <span class="pf-v6-c-menu__item-external-icon">
7153
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
7249
+ <svg
7250
+ class="pf-v6-svg"
7251
+ viewBox="0 0 20 20"
7252
+ fill="currentColor"
7253
+ aria-hidden="true"
7254
+ role="img"
7255
+ width="1em"
7256
+ height="1em"
7257
+ >
7258
+ <path
7259
+ d="M18 14c-.55 0-1 .45-1 1v2H3V3h2c.55 0 1-.45 1-1s-.45-1-1-1H2.5C1.67 1 1 1.67 1 2.5v15c0 .83.67 1.5 1.5 1.5h15c.83 0 1.5-.67 1.5-1.5V15c0-.55-.45-1-1-1Zm-.5-13H11c-.55 0-1 .45-1 1s.45 1 1 1h4.59L8.3 10.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02L17 4.41V9c0 .55.45 1 1 1s1-.45 1-1V2.5c0-.83-.67-1.5-1.5-1.5Z"
7260
+ />
7261
+ </svg>
7154
7262
  </span>
7155
7263
  <span class="pf-v6-screen-reader">(opens new window)</span>
7156
7264
  </span>
@@ -7215,7 +7323,19 @@ cssPrefix: pf-v6-c-menu
7215
7323
  <span class="pf-v6-c-menu__item-main">
7216
7324
  <span class="pf-v6-c-menu__item-text">Option 1</span>
7217
7325
  <span class="pf-v6-c-menu__item-select-icon">
7218
- <i class="fas fa-check" aria-hidden="true"></i>
7326
+ <svg
7327
+ class="pf-v6-svg"
7328
+ viewBox="0 0 20 20"
7329
+ fill="currentColor"
7330
+ aria-hidden="true"
7331
+ role="img"
7332
+ width="1em"
7333
+ height="1em"
7334
+ >
7335
+ <path
7336
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7337
+ />
7338
+ </svg>
7219
7339
  </span>
7220
7340
  </span>
7221
7341
  </button>
@@ -7225,7 +7345,19 @@ cssPrefix: pf-v6-c-menu
7225
7345
  <span class="pf-v6-c-menu__item-main">
7226
7346
  <span class="pf-v6-c-menu__item-text">Option 2</span>
7227
7347
  <span class="pf-v6-c-menu__item-select-icon">
7228
- <i class="fas fa-check" aria-hidden="true"></i>
7348
+ <svg
7349
+ class="pf-v6-svg"
7350
+ viewBox="0 0 20 20"
7351
+ fill="currentColor"
7352
+ aria-hidden="true"
7353
+ role="img"
7354
+ width="1em"
7355
+ height="1em"
7356
+ >
7357
+ <path
7358
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7359
+ />
7360
+ </svg>
7229
7361
  </span>
7230
7362
  </span>
7231
7363
  </button>
@@ -7242,7 +7374,19 @@ cssPrefix: pf-v6-c-menu
7242
7374
  </span>
7243
7375
  <span class="pf-v6-c-menu__item-text">Option 3</span>
7244
7376
  <span class="pf-v6-c-menu__item-select-icon">
7245
- <i class="fas fa-check" aria-hidden="true"></i>
7377
+ <svg
7378
+ class="pf-v6-svg"
7379
+ viewBox="0 0 20 20"
7380
+ fill="currentColor"
7381
+ aria-hidden="true"
7382
+ role="img"
7383
+ width="1em"
7384
+ height="1em"
7385
+ >
7386
+ <path
7387
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7388
+ />
7389
+ </svg>
7246
7390
  </span>
7247
7391
  </span>
7248
7392
  <span class="pf-v6-c-menu__item-description">Description</span>
@@ -7269,7 +7413,19 @@ cssPrefix: pf-v6-c-menu
7269
7413
  <span class="pf-v6-c-menu__item-main">
7270
7414
  <span class="pf-v6-c-menu__item-text">Option 1</span>
7271
7415
  <span class="pf-v6-c-menu__item-select-icon">
7272
- <i class="fas fa-check" aria-hidden="true"></i>
7416
+ <svg
7417
+ class="pf-v6-svg"
7418
+ viewBox="0 0 20 20"
7419
+ fill="currentColor"
7420
+ aria-hidden="true"
7421
+ role="img"
7422
+ width="1em"
7423
+ height="1em"
7424
+ >
7425
+ <path
7426
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7427
+ />
7428
+ </svg>
7273
7429
  </span>
7274
7430
  </span>
7275
7431
  </button>
@@ -7283,7 +7439,19 @@ cssPrefix: pf-v6-c-menu
7283
7439
  <span class="pf-v6-c-menu__item-main">
7284
7440
  <span class="pf-v6-c-menu__item-text">Option 2</span>
7285
7441
  <span class="pf-v6-c-menu__item-select-icon">
7286
- <i class="fas fa-check" aria-hidden="true"></i>
7442
+ <svg
7443
+ class="pf-v6-svg"
7444
+ viewBox="0 0 20 20"
7445
+ fill="currentColor"
7446
+ aria-hidden="true"
7447
+ role="img"
7448
+ width="1em"
7449
+ height="1em"
7450
+ >
7451
+ <path
7452
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7453
+ />
7454
+ </svg>
7287
7455
  </span>
7288
7456
  </span>
7289
7457
  </button>
@@ -7300,7 +7468,19 @@ cssPrefix: pf-v6-c-menu
7300
7468
  </span>
7301
7469
  <span class="pf-v6-c-menu__item-text">Option 3</span>
7302
7470
  <span class="pf-v6-c-menu__item-select-icon">
7303
- <i class="fas fa-check" aria-hidden="true"></i>
7471
+ <svg
7472
+ class="pf-v6-svg"
7473
+ viewBox="0 0 20 20"
7474
+ fill="currentColor"
7475
+ aria-hidden="true"
7476
+ role="img"
7477
+ width="1em"
7478
+ height="1em"
7479
+ >
7480
+ <path
7481
+ d="M18.71 4.27c-.4-.38-1.03-.37-1.41.02L7 14.59 2.71 10.3l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l4.65 4.65a1.499 1.499 0 0 0 2.12 0L18.72 5.71l.02-.02c.38-.4.37-1.03-.02-1.41Z"
7482
+ />
7483
+ </svg>
7304
7484
  </span>
7305
7485
  </span>
7306
7486
  <span class="pf-v6-c-menu__item-description">Description</span>