update focused and disabled styles

javiert-okta · javiert-okta · commit 2993e82b16fc · 2025-09-15T11:13:44.000-05:00
diff --git a/src/libs/theme/styles/globals.scss b/src/libs/theme/styles/globals.scss
@@ -523,8 +523,9 @@ $picker-list-offset-lg: calc(($picker-list-width-lg - $picker-width-lg) / 2);
 }
 
 .react-select__control--is-focused {
-  border-color: var(--color_border_focus) !important;
-  box-shadow: 0 0 0 1px var(--color_border_focus) !important;
+  transition: 0.2s ease-out;
+  border-color: var(--color_border_default) !important;
+  box-shadow: 0 0 0 3px var(--color_border_default) !important;
 }
 
 .react-select__value-container {
@@ -637,7 +638,7 @@ $picker-list-offset-lg: calc(($picker-list-width-lg - $picker-width-lg) / 2);
 .react-select__option--is-disabled {
   color: var(--color_fg_bold) !important;
   font-weight: 500;
-  opacity: 0.32;
+  opacity: 0.32 !important;
   cursor: not-allowed !important;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -523,8 +523,9 @@ $picker-list-offset-lg: calc(($picker-list-width-lg - $picker-width-lg) / 2);`
`523`	`523`	`}`
`524`	`524`
`525`	`525`	`.react-select__control--is-focused {`
`526`		`- border-color: var(--color_border_focus) !important;`
`527`		`- box-shadow: 0 0 0 1px var(--color_border_focus) !important;`
	`526`	`+ transition: 0.2s ease-out;`
	`527`	`+ border-color: var(--color_border_default) !important;`
	`528`	`+ box-shadow: 0 0 0 3px var(--color_border_default) !important;`
`528`	`529`	`}`
`529`	`530`
`530`	`531`	`.react-select__value-container {`
`@@ -637,7 +638,7 @@ $picker-list-offset-lg: calc(($picker-list-width-lg - $picker-width-lg) / 2);`
`637`	`638`	`.react-select__option--is-disabled {`
`638`	`639`	`color: var(--color_fg_bold) !important;`
`639`	`640`	`font-weight: 500;`
`640`		`- opacity: 0.32;`
	`641`	`+ opacity: 0.32 !important;`
`641`	`642`	`cursor: not-allowed !important;`
`642`	`643`	`}`
`643`	`644`