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

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.
@@ -693,16 +693,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
693
693
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
694
694
  transition: var(--pf-v6-c-table__expandable-row--Transition);
695
695
  }
696
- .pf-v6-c-table__expandable-row > td,
697
- .pf-v6-c-table__expandable-row > th {
696
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
697
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
698
698
  padding-block-start: 0;
699
699
  }
700
+
700
701
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
701
702
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
702
703
  padding-block-start: 0;
703
- padding-inline-end: 0;
704
704
  padding-block-end: 0;
705
705
  padding-inline-start: 0;
706
+ padding-inline-end: 0;
706
707
  }
707
708
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
708
709
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
@@ -946,26 +946,26 @@
946
946
  transition: var(--#{$table}__expandable-row--Transition);
947
947
  }
948
948
 
949
- // stylelint-disable
950
- > td,
951
- > th {
952
- padding-block-start: 0;
949
+ @at-root :not(.#{$table}__control-row) ~ .#{$table}__expandable-row {
950
+ > .#{$table}__th,
951
+ > .#{$table}__td {
952
+ padding-block-start: 0;
953
+ }
953
954
  }
954
955
 
955
956
  td:where(.#{$table}__td),
956
957
  th:where(.#{$table}__th) {
957
958
  &.pf-m-no-padding {
958
959
  padding-block-start: 0;
959
- padding-inline-end: 0;
960
960
  padding-block-end: 0;
961
961
  padding-inline-start: 0;
962
+ padding-inline-end: 0;
962
963
 
963
964
  .#{$table}__expandable-row-content {
964
965
  padding: 0;
965
966
  }
966
967
  }
967
968
  }
968
- // stylelint-enable
969
969
 
970
970
  // - Table expandable row content
971
971
  .#{$table}__expandable-row-content {
@@ -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;
@@ -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 {
@@ -16841,16 +16841,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16841
16841
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
16842
16842
  transition: var(--pf-v6-c-table__expandable-row--Transition);
16843
16843
  }
16844
- .pf-v6-c-table__expandable-row > td,
16845
- .pf-v6-c-table__expandable-row > th {
16844
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
16845
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
16846
16846
  padding-block-start: 0;
16847
16847
  }
16848
+
16848
16849
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
16849
16850
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
16850
16851
  padding-block-start: 0;
16851
- padding-inline-end: 0;
16852
16852
  padding-block-end: 0;
16853
16853
  padding-inline-start: 0;
16854
+ padding-inline-end: 0;
16854
16855
  }
16855
16856
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
16856
16857
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
@@ -18718,7 +18719,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18718
18719
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
18719
18720
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
18720
18721
  --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));
18721
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18722
+ --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));
18723
+ --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));
18722
18724
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
18723
18725
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
18724
18726
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -18739,8 +18741,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18739
18741
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
18740
18742
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
18741
18743
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
18742
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
18743
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18744
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
18745
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18746
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18744
18747
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18745
18748
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18746
18749
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -18812,6 +18815,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18812
18815
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
18813
18816
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
18814
18817
  }
18818
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
18819
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
18820
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
18821
+ }
18815
18822
 
18816
18823
  .pf-v6-c-text-input-group__main {
18817
18824
  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.216",
4
+ "version": "6.0.0-alpha.218",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -22904,16 +22904,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22904
22904
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
22905
22905
  transition: var(--pf-v6-c-table__expandable-row--Transition);
22906
22906
  }
22907
- .pf-v6-c-table__expandable-row > td,
22908
- .pf-v6-c-table__expandable-row > th {
22907
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
22908
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
22909
22909
  padding-block-start: 0;
22910
22910
  }
22911
+
22911
22912
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
22912
22913
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
22913
22914
  padding-block-start: 0;
22914
- padding-inline-end: 0;
22915
22915
  padding-block-end: 0;
22916
22916
  padding-inline-start: 0;
22917
+ padding-inline-end: 0;
22917
22918
  }
22918
22919
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
22919
22920
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
@@ -24781,7 +24782,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24781
24782
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24782
24783
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24783
24784
  --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));
24784
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24785
+ --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));
24786
+ --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));
24785
24787
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24786
24788
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24787
24789
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24802,8 +24804,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24802
24804
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24803
24805
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24804
24806
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24805
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24806
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24807
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24808
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24809
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24807
24810
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24808
24811
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24809
24812
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -24875,6 +24878,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24875
24878
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
24876
24879
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
24877
24880
  }
24881
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
24882
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
24883
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
24884
+ }
24878
24885
 
24879
24886
  .pf-v6-c-text-input-group__main {
24880
24887
  display: flex;
package/patternfly.css CHANGED
@@ -23025,16 +23025,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23025
23025
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td):first-child::after {
23026
23026
  transition: var(--pf-v6-c-table__expandable-row--Transition);
23027
23027
  }
23028
- .pf-v6-c-table__expandable-row > td,
23029
- .pf-v6-c-table__expandable-row > th {
23028
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
23029
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
23030
23030
  padding-block-start: 0;
23031
23031
  }
23032
+
23032
23033
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
23033
23034
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
23034
23035
  padding-block-start: 0;
23035
- padding-inline-end: 0;
23036
23036
  padding-block-end: 0;
23037
23037
  padding-inline-start: 0;
23038
+ padding-inline-end: 0;
23038
23039
  }
23039
23040
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
23040
23041
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
@@ -24902,7 +24903,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24902
24903
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24903
24904
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24904
24905
  --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));
24905
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24906
+ --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));
24907
+ --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));
24906
24908
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24907
24909
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24908
24910
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24923,8 +24925,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24923
24925
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24924
24926
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24925
24927
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24926
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24927
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24928
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24929
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24930
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24928
24931
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24929
24932
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24930
24933
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -24996,6 +24999,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24996
24999
  .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
24997
25000
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
24998
25001
  }
25002
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
25003
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
25004
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
25005
+ }
24999
25006
 
25000
25007
  .pf-v6-c-text-input-group__main {
25001
25008
  display: flex;