@patternfly/patternfly 6.0.0-alpha.183 → 6.0.0-alpha.184

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 (9) hide show
  1. package/components/TextInputGroup/text-input-group.css +67 -15
  2. package/components/TextInputGroup/text-input-group.scss +78 -21
  3. package/components/_index.css +67 -15
  4. package/docs/components/TextInputGroup/examples/TextInputGroup.md +80 -0
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +67 -15
  7. package/patternfly.css +67 -15
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -24819,10 +24819,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24819
24819
  :where(:root, .pf-v6-c-text-input-group) {
24820
24820
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
24821
24821
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
24822
+ --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
24823
+ --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
24824
+ --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
24822
24825
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
24826
+ --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
24827
+ --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
24823
24828
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
24829
+ --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
24830
+ --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
24831
+ --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24824
24832
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
24825
24833
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
24834
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24826
24835
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24827
24836
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24828
24837
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24843,7 +24852,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24843
24852
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24844
24853
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24845
24854
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24855
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24846
24856
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24857
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24858
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
24859
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
24860
+ --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
24861
+ --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
24862
+ --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
24847
24863
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
24848
24864
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
24849
24865
  --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -24856,24 +24872,60 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24856
24872
  position: relative;
24857
24873
  display: flex;
24858
24874
  width: 100%;
24875
+ font-size: var(--pf-v6-c-text-input-group__FontSize);
24876
+ line-height: var(--pf-v6-c-text-input-group__LineHeight);
24859
24877
  color: var(--pf-v6-c-text-input-group--Color, inherit);
24860
24878
  background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
24879
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
24880
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
24881
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
24882
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
24861
24883
  }
24862
- .pf-v6-c-text-input-group:hover {
24863
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
24884
+ .pf-v6-c-text-input-group::before {
24885
+ position: absolute;
24886
+ inset: 0;
24887
+ pointer-events: none;
24888
+ content: "";
24889
+ border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
24890
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
24891
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
24892
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
24893
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
24864
24894
  }
24865
24895
  .pf-v6-c-text-input-group.pf-m-disabled {
24866
24896
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
24867
- --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
24897
+ --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
24898
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
24868
24899
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
24869
24900
  pointer-events: none;
24870
24901
  }
24871
24902
  .pf-v6-c-text-input-group.pf-m-plain {
24872
24903
  --pf-v6-c-text-input-group--BackgroundColor: transparent;
24873
24904
  }
24874
- .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
24905
+ .pf-v6-c-text-input-group.pf-m-plain::before {
24875
24906
  border: 0;
24876
24907
  }
24908
+ .pf-v6-c-text-input-group.pf-m-success {
24909
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
24910
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
24911
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
24912
+ }
24913
+ .pf-v6-c-text-input-group.pf-m-warning {
24914
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
24915
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
24916
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
24917
+ }
24918
+ .pf-v6-c-text-input-group.pf-m-error {
24919
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
24920
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
24921
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
24922
+ }
24923
+ .pf-v6-c-text-input-group:hover {
24924
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
24925
+ }
24926
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
24927
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
24928
+ }
24877
24929
 
24878
24930
  .pf-v6-c-text-input-group__main {
24879
24931
  display: flex;
@@ -24883,7 +24935,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24883
24935
  min-width: 0;
24884
24936
  }
24885
24937
  .pf-v6-c-text-input-group__main.pf-m-icon {
24938
+ --pf-v6-c-text-input-group__text--Position: relative;
24886
24939
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
24940
+ display: inline-flex;
24941
+ align-items: center;
24942
+ justify-content: center;
24943
+ min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
24887
24944
  }
24888
24945
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
24889
24946
  padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
@@ -24897,22 +24954,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24897
24954
  }
24898
24955
 
24899
24956
  .pf-v6-c-text-input-group__text {
24957
+ position: var(--pf-v6-c-text-input-group__text--Position, revert);
24900
24958
  display: inline-grid;
24901
24959
  flex: 1;
24902
24960
  grid-template-areas: "text-input";
24903
24961
  grid-template-columns: 1fr;
24904
24962
  }
24905
- .pf-v6-c-text-input-group__text::before {
24906
- position: absolute;
24907
- inset: 0;
24908
- pointer-events: none;
24909
- content: "";
24910
- border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
24911
- border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
24912
- border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
24913
- border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
24914
- border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
24915
- }
24916
24963
 
24917
24964
  .pf-v6-c-text-input-group__icon {
24918
24965
  position: absolute;
@@ -24921,6 +24968,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24921
24968
  color: var(--pf-v6-c-text-input-group__icon--Color);
24922
24969
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
24923
24970
  }
24971
+ .pf-v6-c-text-input-group__icon.pf-m-status {
24972
+ inset-inline-start: auto;
24973
+ inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
24974
+ color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
24975
+ }
24924
24976
 
