@patternfly/patternfly 4.176.2 → 4.178.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.
Files changed (67) hide show
  1. package/UPGRADE-GUIDE.md +3 -0
  2. package/components/Avatar/avatar.css +224 -0
  3. package/components/Avatar/avatar.scss +18 -0
  4. package/components/CodeEditor/code-editor.css +8 -0
  5. package/components/CodeEditor/code-editor.scss +11 -1
  6. package/components/Dropdown/dropdown.css +10 -9
  7. package/components/Dropdown/dropdown.scss +17 -16
  8. package/components/Nav/nav.css +3 -0
  9. package/components/Nav/nav.scss +4 -0
  10. package/components/Table/table.css +2 -1
  11. package/components/Table/table.scss +8 -5
  12. package/docs/components/Avatar/examples/Avatar.md +53 -5
  13. package/docs/components/Brand/examples/Brand.md +6 -6
  14. package/docs/components/CodeEditor/examples/CodeEditor.md +71 -10
  15. package/docs/components/DataList/examples/DataList.md +11 -11
  16. package/docs/components/DescriptionList/examples/DescriptionList.md +19 -19
  17. package/docs/components/Divider/examples/Divider.md +2 -2
  18. package/docs/components/Drawer/examples/Drawer.md +27 -27
  19. package/docs/components/Dropdown/examples/Dropdown.md +2 -2
  20. package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
  21. package/docs/components/LogViewer/examples/LogViewer.md +19 -19
  22. package/docs/components/Masthead/examples/masthead.md +10 -10
  23. package/docs/components/Menu/examples/Menu.md +2 -2
  24. package/docs/components/Nav/examples/Navigation.css +3 -1
  25. package/docs/components/Nav/examples/Navigation.md +79 -0
  26. package/docs/components/Page/examples/Page.md +4 -4
  27. package/docs/components/Pagination/examples/Pagination.md +2 -2
  28. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  29. package/docs/components/Table/examples/Table.md +20 -9
  30. package/docs/components/Tabs/examples/Tabs.md +27 -27
  31. package/docs/components/Toolbar/examples/Toolbar.md +31 -31
  32. package/docs/demos/Alert/examples/Alert.md +4 -5
  33. package/docs/demos/BackToTop/examples/BackToTop.md +2 -203
  34. package/docs/demos/Banner/examples/Banner.md +2 -2
  35. package/docs/demos/Card/examples/Card.md +42 -14
  36. package/docs/demos/CardView/examples/CardView.md +1 -1
  37. package/docs/demos/ContextSelector/examples/ContextSelector.md +32 -869
  38. package/docs/demos/DataList/examples/DataList.md +4 -4
  39. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -12
  41. package/docs/demos/Masthead/examples/Masthead.md +1645 -1028
  42. package/docs/demos/Nav/examples/Nav.md +16 -17
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  44. package/docs/demos/Page/examples/Page.md +4956 -989
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  46. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  47. package/docs/demos/Table/examples/Table.md +18950 -12842
  48. package/docs/demos/Tabs/examples/Tabs.md +8 -102
  49. package/docs/demos/Toolbar/examples/Toolbar.md +2 -3
  50. package/docs/demos/Wizard/examples/Wizard.md +4 -4
  51. package/docs/layouts/Flex/examples/Flex.md +1 -1
  52. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  53. package/docs/layouts/Grid/examples/Grid.md +9 -9
  54. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  55. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  56. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  57. package/docs/utilities/Display/examples/Display.md +1 -1
  58. package/docs/utilities/Flex/examples/Flex.md +1 -1
  59. package/docs/utilities/Float/examples/Float.md +1 -1
  60. package/docs/utilities/Sizing/examples/Sizing.md +12 -0
  61. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  62. package/docs/utilities/Text/examples/Text.md +1 -1
  63. package/package.json +1 -1
  64. package/patternfly-no-reset.css +247 -10
  65. package/patternfly.css +247 -10
  66. package/patternfly.min.css +1 -1
  67. package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css CHANGED
