@patternfly/patternfly 6.0.0-alpha.132 → 6.0.0-alpha.133

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 (49) hide show
  1. package/components/Breadcrumb/breadcrumb.css +10 -10
  2. package/components/Breadcrumb/breadcrumb.scss +10 -10
  3. package/components/Hint/hint.css +2 -2
  4. package/components/Hint/hint.scss +2 -3
  5. package/components/Login/login.css +4 -2
  6. package/components/Login/login.scss +2 -1
  7. package/components/Menu/menu.css +4 -1
  8. package/components/Menu/menu.scss +5 -1
  9. package/components/_index.css +20 -15
  10. package/docs/components/ActionList/examples/ActionList.md +4 -4
  11. package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
  12. package/docs/components/Card/examples/Card.md +80 -416
  13. package/docs/components/DataList/examples/DataList.md +170 -952
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
  15. package/docs/components/Hint/examples/Hint.md +30 -156
  16. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  17. package/docs/components/LogViewer/examples/LogViewer.css +9 -2
  18. package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
  19. package/docs/components/Menu/examples/Menu.md +6 -76
  20. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
  21. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
  22. package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
  24. package/docs/components/Table/examples/Table.css +7 -0
  25. package/docs/components/Table/examples/Table.md +281 -405
  26. package/docs/components/Toolbar/examples/Toolbar.md +32 -239
  27. package/docs/demos/CardView/examples/CardView.md +110 -583
  28. package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
  29. package/docs/demos/DataList/examples/DataList.md +44 -96
  30. package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
  31. package/docs/demos/Drawer/examples/Drawer.md +10 -56
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
  33. package/docs/demos/Page/examples/Penta.md +5 -5
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
  35. package/docs/demos/Table/examples/Table.md +142 -220
  36. package/docs/demos/Tabs/examples/Tabs.md +15 -28
  37. package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
  38. package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
  39. package/docs/utilities/Display/examples/Display.css +1 -8
  40. package/docs/utilities/Display/examples/Display.md +16 -7
  41. package/package.json +1 -1
  42. package/patternfly-addons.css +38 -0
  43. package/patternfly-no-globals.css +20 -15
  44. package/patternfly.css +20 -15
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
  47. package/utilities/Display/display.css +38 -0
  48. package/utilities/Display/display.scss +3 -1
  49. package/utilities/_index.css +38 -0
package/docs/utilities/Display/examples/Display.css CHANGED
@@ -1,11 +1,4 @@
1
- .ws-core-u-display .pf-v6-u-display-inline-block,
2
- .ws-core-u-display .pf-v6-u-display-block,
3
- .ws-core-u-display .pf-v6-u-display-flex,
4
- .ws-core-u-display .pf-v6-u-display-inline-flex,
5
- .ws-core-u-display .pf-v6-u-display-grid,
6
- .ws-core-u-display .pf-v6-u-display-inline,
7
- .ws-core-u-display .pf-v6-u-display-table,
8
- .ws-core-u-display .pf-v6-u-display-table-cell {
1
+ .ws-core-u-display [class*="pf-v6-u-display-"] {
9
2
  padding: var(--pf-t--global--spacer--sm);
10
3
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
11
4
  }
package/docs/utilities/Display/examples/Display.md CHANGED
@@ -5,10 +5,10 @@ section: utility-classes
5
5
 
6
6
  ## Examples
7
7
 
8
- ### Inline block
8
+ ### Inline
9
9
 
10
10
  ```html
11
- <div class="pf-v6-u-display-inline-block">.pf-v6-u-display-inline-block</div>
11
+ <div class="pf-v6-u-display-inline">.pf-v6-u-display-inline</div>
12
12
 
13
13
  ```
14
14
 
@@ -19,6 +19,13 @@ section: utility-classes
19
19
 
20
20
  ```
21
21
 
22
+ ### Inline block
23
+
24
+ ```html
25
+ <div class="pf-v6-u-display-inline-block">.pf-v6-u-display-inline-block</div>
26
+
27
+ ```
28
+
22
29
  ### Flex
23
30
 
24
31
  ```html
@@ -40,14 +47,14 @@ section: utility-classes
40
47
 
41
48
  ```
42
49
 
43
- ### Inline
50
+ ### Inline grid
44
51
 
45
52
  ```html
46
- <div class="pf-v6-u-display-inline">.pf-v6-u-display-inline</div>
53
+ <div class="pf-v6-u-display-inline-grid">.pf-v6-u-display-inline-grid</div>
47
54
 
48
55
  ```
49
56
 
50
- ### Table
57
+ ### Table, table row, table cell
51
58
 
52
59
  ```html
53
60
  <div class="pf-v6-u-display-table">
@@ -82,11 +89,13 @@ section: utility-classes
82
89
 
83
90
  | Class | Applied to | Outcome |
84
91
  | -- | -- | -- |
85
- | `.pf-v6-u-display-inline-block{-on-[breakpoint]}` | `*` | Sets display: inline-block |
86
- | `.pf-v6-u-display-block{-on-[breakpoint]}` | `*` | Sets display: block |
87
92
  | `.pf-v6-u-display-inline{-on-[breakpoint]}` | `*` | Sets display: inline |
93
+ | `.pf-v6-u-display-block{-on-[breakpoint]}` | `*` | Sets display: block |
94
+ | `.pf-v6-u-display-inline-block{-on-[breakpoint]}` | `*` | Sets display: inline-block |
88
95
  | `.pf-v6-u-display-flex{-on-[breakpoint]}` | `*` | Sets display: flex |
89
96
  | `.pf-v6-u-display-inline-flex{-on-[breakpoint]}` | `*` | Sets display: inline-flex |
97
+ | `.pf-v6-u-display-grid{-on-[breakpoint]}` | `*` | Sets display: grid |
98
+ | `.pf-v6-u-display-inline-grid{-on-[breakpoint]}` | `*` | Sets display: inline-grid |
90
99
  | `.pf-v6-u-display-table{-on-[breakpoint]}` | `*` | Sets display: table |
91
100
  | `.pf-v6-u-display-table-row{-on-[breakpoint]}` | `*` | Sets display: table-row |
92
101
  | `.pf-v6-u-display-table-cell{-on-[breakpoint]}` | `*` | Sets display: table-cell |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.132",
4
+ "version": "6.0.0-alpha.133",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-addons.css CHANGED
@@ -409,6 +409,14 @@
409
409
  display: inline-flex !important;
410
410
  }
