From 58096a172e37a808991d4c81fd1ac73ceaf18de4 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Wed, 18 Dec 2024 21:32:31 +0530 Subject: [PATCH] fix(select): Disabled Select should use color-background (#4191) * fix(select): use parent for background color in disabled state * fix(select): add changeset --------- Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- .changeset/hungry-countries-move.md | 6 ++++++ packages/paste-core/components/select/src/Select.tsx | 1 + 2 files changed, 7 insertions(+) create mode 100644 .changeset/hungry-countries-move.md diff --git a/.changeset/hungry-countries-move.md b/.changeset/hungry-countries-move.md new file mode 100644 index 0000000000..50efab8752 --- /dev/null +++ b/.changeset/hungry-countries-move.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/select": patch +"@twilio-paste/core": patch +--- + +[Select]: Fix wrong background color during disabled state diff --git a/packages/paste-core/components/select/src/Select.tsx b/packages/paste-core/components/select/src/Select.tsx index 5267972a6c..46fc42e505 100644 --- a/packages/paste-core/components/select/src/Select.tsx +++ b/packages/paste-core/components/select/src/Select.tsx @@ -110,6 +110,7 @@ export const SelectElement = React.forwardRef( width="100%" _disabled={{ color: variant === "inverse" ? "colorTextInverseWeakest" : "colorTextWeaker", + backgroundColor: "transparent", cursor: "not-allowed", opacity: 1, }}