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

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 +13 -0
  2. package/components/Nav/nav.scss +17 -0
  3. package/components/TextInputGroup/text-input-group.css +9 -3
  4. package/components/TextInputGroup/text-input-group.scss +10 -3
  5. package/components/_index.css +22 -3
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +22 -3
  8. package/patternfly.css +22 -3
  9. package/patternfly.min.css +1 -1
  10. 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/TextInputGroup/text-input-group.css CHANGED
@@ -13,7 +13,8 @@
13
13
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
14
14
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
15
15
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
16
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
16
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
17
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
17
18
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
18
19
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
19
20
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -34,8 +35,9 @@
34
35
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
35
36
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
36
37
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
37
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
38
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
38
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
39
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
40
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
39
41
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
40
42
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
41
43
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -107,6 +109,10 @@
107
109
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
108
110
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
109
111
  }
112
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
113
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
114
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
115
+ }
110
116
 
111
117
  .pf-v6-c-text-input-group__main {
112
118
  display: flex;
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -20,7 +20,8 @@
20
20
  // Main
21
21
  --#{$text-input-group}__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
22
22
  --#{$text-input-group}__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
23
- --#{$text-input-group}--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23
+ --#{$text-input-group}--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24
+ --#{$text-input-group}--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24
25
  --#{$text-input-group}__main--RowGap: var(--pf-t--global--spacer--xs);
25
26
  --#{$text-input-group}__main--ColumnGap: var(--pf-t--global--spacer--xs);
26
27
 
@@ -49,8 +50,9 @@
49
50
 
50
51
  // Icon
51
52
  --#{$text-input-group}__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
52
- --#{$text-input-group}__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
53
- --#{$text-input-group}__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
53
+ --#{$text-input-group}__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
54
+ --#{$text-input-group}__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
55
+ --#{$text-input-group}--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
54
56
  --#{$text-input-group}__icon--Color: var(--pf-t--global--icon--color--regular);
55
57
  --#{$text-input-group}--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
56
58
  --#{$text-input-group}__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -135,6 +137,11 @@
135
137
  &:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
136
138
  --#{$text-input-group}__text-input--PaddingInlineEnd: var(--#{$text-input-group}--status__text-input--PaddingInlineEnd);
137
139
  }
140
+
141
+ &:has(> .#{$text-input-group}__utilities) {
142
+ --#{$text-input-group}__icon--m-status--InsetInlineEnd: var(--#{$text-input-group}--utilities--icon--m-status--InsetInlineEnd);
143
+ --#{$text-input-group}--status__text-input--PaddingInlineEnd: var(--#{$text-input-group}--utilities--status__text-input--PaddingInlineEnd);
144
+ }
138
145
  }
139
146
 
140
147
  .#{$text-input-group}__main {
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;
@@ -18705,7 +18718,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18705
18718
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
18706
18719
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
18707
18720
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
18708
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18721
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
18722
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
18709
18723
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
18710
18724
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
18711
18725
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -18726,8 +18740,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18726
18740
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
18727
18741
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
18728
18742
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
18729
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
18730
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18743
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
18744
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18745
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18731
18746
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18732
18747
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18733
18748
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -18799,6 +18814,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18799
18814
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
18800
18815
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
18801
18816
  }
18817
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
18818
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
18819
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
18820
+ }
18802
18821
 
18803
18822
  .pf-v6-c-text-input-group__main {
18804
18823
  display: flex;
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.217",
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;
@@ -24768,7 +24781,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24768
24781
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24769
24782
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24770
24783
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24771
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24784
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24785
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24772
24786
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24773
24787
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24774
24788
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24789,8 +24803,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24789
24803
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24790
24804
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24791
24805
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24792
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24793
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24806
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24807
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24808
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24794
24809
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24795
24810
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24796
24811
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -24862,6 +24877,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24862
24877
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
24863
24878
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
24864
24879
  }
24880
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
24881
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
24882
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
24883
+ }
24865
24884
 
24866
24885
  .pf-v6-c-text-input-group__main {
24867
24886
  display: flex;
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;
@@ -24889,7 +24902,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24889
24902
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24890
24903
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24891
24904
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24892
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24905
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24906
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24893
24907
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24894
24908
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24895
24909
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24910,8 +24924,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24910
24924
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24911
24925
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24912
24926
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24913
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24914
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24927
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24928
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24929
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24915
24930
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24916
24931
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24917
24932
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -24983,6 +24998,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24983
24998
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
24984
24999
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
24985
25000
  }
25001
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
25002
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
25003
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
25004
+ }
24986
25005
 
24987
25006
  .pf-v6-c-text-input-group__main {
24988
25007
  display: flex;