411
411
 
412
+ .pf-v6-u-display-grid {
413
+ display: grid !important;
414
+ }
415
+
416
+ .pf-v6-u-display-inline-grid {
417
+ display: inline-grid !important;
418
+ }
419
+
412
420
  @media screen and (min-width: 576px) {
413
421
  .pf-v6-u-display-none-on-sm {
414
422
  display: none !important;
@@ -437,6 +445,12 @@
437
445
  .pf-v6-u-display-inline-flex-on-sm {
438
446
  display: inline-flex !important;
439
447
  }
448
+ .pf-v6-u-display-grid-on-sm {
449
+ display: grid !important;
450
+ }
451
+ .pf-v6-u-display-inline-grid-on-sm {
452
+ display: inline-grid !important;
453
+ }
440
454
  }
441
455
  @media screen and (min-width: 768px) {
442
456
  .pf-v6-u-display-none-on-md {
@@ -466,6 +480,12 @@
466
480
  .pf-v6-u-display-inline-flex-on-md {
467
481
  display: inline-flex !important;
468
482
  }
483
+ .pf-v6-u-display-grid-on-md {
484
+ display: grid !important;
485
+ }
486
+ .pf-v6-u-display-inline-grid-on-md {
487
+ display: inline-grid !important;
488
+ }
469
489
  }
470
490
  @media screen and (min-width: 992px) {
471
491
  .pf-v6-u-display-none-on-lg {
@@ -495,6 +515,12 @@
495
515
  .pf-v6-u-display-inline-flex-on-lg {
496
516
  display: inline-flex !important;
497
517
  }
518
+ .pf-v6-u-display-grid-on-lg {
519
+ display: grid !important;
520
+ }
521
+ .pf-v6-u-display-inline-grid-on-lg {
522
+ display: inline-grid !important;
523
+ }
498
524
  }
499
525
  @media screen and (min-width: 1200px) {
500
526
  .pf-v6-u-display-none-on-xl {
@@ -524,6 +550,12 @@
524
550
  .pf-v6-u-display-inline-flex-on-xl {
525
551
  display: inline-flex !important;
526
552
  }
553
+ .pf-v6-u-display-grid-on-xl {
554
+ display: grid !important;
555
+ }
556
+ .pf-v6-u-display-inline-grid-on-xl {
557
+ display: inline-grid !important;
558
+ }
527
559
  }
528
560
  @media screen and (min-width: 1450px) {
529
561
  .pf-v6-u-display-none-on-2xl {
@@ -553,6 +585,12 @@
553
585
  .pf-v6-u-display-inline-flex-on-2xl {
554
586
  display: inline-flex !important;
555
587
  }
588
+ .pf-v6-u-display-grid-on-2xl {
589
+ display: grid !important;
590
+ }
591
+ .pf-v6-u-display-inline-grid-on-2xl {
592
+ display: inline-grid !important;
593
+ }
556
594
  }
557
595
  .pf-v6-u-flex-direction-column {
558
596
  flex-direction: column !important;
package/patternfly-no-globals.css CHANGED
@@ -7197,11 +7197,11 @@
7197
7197
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7198
7198
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7199
7199
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7200
- --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7201
- --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7202
- --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7203
- --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7204
- --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7200
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7201
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7202
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7203
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7204
+ --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7205
7205
  }
7206
7206
 
7207
7207
  .pf-v6-c-breadcrumb {
@@ -7267,13 +7267,13 @@ button.pf-v6-c-breadcrumb__link {
7267
7267
  }
7268
7268
 
7269
7269
  .pf-v6-c-breadcrumb__dropdown {
7270
- margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
7271
- margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
7272
- margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
7273
- margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
7270
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7271
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7272
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7273
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7274
7274
  }
7275
7275
  .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7276
- line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
7276
+ line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7277
7277
  }
7278
7278
 
7279
7279
  .pf-v6-c-breadcrumb__heading {
@@ -12923,7 +12923,7 @@ select ~ .pf-v6-c-form-control__utilities {
12923
12923
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
12924
12924
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
12925
12925
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
12926
- --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12926
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12927
12927
  }
12928
12928
 
12929
12929
  .pf-v6-c-hint {
@@ -12954,7 +12954,7 @@ select ~ .pf-v6-c-form-control__utilities {
12954
12954
  text-align: end;
12955
12955
  }
12956
12956
  .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
12957
- margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
12957
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
12958
12958
  }
12959
12959
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
12960
12960
  grid-column: 1;
@@ -14780,12 +14780,14 @@ ul.pf-v6-c-list {
14780
14780
  }
14781
14781
  }
14782
14782
 
14783
- .pf-v6-c-login__main-header-utilities {
14783
+ .pf-v6-c-login__main-header-utilities,
14784
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14784
14785
  grid-row: auto;
14785
14786
  grid-column: auto;
14786
14787
  }
14787
14788
  @media (min-width: 768px) {
14788
- .pf-v6-c-login__main-header-utilities {
14789
+ .pf-v6-c-login__main-header-utilities,
14790
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14789
14791
  grid-row: 1;
14790
14792
  grid-column: 2/3;
14791
14793
  }
@@ -15491,11 +15493,14 @@ ul.pf-v6-c-list {
15491
15493
  }
15492
15494
  .pf-v6-c-menu .pf-v6-c-menu {
15493
15495
  min-width: 100%;
15494
- border-radius: 0;
15495
15496
  }
15496
15497
  .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
15497
15498
  overflow: visible;
15498
15499
  }
15500
+ .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
15501
+ min-width: 100%;
15502
+ border-radius: 0;
15503
+ }
15499
15504
  .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
15500
15505
  overflow: visible;
15501
15506
  }
package/patternfly.css CHANGED
@@ -7314,11 +7314,11 @@ h6) {
7314
7314
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7315
7315
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7316
7316
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7317
- --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7318
- --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7319
- --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7320
- --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7321
- --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7317
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7318
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7319
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7320
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7321
+ --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7322
7322
  }
7323
7323
 
7324
7324
  .pf-v6-c-breadcrumb {
@@ -7384,13 +7384,13 @@ button.pf-v6-c-breadcrumb__link {
7384
7384
  }
7385
7385
 
7386
7386
  .pf-v6-c-breadcrumb__dropdown {
7387
- margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
7388
- margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
7389
- margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
7390
- margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
7387
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7388
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7389
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7390
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7391
7391
  }
7392
7392
  .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7393
- line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
7393
+ line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7394
7394
  }
7395
7395
 
7396
7396
  .pf-v6-c-breadcrumb__heading {
@@ -13040,7 +13040,7 @@ select ~ .pf-v6-c-form-control__utilities {
13040
13040
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
13041
13041
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
13042
13042
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
13043
- --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13043
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13044
13044
  }
13045
13045
 
13046
13046
  .pf-v6-c-hint {
@@ -13071,7 +13071,7 @@ select ~ .pf-v6-c-form-control__utilities {
13071
13071
  text-align: end;
13072
13072
  }
13073
13073
  .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13074
- margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
13074
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13075
13075
  }
13076
13076
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13077
13077
  grid-column: 1;
@@ -14897,12 +14897,14 @@ ul.pf-v6-c-list {
14897
14897
  }
14898
14898
  }
14899
14899
 
14900
- .pf-v6-c-login__main-header-utilities {
14900
+ .pf-v6-c-login__main-header-utilities,
14901
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14901
14902
  grid-row: auto;
14902
14903
  grid-column: auto;
14903
14904
  }
14904
14905
  @media (min-width: 768px) {
14905
- .pf-v6-c-login__main-header-utilities {
14906
+ .pf-v6-c-login__main-header-utilities,
14907
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14906
14908
  grid-row: 1;
14907
14909
  grid-column: 2/3;
14908
14910
  }
@@ -15608,11 +15610,14 @@ ul.pf-v6-c-list {
15608
15610
  }
15609
15611
  .pf-v6-c-menu .pf-v6-c-menu {
15610
15612
  min-width: 100%;
15611
- border-radius: 0;
15612
15613
  }
15613
15614
  .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
15614
15615
  overflow: visible;
15615
15616
  }
15617
+ .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
15618
+ min-width: 100%;
15619
+ border-radius: 0;
15620
+ }
15616
15621
  .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
15617
15622
  overflow: visible;
15618
15623
  }