@@ -6294,6 +6294,14 @@ html {
6294
6294
  --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
6295
6295
  --pf-c-avatar--Width: 2.25rem;
6296
6296
  --pf-c-avatar--Height: 2.25rem;
6297
+ --pf-c-avatar--m-sm--Width: 1.5rem;
6298
+ --pf-c-avatar--m-sm--Height: 1.5rem;
6299
+ --pf-c-avatar--m-md--Width: 2.25rem;
6300
+ --pf-c-avatar--m-md--Height: 2.25rem;
6301
+ --pf-c-avatar--m-lg--Width: 4.5rem;
6302
+ --pf-c-avatar--m-lg--Height: 4.5rem;
6303
+ --pf-c-avatar--m-xl--Width: 8rem;
6304
+ --pf-c-avatar--m-xl--Height: 8rem;
6297
6305
  --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
6298
6306
  --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
6299
6307
  --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
@@ -6311,6 +6319,222 @@ html {
6311
6319
  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
6312
6320
  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
6313
6321
  }
6322
+ .pf-c-avatar.pf-m-sm {
6323
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
6324
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);
6325
+ }
6326
+ @media (min-width: 576px) {
6327
+ .pf-c-avatar.pf-m-sm {
6328
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width));
6329
+ }
6330
+ }
6331
+ @media (min-width: 768px) {
6332
+ .pf-c-avatar.pf-m-sm {
6333
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)));
6334
+ }
6335
+ }
6336
+ @media (min-width: 992px) {
6337
+ .pf-c-avatar.pf-m-sm {
6338
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))));
6339
+ }
6340
+ }
6341
+ @media (min-width: 1200px) {
6342
+ .pf-c-avatar.pf-m-sm {
6343
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))));
6344
+ }
6345
+ }
6346
+ @media (min-width: 1450px) {
6347
+ .pf-c-avatar.pf-m-sm {
6348
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-2xl, var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))))));
6349
+ }
6350
+ }
6351
+ @media (min-width: 576px) {
6352
+ .pf-c-avatar.pf-m-sm {
6353
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height));
6354
+ }
6355
+ }
6356
+ @media (min-width: 768px) {
6357
+ .pf-c-avatar.pf-m-sm {
6358
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)));
6359
+ }
6360
+ }
6361
+ @media (min-width: 992px) {
6362
+ .pf-c-avatar.pf-m-sm {
6363
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))));
6364
+ }
6365
+ }
6366
+ @media (min-width: 1200px) {
6367
+ .pf-c-avatar.pf-m-sm {
6368
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))));
6369
+ }
6370
+ }
6371
+ @media (min-width: 1450px) {
6372
+ .pf-c-avatar.pf-m-sm {
6373
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-2xl, var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))))));
6374
+ }
6375
+ }
6376
+ .pf-c-avatar.pf-m-md {
6377
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
6378
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);
6379
+ }
6380
+ @media (min-width: 576px) {
6381
+ .pf-c-avatar.pf-m-md {
6382
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width));
6383
+ }
6384
+ }
6385
+ @media (min-width: 768px) {
6386
+ .pf-c-avatar.pf-m-md {
6387
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)));
6388
+ }
6389
+ }
6390
+ @media (min-width: 992px) {
6391
+ .pf-c-avatar.pf-m-md {
6392
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))));
6393
+ }
6394
+ }
6395
+ @media (min-width: 1200px) {
6396
+ .pf-c-avatar.pf-m-md {
6397
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))));
6398
+ }
6399
+ }
6400
+ @media (min-width: 1450px) {
6401
+ .pf-c-avatar.pf-m-md {
6402
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-2xl, var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))))));
6403
+ }
6404
+ }
6405
+ @media (min-width: 576px) {
6406
+ .pf-c-avatar.pf-m-md {
6407
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height));
6408
+ }
6409
+ }
6410
+ @media (min-width: 768px) {
6411
+ .pf-c-avatar.pf-m-md {
6412
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)));
6413
+ }
6414
+ }
6415
+ @media (min-width: 992px) {
6416
+ .pf-c-avatar.pf-m-md {
6417
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))));
6418
+ }
6419
+ }
6420
+ @media (min-width: 1200px) {
6421
+ .pf-c-avatar.pf-m-md {
6422
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));
6423
+ }
6424
+ }
6425
+ @media (min-width: 1450px) {
6426
+ .pf-c-avatar.pf-m-md {
6427
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));
6428
+ }
6429
+ }
6430
+ .pf-c-avatar.pf-m-lg {
6431
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
6432
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
6433
+ }
6434
+ @media (min-width: 576px) {
6435
+ .pf-c-avatar.pf-m-lg {
6436
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));
6437
+ }
6438
+ }
6439
+ @media (min-width: 768px) {
6440
+ .pf-c-avatar.pf-m-lg {
6441
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));
6442
+ }
6443
+ }
6444
+ @media (min-width: 992px) {
6445
+ .pf-c-avatar.pf-m-lg {
6446
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));
6447
+ }
6448
+ }
6449
+ @media (min-width: 1200px) {
6450
+ .pf-c-avatar.pf-m-lg {
6451
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));
6452
+ }
6453
+ }
6454
+ @media (min-width: 1450px) {
6455
+ .pf-c-avatar.pf-m-lg {
6456
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));
6457
+ }
6458
+ }
6459
+ @media (min-width: 576px) {
6460
+ .pf-c-avatar.pf-m-lg {
6461
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));
6462
+ }
6463
+ }
6464
+ @media (min-width: 768px) {
6465
+ .pf-c-avatar.pf-m-lg {
6466
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));
6467
+ }
6468
+ }
6469
+ @media (min-width: 992px) {
6470
+ .pf-c-avatar.pf-m-lg {
6471
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));
6472
+ }
6473
+ }
6474
+ @media (min-width: 1200px) {
6475
+ .pf-c-avatar.pf-m-lg {
6476
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));
6477
+ }
6478
+ }
6479
+ @media (min-width: 1450px) {
6480
+ .pf-c-avatar.pf-m-lg {
6481
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));
6482
+ }
6483
+ }
6484
+ .pf-c-avatar.pf-m-xl {
6485
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
6486
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
6487
+ }
6488
+ @media (min-width: 576px) {
6489
+ .pf-c-avatar.pf-m-xl {
6490
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));
6491
+ }
6492
+ }
6493
+ @media (min-width: 768px) {
6494
+ .pf-c-avatar.pf-m-xl {
6495
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));
6496
+ }
6497
+ }
6498
+ @media (min-width: 992px) {
6499
+ .pf-c-avatar.pf-m-xl {
6500
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));
6501
+ }
6502
+ }
6503
+ @media (min-width: 1200px) {
6504
+ .pf-c-avatar.pf-m-xl {
6505
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));
6506
+ }
6507
+ }
6508
+ @media (min-width: 1450px) {
6509
+ .pf-c-avatar.pf-m-xl {
6510
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));
6511
+ }
6512
+ }
6513
+ @media (min-width: 576px) {
6514
+ .pf-c-avatar.pf-m-xl {
6515
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));
6516
+ }
6517
+ }
6518
+ @media (min-width: 768px) {
6519
+ .pf-c-avatar.pf-m-xl {
6520
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
6521
+ }
6522
+ }
6523
+ @media (min-width: 992px) {
6524
+ .pf-c-avatar.pf-m-xl {
6525
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
6526
+ }
6527
+ }
6528
+ @media (min-width: 1200px) {
6529
+ .pf-c-avatar.pf-m-xl {
6530
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
6531
+ }
6532
+ }
6533
+ @media (min-width: 1450px) {
6534
+ .pf-c-avatar.pf-m-xl {
6535
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
6536
+ }
6537
+ }
6314
6538
 
