@patternfly/patternfly 6.0.0-alpha.101 → 6.0.0-alpha.102

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 (10) hide show
  1. package/components/Nav/nav.css +3 -1
  2. package/components/Nav/nav.scss +4 -2
  3. package/docs/components/Nav/examples/Navigation.css +2 -2
  4. package/docs/components/Nav/examples/Navigation.md +57 -55
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +3 -1
  7. package/patternfly-theme-dark-unversioned.css +3 -1
  8. package/patternfly.css +3 -1
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Nav/nav.css CHANGED
@@ -81,7 +81,6 @@
81
81
  }
82
82
 
83
83
  .pf-v6-c-nav {
84
- --pf-v6-c-menu--MinWidth: 100%;
85
84
  position: relative;
86
85
  row-gap: var(--pf-v6-c-nav--RowGap);
87
86
  column-gap: var(--pf-v6-c-nav--ColumnGap);
@@ -104,6 +103,9 @@
104
103
  .pf-v6-c-nav.pf-m-fill {
105
104
  flex-grow: 1;
106
105
  }
106
+ .pf-v6-c-nav .pf-v6-c-menu {
107
+ --pf-v6-c-menu--MinWidth: 100%;
108
+ }
107
109
 
108
110
  [class^=pf-v6-c-nav][hidden] {
109
111
  display: none;
package/components/Nav/nav.scss CHANGED
@@ -104,8 +104,6 @@
104
104
 
105
105
  // - Nav root
106
106
  .#{$nav} {
107
- --#{$menu}--MinWidth: 100%;
108
-
109
107
  position: relative;
110
108
  row-gap: var(--#{$nav}--RowGap);
111
109
  column-gap: var(--#{$nav}--ColumnGap);
@@ -130,6 +128,10 @@
130
128
  &.pf-m-fill {
131
129
  flex-grow: 1;
132
130
  }
131
+
132
+ .#{$menu} {
133
+ --#{$menu}--MinWidth: 100%;
134
+ }
133
135
  }
134
136
 
135
137
  [class^="#{$nav}"][hidden] {
package/docs/components/Nav/examples/Navigation.css CHANGED
@@ -14,8 +14,8 @@
14
14
 
15
15
  #ws-core-c-navigation-nav-with-flyout .pf-v6-c-menu.pf-m-flyout.pf-m-nav {
16
16
  position: absolute;
17
- inset-block-start: 168px;
18
- inset-inline-start: 256px;
17
+ inset-block-start: 151px;
18
+ inset-inline-start: 265px;
19
19
  }
20
20
 
21
21
  #ws-core-c-navigation-horizontal .ws-preview-html,
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -648,64 +648,66 @@ cssPrefix: pf-v6-c-nav
648
648
  <a href="#" class="pf-v6-c-nav__link">Documentation</a>
649
649
  </li>
650
650
  </ul>
651
- </nav>
652
- <div class="pf-v6-c-menu pf-m-flyout pf-m-nav">
653
- <div class="pf-v6-c-menu__content">
654
- <ul class="pf-v6-c-menu__list" role="menu">
655
- <li class="pf-v6-c-menu__list-item" role="none">
656
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
657
- <span class="pf-v6-c-menu__item-main">
658
- <span class="pf-v6-c-menu__item-text">Container platform</span>
659
- </span>
660
- </a>
661
- </li>
662
- <li class="pf-v6-c-menu__list-item" role="none">
663
- <button
664
- class="pf-v6-c-menu__item"
665
- type="button"
666
- role="menuitem"
667
- aria-expanded="true"
668
- >
669
- <span class="pf-v6-c-menu__item-main">
670
- <span class="pf-v6-c-menu__item-text">Dedicated</span>
671
- <span class="pf-v6-c-menu__item-toggle-icon">
672
- <i class="fas fa-angle-right"></i>
651
+ <div class="pf-v6-c-menu pf-m-flyout pf-m-nav">
652
+ <div class="pf-v6-c-menu__content">
653
+ <ul class="pf-v6-c-menu__list" role="menu">
654
+ <li class="pf-v6-c-menu__list-item" role="none">
655
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
656
+ <span class="pf-v6-c-menu__item-main">
657
+ <span class="pf-v6-c-menu__item-text">Container platform</span>
673
658
  </span>
674
- </span>
675
- </button>
676
- <div class="pf-v6-c-menu">
677
- <div class="pf-v6-c-menu__content">
678
- <ul class="pf-v6-c-menu__list" role="menu">
679
- <li class="pf-v6-c-menu__list-item" role="none">
680
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
681
- <span class="pf-v6-c-menu__item-main">
682
- <span class="pf-v6-c-menu__item-text">Dedicated (Annual)</span>
683
- </span>
684
- </a>
685
- </li>
686
- <li class="pf-v6-c-menu__list-item" role="none">
687
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
688
- <span class="pf-v6-c-menu__item-main">
689
- <span class="pf-v6-c-menu__item-text">Dedicated (On-Demand)</span>
690
- </span>
691
- </a>
692
- </li>
693
- <li class="pf-v6-c-menu__list-item" role="none">
694
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
695
- <span class="pf-v6-c-menu__item-main">
696
- <span
697
- class="pf-v6-c-menu__item-text"
698
- >Dedicated (On-Demand limits)</span>
699
- </span>
700
- </a>
701
- </li>
702
- </ul>
659
+ </a>
660
+ </li>
661
+ <li class="pf-v6-c-menu__list-item" role="none">
662
+ <button
663
+ class="pf-v6-c-menu__item"
664
+ type="button"
665
+ role="menuitem"
666
+ aria-expanded="true"
667
+ >
668
+ <span class="pf-v6-c-menu__item-main">
669
+ <span class="pf-v6-c-menu__item-text">Dedicated</span>
670
+ <span class="pf-v6-c-menu__item-toggle-icon">
671
+ <i class="fas fa-angle-right"></i>
672
+ </span>
673
+ </span>
674
+ </button>
675
+ <div class="pf-v6-c-menu">
676
+ <div class="pf-v6-c-menu__content">
677
+ <ul class="pf-v6-c-menu__list" role="menu">
678
+ <li class="pf-v6-c-menu__list-item" role="none">
679
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
680
+ <span class="pf-v6-c-menu__item-main">
681
+ <span class="pf-v6-c-menu__item-text">Dedicated (Annual)</span>
682
+ </span>
683
+ </a>
684
+ </li>
685
+ <li class="pf-v6-c-menu__list-item" role="none">
686
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
687
+ <span class="pf-v6-c-menu__item-main">
688
+ <span
689
+ class="pf-v6-c-menu__item-text"
690
+ >Dedicated (On-Demand)</span>
691
+ </span>
692
+ </a>
693
+ </li>
694
+ <li class="pf-v6-c-menu__list-item" role="none">
695
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
696
+ <span class="pf-v6-c-menu__item-main">
697
+ <span
698
+ class="pf-v6-c-menu__item-text"
699
+ >Dedicated (On-Demand limits)</span>
700
+ </span>
701
+ </a>
702
+ </li>
703
+ </ul>
704
+ </div>
703
705
  </div>
704
- </div>
705
- </li>
706
- </ul>
706
+ </li>
707
+ </ul>
708
+ </div>
707
709
  </div>
708
- </div>
710
+ </nav>
709
711
 
710
712
  ```
711
713
 
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.101",
4
+ "version": "6.0.0-alpha.102",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -21260,7 +21260,6 @@ ul.pf-v6-c-list {
21260
21260
  }
21261
21261
 
21262
21262
  .pf-v6-c-nav {
21263
- --pf-v6-c-menu--MinWidth: 100%;
21264
21263
  position: relative;
21265
21264
  row-gap: var(--pf-v6-c-nav--RowGap);
21266
21265
  column-gap: var(--pf-v6-c-nav--ColumnGap);
@@ -21283,6 +21282,9 @@ ul.pf-v6-c-list {
21283
21282
  .pf-v6-c-nav.pf-m-fill {
21284
21283
  flex-grow: 1;
21285
21284
  }
21285
+ .pf-v6-c-nav .pf-v6-c-menu {
21286
+ --pf-v6-c-menu--MinWidth: 100%;
21287
+ }
21286
21288
 
21287
21289
  [class^=pf-v6-c-nav][hidden] {
21288
21290
  display: none;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -21377,7 +21377,6 @@ ul.pf-v6-c-list {
21377
21377
  }
21378
21378
 
21379
21379
  .pf-v6-c-nav {
21380
- --pf-v6-c-menu--MinWidth: 100%;
21381
21380
  position: relative;
21382
21381
  row-gap: var(--pf-v6-c-nav--RowGap);
21383
21382
  column-gap: var(--pf-v6-c-nav--ColumnGap);
@@ -21400,6 +21399,9 @@ ul.pf-v6-c-list {
21400
21399
  .pf-v6-c-nav.pf-m-fill {
21401
21400
  flex-grow: 1;
21402
21401
  }
21402
+ .pf-v6-c-nav .pf-v6-c-menu {
21403
+ --pf-v6-c-menu--MinWidth: 100%;
21404
+ }
21403
21405
 
21404
21406
  [class^=pf-v6-c-nav][hidden] {
21405
21407
  display: none;
package/patternfly.css CHANGED
@@ -21377,7 +21377,6 @@ ul.pf-v6-c-list {
21377
21377
  }
21378
21378
 
21379
21379
  .pf-v6-c-nav {
21380
- --pf-v6-c-menu--MinWidth: 100%;
21381
21380
  position: relative;
21382
21381
  row-gap: var(--pf-v6-c-nav--RowGap);
21383
21382
  column-gap: var(--pf-v6-c-nav--ColumnGap);
@@ -21400,6 +21399,9 @@ ul.pf-v6-c-list {
21400
21399
  .pf-v6-c-nav.pf-m-fill {
21401
21400
  flex-grow: 1;
21402
21401
  }
21402
+ .pf-v6-c-nav .pf-v6-c-menu {
21403
+ --pf-v6-c-menu--MinWidth: 100%;
21404
+ }
21403
21405
 
21404
21406
  [class^=pf-v6-c-nav][hidden] {
21405
21407
  display: none;