24925
24977
  .pf-v6-c-text-input-group__text-input {
24926
24978
  overflow: hidden;
package/patternfly.css CHANGED
@@ -24940,10 +24940,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24940
24940
  :where(:root, .pf-v6-c-text-input-group) {
24941
24941
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
24942
24942
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
24943
+ --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
24944
+ --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
24945
+ --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
24943
24946
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
24947
+ --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
24948
+ --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
24944
24949
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
24950
+ --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
24951
+ --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
24952
+ --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24945
24953
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
24946
24954
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
24955
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24947
24956
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24948
24957
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
24949
24958
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -24964,7 +24973,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24964
24973
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24965
24974
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24966
24975
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24976
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24967
24977
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
24978
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
24979
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
24980
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
24981
+ --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
24982
+ --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
24983
+ --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
24968
24984
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
24969
24985
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
24970
24986
  --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -24977,24 +24993,60 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24977
24993
  position: relative;
24978
24994
  display: flex;
24979
24995
  width: 100%;
24996
+ font-size: var(--pf-v6-c-text-input-group__FontSize);
24997
+ line-height: var(--pf-v6-c-text-input-group__LineHeight);
24980
24998
  color: var(--pf-v6-c-text-input-group--Color, inherit);
24981
24999
  background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
25000
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
25001
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
25002
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
25003
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
24982
25004
  }
24983
- .pf-v6-c-text-input-group:hover {
24984
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
25005
+ .pf-v6-c-text-input-group::before {
25006
+ position: absolute;
25007
+ inset: 0;
25008
+ pointer-events: none;
25009
+ content: "";
25010
+ border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
25011
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
25012
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
25013
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
25014
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
24985
25015
  }
24986
25016
  .pf-v6-c-text-input-group.pf-m-disabled {
24987
25017
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
24988
- --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
25018
+ --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
25019
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
24989
25020
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
24990
25021
  pointer-events: none;
24991
25022
  }
24992
25023
  .pf-v6-c-text-input-group.pf-m-plain {
24993
25024
  --pf-v6-c-text-input-group--BackgroundColor: transparent;
24994
25025
  }
24995
- .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
25026
+ .pf-v6-c-text-input-group.pf-m-plain::before {
24996
25027
  border: 0;
24997
25028
  }
25029
+ .pf-v6-c-text-input-group.pf-m-success {
25030
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
25031
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
25032
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
25033
+ }
25034
+ .pf-v6-c-text-input-group.pf-m-warning {
25035
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
25036
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
25037
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
25038
+ }
25039
+ .pf-v6-c-text-input-group.pf-m-error {
25040
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
25041
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
25042
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
25043
+ }
25044
+ .pf-v6-c-text-input-group:hover {
25045
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
25046
+ }
25047
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
25048
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
25049
+ }
24998
25050
 
24999
25051
  .pf-v6-c-text-input-group__main {
25000
25052
  display: flex;
@@ -25004,7 +25056,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25004
25056
  min-width: 0;
25005
25057
  }
25006
25058
  .pf-v6-c-text-input-group__main.pf-m-icon {
25059
+ --pf-v6-c-text-input-group__text--Position: relative;
25007
25060
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
25061
+ display: inline-flex;
25062
+ align-items: center;
25063
+ justify-content: center;
25064
+ min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
25008
25065
  }
25009
25066
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
25010
25067
  padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
@@ -25018,22 +25075,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25018
25075
  }
25019
25076
 
25020
25077
  .pf-v6-c-text-input-group__text {
25078
+ position: var(--pf-v6-c-text-input-group__text--Position, revert);
25021
25079
  display: inline-grid;
25022
25080
  flex: 1;
25023
25081
  grid-template-areas: "text-input";
25024
25082
  grid-template-columns: 1fr;
25025
25083
  }
25026
- .pf-v6-c-text-input-group__text::before {
25027
- position: absolute;
25028
- inset: 0;
25029
- pointer-events: none;
25030
- content: "";
25031
- border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
25032
- border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
25033
- border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
25034
- border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
25035
- border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
25036
- }
25037
25084
 
25038
25085
  .pf-v6-c-text-input-group__icon {
25039
25086
  position: absolute;
@@ -25042,6 +25089,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25042
25089
  color: var(--pf-v6-c-text-input-group__icon--Color);
25043
25090
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
25044
25091
  }
25092
+ .pf-v6-c-text-input-group__icon.pf-m-status {
25093
+ inset-inline-start: auto;
25094
+ inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
25095
+ color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
25096
+ }
25045
25097
 
25046
25098
  .pf-v6-c-text-input-group__text-input {
25047
25099
  overflow: hidden;