6315
6539
  .pf-c-backdrop {
6316
6540
  --pf-c-backdrop--Position: fixed;
@@ -8037,6 +8261,8 @@ label.pf-c-check, .pf-c-check__label,
8037
8261
  --pf-c-code-editor__code--PaddingLeft: var(--pf-global--spacer--sm);
8038
8262
  --pf-c-code-editor__code-pre--FontSize: var(--pf-global--FontSize--sm);
8039
8263
  --pf-c-code-editor__code-pre--FontFamily: var(--pf-global--FontFamily--monospace);
8264
+ --pf-c-code-editor__header-main--PaddingRight: var(--pf-global--spacer--sm);
8265
+ --pf-c-code-editor__header-main--PaddingLeft: var(--pf-global--spacer--sm);
8040
8266
  --pf-c-code-editor__tab--BackgroundColor: var(--pf-global--BackgroundColor--100);
8041
8267
  --pf-c-code-editor__tab--Color: var(--pf-global--Color--200);
8042
8268
  --pf-c-code-editor__tab--PaddingTop: var(--pf-global--spacer--form-element);
@@ -8085,6 +8311,12 @@ label.pf-c-check, .pf-c-check__label,
8085
8311
  border-bottom-color: var(--pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor);
8086
8312
  }
8087
8313
 
