From fc29ce08803e95f1123909f274c7811ecf930345 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Tue, 17 Dec 2024 12:00:13 +0530 Subject: [PATCH 1/2] fix(select): use parent for background color in disabled state --- packages/paste-core/components/select/src/Select.tsx | 1 + 1 file changed, 1 insertion(+) 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, }} From 1c3b0d6047e2c488ed32a5ce262cfbacb95e5941 Mon Sep 17 00:00:00 2001 From: Shoaib Ahmed Date: Tue, 17 Dec 2024 12:10:18 +0530 Subject: [PATCH 2/2] fix(select): add changeset --- .changeset/hungry-countries-move.md | 6 ++++++ 1 file changed, 6 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