fix(InputCode): shadow borderRadius not being applied on my Android (#…

…157)
GetLuko · Feb 26, 2024 · 74fa4b4 · 74fa4b4
1 parent cf44cb6
commit 74fa4b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/inputs/input-code/components/cell.tsx b/src/components/inputs/input-code/components/cell.tsx
@@ -76,7 +76,7 @@ const useStyles = ({
   const borderRadius = borderRadii.lg;
   const shadowRaddi = borderRadius + CELL_SHADOW_WIDTH;
 
-  const { shadowColor, borderColor, backgroundColor } = getInputCellColors({
+  const { borderColor, backgroundColor } = getInputCellColors({
     isDisabled,
     isFocused,
     isError,
@@ -90,7 +90,8 @@ const useStyles = ({
       right: 0,
       bottom: 0,
       borderRadius: shadowRaddi,
-      backgroundColor: shadowColor ? colors[shadowColor] : undefined,
+      backgroundColor: isError ? colors.TERRA_100 : colors.BLUKO_100,
+      opacity: isFocused ? 1 : 0,
     },
     container: {
       borderRadius: borderRadius,

diff --git a/src/components/inputs/input-code/input-code.utils.ts b/src/components/inputs/input-code/input-code.utils.ts
@@ -9,7 +9,6 @@ export const getInputCellColors = ({
   isFocused: boolean;
   isError: boolean;
 }): {
-  shadowColor?: ColorTheme;
   borderColor: ColorTheme;
   backgroundColor: ColorTheme;
 } => {
@@ -31,7 +30,6 @@ export const getInputCellColors = ({
     return {
       borderColor: 'BLUKO_500',
       backgroundColor: 'PURE_WHITE_1000',
-      shadowColor: 'BLUKO_100',
     };
   }