8314
+ .pf-c-code-editor__header-main {
8315
+ flex-grow: 1;
8316
+ padding-right: var(--pf-c-code-editor__header-main--PaddingRight);
8317
+ padding-left: var(--pf-c-code-editor__header-main--PaddingLeft);
8318
+ }
8319
+
8088
8320
  .pf-c-code-editor__main {
8089
8321
  position: relative;
8090
8322
  background-color: var(--pf-c-code-editor__main--BackgroundColor);
@@ -12372,6 +12604,7 @@ label.pf-c-check, .pf-c-check__label,
12372
12604
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12373
12605
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12374
12606
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12607
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12375
12608
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12376
12609
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12377
12610
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12530,6 +12763,7 @@ label.pf-c-check, .pf-c-check__label,
12530
12763
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12531
12764
  }
12532
12765
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12766
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12533
12767
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12534
12768
  pointer-events: none;
12535
12769
  }
@@ -12622,14 +12856,14 @@ label.pf-c-check, .pf-c-check__label,
12622
12856
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12623
12857
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12624
12858
  }
12625
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12626
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12627
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12628
- }
12629
12859
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12630
12860
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12631
12861
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12632
12862
  }
12863
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12864
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12865
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12866
+ }
12633
12867
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12634
12868
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12635
12869
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12657,14 +12891,13 @@ label.pf-c-check, .pf-c-check__label,
12657
12891
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12658
12892
  }
12659
12893
  .pf-c-dropdown__toggle.pf-m-primary {
12660
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12661
- }
12662
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12663
12894
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12664
12895
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12665
12896
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12897
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12666
12898
  }
12667
- .pf-c-dropdown__toggle.pf-m-primary::before {
12899
+ .pf-c-dropdown__toggle.pf-m-primary::before,
12900
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12668
12901
  border: 0;
12669
12902
  }
12670
12903
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12676,7 +12909,7 @@ label.pf-c-check, .pf-c-check__label,
12676
12909
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12677
12910
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12678
12911
  }
12679
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12912
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12680
12913
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12681
12914
  }
