@patternfly/patternfly 6.0.0-alpha.215 → 6.0.0-alpha.216

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 (8) hide show
  1. package/components/Nav/nav.css +13 -0
  2. package/components/Nav/nav.scss +17 -0
  3. package/components/_index.css +13 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +13 -0
  6. package/patternfly.css +13 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Nav/nav.css CHANGED
@@ -108,6 +108,19 @@
108
108
  .pf-v6-c-nav .pf-v6-c-menu {
109
109
  --pf-v6-c-menu--MinWidth: 100%;
110
110
  }
111
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu {
112
+ --pf-v6-c-menu--PaddingBlockStart: 0;
113
+ --pf-v6-c-menu--PaddingBlockEnd: 0;
114
+ --pf-v6-c-menu--BackgroundColor: var(--pf-v6-c-nav--BackgroundColor);
115
+ --pf-v6-c-menu--BoxShadow: none;
116
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
117
+ }
118
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list {
119
+ row-gap: var(--pf-v6-c-nav__subnav--RowGap);
120
+ }
121
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item::before, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list-item::before {
122
+ border-radius: var(--pf-v6-c-nav__link--BorderRadius);
123
+ }
111
124
 
112
125
  [class^=pf-v6-c-nav][hidden] {
113
126
  display: none;
package/components/Nav/nav.scss CHANGED
@@ -137,6 +137,23 @@
137
137
 
138
138
  .#{$menu} {
139
139
  --#{$menu}--MinWidth: 100%;
140
+
141
+ &.pf-m-drilldown,
142
+ &.pf-m-drilldown .#{$menu} {
143
+ --#{$menu}--PaddingBlockStart: 0;
144
+ --#{$menu}--PaddingBlockEnd: 0;
145
+ --#{$menu}--BackgroundColor: var(--#{$nav}--BackgroundColor);
146
+ --#{$menu}--BoxShadow: none;
147
+ --#{$menu}__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
148
+
149
+ .#{$menu}__list {
150
+ row-gap: var(--#{$nav}__subnav--RowGap);
151
+ }
152
+
153
+ .#{$menu}__list-item::before {
154
+ border-radius: var(--#{$nav}__link--BorderRadius);
155
+ }
156
+ }
140
157
  }
141
158
  }
142
159
 
package/components/_index.css CHANGED
@@ -10881,6 +10881,19 @@ ul.pf-v6-c-list {
10881
10881
  .pf-v6-c-nav .pf-v6-c-menu {
10882
10882
  --pf-v6-c-menu--MinWidth: 100%;
10883
10883
  }
10884
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu {
10885
+ --pf-v6-c-menu--PaddingBlockStart: 0;
10886
+ --pf-v6-c-menu--PaddingBlockEnd: 0;
10887
+ --pf-v6-c-menu--BackgroundColor: var(--pf-v6-c-nav--BackgroundColor);
10888
+ --pf-v6-c-menu--BoxShadow: none;
10889
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
10890
+ }
10891
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list {
10892
+ row-gap: var(--pf-v6-c-nav__subnav--RowGap);
10893
+ }
10894
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item::before, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list-item::before {
10895
+ border-radius: var(--pf-v6-c-nav__link--BorderRadius);
10896
+ }
10884
10897
 
10885
10898
  [class^=pf-v6-c-nav][hidden] {
10886
10899
  display: none;
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.215",
4
+ "version": "6.0.0-alpha.216",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -16944,6 +16944,19 @@ ul.pf-v6-c-list {
16944
16944
  .pf-v6-c-nav .pf-v6-c-menu {
16945
16945
  --pf-v6-c-menu--MinWidth: 100%;
16946
16946
  }
16947
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu {
16948
+ --pf-v6-c-menu--PaddingBlockStart: 0;
16949
+ --pf-v6-c-menu--PaddingBlockEnd: 0;
16950
+ --pf-v6-c-menu--BackgroundColor: var(--pf-v6-c-nav--BackgroundColor);
16951
+ --pf-v6-c-menu--BoxShadow: none;
16952
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
16953
+ }
16954
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list {
16955
+ row-gap: var(--pf-v6-c-nav__subnav--RowGap);
16956
+ }
16957
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item::before, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list-item::before {
16958
+ border-radius: var(--pf-v6-c-nav__link--BorderRadius);
16959
+ }
16947
16960
 
16948
16961
  [class^=pf-v6-c-nav][hidden] {
16949
16962
  display: none;
package/patternfly.css CHANGED
@@ -17065,6 +17065,19 @@ ul.pf-v6-c-list {
17065
17065
  .pf-v6-c-nav .pf-v6-c-menu {
17066
17066
  --pf-v6-c-menu--MinWidth: 100%;
17067
17067
  }
17068
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu {
17069
+ --pf-v6-c-menu--PaddingBlockStart: 0;
17070
+ --pf-v6-c-menu--PaddingBlockEnd: 0;
17071
+ --pf-v6-c-menu--BackgroundColor: var(--pf-v6-c-nav--BackgroundColor);
17072
+ --pf-v6-c-menu--BoxShadow: none;
17073
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
17074
+ }
17075
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list {
17076
+ row-gap: var(--pf-v6-c-nav__subnav--RowGap);
17077
+ }
17078
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item::before, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list-item::before {
17079
+ border-radius: var(--pf-v6-c-nav__link--BorderRadius);
17080
+ }
17068
17081
 
17069
17082
  [class^=pf-v6-c-nav][hidden] {
17070
17083
  display: none;