diff --git a/.changeset/itchy-rice-rescue.md b/.changeset/itchy-rice-rescue.md new file mode 100644 index 00000000000..8545544d66e --- /dev/null +++ b/.changeset/itchy-rice-rescue.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Add CSS variable to `contrast` `TextInput` diff --git a/packages/react/src/internal/components/TextInputWrapper.module.css b/packages/react/src/internal/components/TextInputWrapper.module.css index 37b5da6a898..e03702f9838 100644 --- a/packages/react/src/internal/components/TextInputWrapper.module.css +++ b/packages/react/src/internal/components/TextInputWrapper.module.css @@ -44,7 +44,9 @@ } &:where([data-contrast]) { - background-color: var(--bgColor-inset); + /* this variable is available behind a feature flag in gh/gh */ + /* stylelint-disable-next-line primer/colors */ + background-color: var(--control-bgColor-contrast, var(--bgColor-inset)); } &:where([data-disabled]) {