12682
12915
  .pf-c-dropdown__toggle.pf-m-secondary {
@@ -18229,6 +18462,9 @@ ul.pf-c-list {
18229
18462
  .pf-c-nav__section + .pf-c-nav__section {
18230
18463
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
18231
18464
  }
18465
+ .pf-c-nav__section.pf-m-no-title {
18466
+ --pf-c-nav__section--MarginTop: 0;
18467
+ }
18232
18468
 
18233
18469
  .pf-c-nav__section-title {
18234
18470
  padding: var(--pf-c-nav__section-title--PaddingTop) var(--pf-c-nav__section-title--PaddingRight) var(--pf-c-nav__section-title--PaddingBottom) var(--pf-c-nav__section-title--PaddingLeft);
@@ -25111,7 +25347,8 @@ svg.pf-c-spinner.pf-m-xl {
25111
25347
  .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
25112
25348
  --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
25113
25349
  }
25114
- .pf-c-table.pf-m-compact thead th {
25350
+ .pf-c-table.pf-m-compact thead th,
25351
+ .pf-c-table.pf-m-compact thead .pf-c-table__toggle {
25115
25352
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
25116
25353
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
25117
25354
  }
package/patternfly.css CHANGED
@@ -6416,6 +6416,14 @@ a {
6416
6416
  --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
6417
6417
  --pf-c-avatar--Width: 2.25rem;
6418
6418
  --pf-c-avatar--Height: 2.25rem;
6419
+ --pf-c-avatar--m-sm--Width: 1.5rem;
6420
+ --pf-c-avatar--m-sm--Height: 1.5rem;
6421
+ --pf-c-avatar--m-md--Width: 2.25rem;
6422
+ --pf-c-avatar--m-md--Height: 2.25rem;
6423
+ --pf-c-avatar--m-lg--Width: 4.5rem;
6424
+ --pf-c-avatar--m-lg--Height: 4.5rem;
6425
+ --pf-c-avatar--m-xl--Width: 8rem;
6426
+ --pf-c-avatar--m-xl--Height: 8rem;
6419
6427
  --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
6420
6428
  --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
6421
6429
  --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
@@ -6433,6 +6441,222 @@ a {
6433
6441
  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
6434
6442
  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
6435
6443
  }
6444
+ .pf-c-avatar.pf-m-sm {
6445
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);
6446
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);
6447
+ }
6448
+ @media (min-width: 576px) {
6449
+ .pf-c-avatar.pf-m-sm {
6450
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width));
6451
+ }
6452
+ }
6453
+ @media (min-width: 768px) {
6454
+ .pf-c-avatar.pf-m-sm {
6455
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)));
6456
+ }
6457
+ }
6458
+ @media (min-width: 992px) {
6459
+ .pf-c-avatar.pf-m-sm {
6460
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))));
6461
+ }
6462
+ }
6463
+ @media (min-width: 1200px) {
6464
+ .pf-c-avatar.pf-m-sm {
6465
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))));
6466
+ }
6467
+ }
6468
+ @media (min-width: 1450px) {
6469
+ .pf-c-avatar.pf-m-sm {
6470
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-2xl, var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))))));
6471
+ }
6472
+ }
6473
+ @media (min-width: 576px) {
6474
+ .pf-c-avatar.pf-m-sm {
6475
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height));
6476
+ }
6477
+ }
6478
+ @media (min-width: 768px) {
6479
+ .pf-c-avatar.pf-m-sm {
6480
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)));
6481
+ }
6482
+ }
6483
+ @media (min-width: 992px) {
6484
+ .pf-c-avatar.pf-m-sm {
6485
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))));
6486
+ }
6487
+ }
6488
+ @media (min-width: 1200px) {
6489
+ .pf-c-avatar.pf-m-sm {
6490
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))));
6491
+ }
6492
+ }
6493
+ @media (min-width: 1450px) {
6494
+ .pf-c-avatar.pf-m-sm {
6495
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-2xl, var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))))));
6496
+ }
6497
+ }
6498
+ .pf-c-avatar.pf-m-md {
6499
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);
6500
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);
6501
+ }
6502
+ @media (min-width: 576px) {
6503
+ .pf-c-avatar.pf-m-md {
6504
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width));
6505
+ }
6506
+ }
6507
+ @media (min-width: 768px) {
6508
+ .pf-c-avatar.pf-m-md {
6509
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)));
6510
+ }
6511
+ }
6512
+ @media (min-width: 992px) {
6513
+ .pf-c-avatar.pf-m-md {
6514
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))));
6515
+ }
6516
+ }
6517
+ @media (min-width: 1200px) {
6518
+ .pf-c-avatar.pf-m-md {
6519
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))));
6520
+ }
6521
+ }
6522
+ @media (min-width: 1450px) {
6523
+ .pf-c-avatar.pf-m-md {
6524
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-2xl, var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))))));
6525
+ }
6526
+ }
6527
+ @media (min-width: 576px) {
6528
+ .pf-c-avatar.pf-m-md {
6529
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height));
6530
+ }
6531
+ }
6532
+ @media (min-width: 768px) {
6533
+ .pf-c-avatar.pf-m-md {
6534
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)));
6535
+ }
6536
+ }
6537
+ @media (min-width: 992px) {
6538
+ .pf-c-avatar.pf-m-md {
6539
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))));
6540
+ }
6541
+ }
6542
+ @media (min-width: 1200px) {
6543
+ .pf-c-avatar.pf-m-md {
6544
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));
6545
+ }
6546
+ }
6547
+ @media (min-width: 1450px) {
6548
+ .pf-c-avatar.pf-m-md {
6549
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));
6550
+ }
6551
+ }
6552
+ .pf-c-avatar.pf-m-lg {
6553
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);
6554
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);
6555
+ }
6556
+ @media (min-width: 576px) {
6557
+ .pf-c-avatar.pf-m-lg {
6558
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));
6559
+ }
6560
+ }
6561
+ @media (min-width: 768px) {
6562
+ .pf-c-avatar.pf-m-lg {
6563
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));
6564
+ }
6565
+ }
6566
+ @media (min-width: 992px) {
6567
+ .pf-c-avatar.pf-m-lg {
6568
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));
6569
+ }
6570
+ }
6571
+ @media (min-width: 1200px) {
6572
+ .pf-c-avatar.pf-m-lg {
6573
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));
6574
+ }
6575
+ }
6576
+ @media (min-width: 1450px) {
6577
+ .pf-c-avatar.pf-m-lg {
6578
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));
6579
+ }
6580
+ }
6581
+ @media (min-width: 576px) {
6582
+ .pf-c-avatar.pf-m-lg {
6583
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));
6584
+ }
6585
+ }
6586
+ @media (min-width: 768px) {
6587
+ .pf-c-avatar.pf-m-lg {
6588
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));
6589
+ }
6590
+ }
6591
+ @media (min-width: 992px) {
6592
+ .pf-c-avatar.pf-m-lg {
6593
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));
6594
+ }
6595
+ }
6596
+ @media (min-width: 1200px) {
6597
+ .pf-c-avatar.pf-m-lg {
6598
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));
6599
+ }
6600
+ }
6601
+ @media (min-width: 1450px) {
6602
+ .pf-c-avatar.pf-m-lg {
6603
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));
6604
+ }
6605
+ }
6606
+ .pf-c-avatar.pf-m-xl {
6607
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);
6608
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);
6609
+ }
6610
+ @media (min-width: 576px) {
6611
+ .pf-c-avatar.pf-m-xl {
6612
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));
6613
+ }
6614
+ }
6615
+ @media (min-width: 768px) {
6616
+ .pf-c-avatar.pf-m-xl {
6617
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));
6618
+ }
6619
+ }
6620
+ @media (min-width: 992px) {
6621
+ .pf-c-avatar.pf-m-xl {
6622
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));
6623
+ }
6624
+ }
6625
+ @media (min-width: 1200px) {
6626
+ .pf-c-avatar.pf-m-xl {
6627
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));
6628
+ }
6629
+ }
6630
+ @media (min-width: 1450px) {
6631
+ .pf-c-avatar.pf-m-xl {
6632
+ --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));
6633
+ }
6634
+ }
6635
+ @media (min-width: 576px) {
6636
+ .pf-c-avatar.pf-m-xl {
6637
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));
6638
+ }
6639
+ }
6640
+ @media (min-width: 768px) {
6641
+ .pf-c-avatar.pf-m-xl {
6642
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
6643
+ }
6644
+ }
6645
+ @media (min-width: 992px) {
6646
+ .pf-c-avatar.pf-m-xl {
6647
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
6648
+ }
6649
+ }
6650
+ @media (min-width: 1200px) {
6651
+ .pf-c-avatar.pf-m-xl {
6652
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
6653
+ }
6654
+ }
6655
+ @media (min-width: 1450px) {
6656
+ .pf-c-avatar.pf-m-xl {
6657
+ --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
6658
+ }
6659
+ }
6436
6660
 
