@patternfly/patternfly 4.176.1 → 4.177.1

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 (61) 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 +11 -0
  9. package/components/Nav/nav.scss +14 -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 +28 -28
  22. package/docs/components/Masthead/examples/masthead.md +10 -10
  23. package/docs/components/Menu/examples/Menu.md +45 -44
  24. package/docs/components/Nav/examples/Navigation.md +23 -44
  25. package/docs/components/Page/examples/Page.md +4 -4
  26. package/docs/components/Pagination/examples/Pagination.md +2 -2
  27. package/docs/components/Sidebar/examples/Sidebar.md +14 -14
  28. package/docs/components/Table/examples/Table.md +20 -9
  29. package/docs/components/Tabs/examples/Tabs.md +27 -27
  30. package/docs/components/Toolbar/examples/Toolbar.md +31 -31
  31. package/docs/demos/Alert/examples/Alert.md +1 -2
  32. package/docs/demos/BackToTop/examples/BackToTop.md +1 -202
  33. package/docs/demos/Card/examples/Card.md +42 -14
  34. package/docs/demos/ContextSelector/examples/ContextSelector.md +1166 -17
  35. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  36. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -8
  37. package/docs/demos/Masthead/examples/Masthead.md +14 -6
  38. package/docs/demos/Nav/examples/Nav.md +8 -9
  39. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  40. package/docs/demos/Page/examples/Page.md +4004 -989
  41. package/docs/demos/Table/examples/Table.md +16516 -12176
  42. package/docs/demos/Tabs/examples/Tabs.md +0 -94
  43. package/docs/demos/Toolbar/examples/Toolbar.md +1 -2
  44. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  45. package/docs/layouts/Flex/examples/Flex.md +1 -1
  46. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  47. package/docs/layouts/Grid/examples/Grid.md +9 -9
  48. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  49. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  50. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  51. package/docs/utilities/Display/examples/Display.md +1 -1
  52. package/docs/utilities/Flex/examples/Flex.md +1 -1
  53. package/docs/utilities/Float/examples/Float.md +1 -1
  54. package/docs/utilities/Sizing/examples/Sizing.md +12 -0
  55. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  56. package/docs/utilities/Text/examples/Text.md +1 -1
  57. package/package.json +1 -1
  58. package/patternfly-no-reset.css +255 -10
  59. package/patternfly.css +255 -10
  60. package/patternfly.min.css +1 -1
  61. 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 {
@@ -17632,6 +17865,8 @@ ul.pf-c-list {
17632
17865
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
17633
17866
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17634
17867
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17868
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
17869
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
17635
17870
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
17636
17871
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
17637
17872
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -17760,6 +17995,15 @@ ul.pf-c-list {
17760
17995
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
17761
17996
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
17762
17997
  }
17998
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
17999
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
18000
+ }
18001
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
18002
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
18003
+ }
18004
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
18005
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
18006
+ }
17763
18007
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
17764
18008
  content: none;
17765
18009
  }
@@ -25100,7 +25344,8 @@ svg.pf-c-spinner.pf-m-xl {
25100
25344
  .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child {
25101
25345
  --pf-c-table--cell--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
25102
25346
  }
25103
- .pf-c-table.pf-m-compact thead th {
25347
+ .pf-c-table.pf-m-compact thead th,
25348
+ .pf-c-table.pf-m-compact thead .pf-c-table__toggle {
25104
25349
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--m-compact-th--PaddingTop);
25105
25350
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--m-compact-th--PaddingBottom);
25106
25351
  }