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>
twilio-labs · Dec 18, 2024 · 58096a1 · 58096a1
1 parent 77ec1d1
commit 58096a1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/hungry-countries-move.md 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
@@ -110,6 +110,7 @@ export const SelectElement = React.forwardRef<HTMLSelectElement, SelectProps>(
         width="100%"
         _disabled={{
           color: variant === "inverse" ? "colorTextInverseWeakest" : "colorTextWeaker",
+          backgroundColor: "transparent",
           cursor: "not-allowed",
           opacity: 1,
         }}