6437
6661
  .pf-c-backdrop {
6438
6662
  --pf-c-backdrop--Position: fixed;
@@ -8159,6 +8383,8 @@ label.pf-c-check, .pf-c-check__label,
8159
8383
  --pf-c-code-editor__code--PaddingLeft: var(--pf-global--spacer--sm);
8160
8384
  --pf-c-code-editor__code-pre--FontSize: var(--pf-global--FontSize--sm);
8161
8385
  --pf-c-code-editor__code-pre--FontFamily: var(--pf-global--FontFamily--monospace);
8386
+ --pf-c-code-editor__header-main--PaddingRight: var(--pf-global--spacer--sm);
8387
+ --pf-c-code-editor__header-main--PaddingLeft: var(--pf-global--spacer--sm);
8162
8388
  --pf-c-code-editor__tab--BackgroundColor: var(--pf-global--BackgroundColor--100);
8163
8389
  --pf-c-code-editor__tab--Color: var(--pf-global--Color--200);
8164
8390
  --pf-c-code-editor__tab--PaddingTop: var(--pf-global--spacer--form-element);
@@ -8207,6 +8433,12 @@ label.pf-c-check, .pf-c-check__label,
8207
8433
  border-bottom-color: var(--pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor);
8208
8434
  }
8209
8435
 
