diff --git a/src/components/inputs/input-code/components/cell.tsx b/src/components/inputs/input-code/components/cell.tsx index 9ee951c3..3be5ae33 100644 --- 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 index 4c79f82a..60919931 100644 --- 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', }; }