From ec7d316e166ba5f499edc71cb302f13b9e0c944a Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Wed, 2 Jul 2025 09:06:31 -0700 Subject: [PATCH 1/2] add var --- .../react/src/internal/components/TextInputWrapper.module.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) 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]) { From b7cf0d52be710df158d7dcc737e37c4160a37a25 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Wed, 2 Jul 2025 09:07:48 -0700 Subject: [PATCH 2/2] Create itchy-rice-rescue.md --- .changeset/itchy-rice-rescue.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/itchy-rice-rescue.md 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`