8436
+ .pf-c-code-editor__header-main {
8437
+ flex-grow: 1;
8438
+ padding-right: var(--pf-c-code-editor__header-main--PaddingRight);
8439
+ padding-left: var(--pf-c-code-editor__header-main--PaddingLeft);
8440
+ }
8441
+
8210
8442
  .pf-c-code-editor__main {
8211
8443
  position: relative;
8212
8444
  background-color: var(--pf-c-code-editor__main--BackgroundColor);
@@ -12494,6 +12726,7 @@ label.pf-c-check, .pf-c-check__label,
12494
12726
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12495
12727
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12496
12728
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12729
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12497
12730
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12498
12731
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12499
12732
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12652,6 +12885,7 @@ label.pf-c-check, .pf-c-check__label,
12652
12885
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12653
12886
  }
12654
12887
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12888
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12655
12889
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12656
12890
  pointer-events: none;
12657
12891
  }
@@ -12744,14 +12978,14 @@ label.pf-c-check, .pf-c-check__label,
12744
12978
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12745
12979
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12746
12980
  }
12747
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12748
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12749
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12750
- }
12751
12981
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12752
12982
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12753
12983
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12754
12984
  }
12985
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12986
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12987
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12988
+ }
12755
12989
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12756
12990
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12757
12991
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12779,14 +13013,13 @@ label.pf-c-check, .pf-c-check__label,
12779
13013
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12780
13014
  }
12781
13015
  .pf-c-dropdown__toggle.pf-m-primary {
12782
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12783
- }
12784
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12785
13016
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12786
13017
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12787
13018
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
13019
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12788
13020
  }
12789
- .pf-c-dropdown__toggle.pf-m-primary::before {
13021
+ .pf-c-dropdown__toggle.pf-m-primary::before,
13022
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12790
13023
  border: 0;
12791
13024
  }
12792
13025
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12798,7 +13031,7 @@ label.pf-c-check, .pf-c-check__label,
12798
13031
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12799
13032
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12800
13033
  }
12801
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
13034
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12802
13035
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12803
13036
  }
12804
13037
  .pf-c-dropdown__toggle.pf-m-secondary {
@@ -18351,6 +18584,9 @@ ul.pf-c-list {
18351
18584
  .pf-c-nav__section + .pf-c-nav__section {
18352
18585
  --pf-c-nav__section--MarginTop: var(--pf-c-nav__section--section--MarginTop);
18353
18586
  }
18587
+ .pf-c-nav__section.pf-m-no-title {
18588
+ --pf-c-nav__section--MarginTop: 0;
18589
+ }
18354
18590
 
18355
18591
  .pf-c-nav__section-title {
18356
18592
  padding: var(--pf-c-nav__section-title--PaddingTop) var(--pf-c-nav__section-title--PaddingRight) var(--pf-c-nav__section-title--PaddingBottom) var(--pf-c-nav__section-title--PaddingLeft);
@@ -25233,7 +25469,8 @@ svg.pf-c-spinner.pf-m-xl {
25233
25469
  .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
25234
25470
  --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
25235
25471
  }
25236
- .pf-c-table.pf-m-compact thead th {
25472
+ .pf-c-table.pf-m-compact thead th,
25473
+ .pf-c-table.pf-m-compact thead .pf-c-table__toggle {
25237
25474
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
25238
25475
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
25239
25476
  }