diff --git a/src/components/Button/theme/configs/index.ts b/src/components/Button/theme/configs/index.ts index cc915fe..5260932 100644 --- a/src/components/Button/theme/configs/index.ts +++ b/src/components/Button/theme/configs/index.ts @@ -92,18 +92,6 @@ export const stlyeConfig = { main: scaledForDevice(50, moderateScale), secondary: scaledForDevice(42, moderateScale), }, - shadow: { - // android - shadowColor: '#000', - elevation: 5, - // IOS - shadowOpacity: 0.25, - shadowRadius: 3.84, - shadowOffset: { - width: 0, - height: scaledForDevice(3, moderateScale), - }, - }, }, directionWrapper: { center: { diff --git a/src/components/Button/utils/index.test.ts b/src/components/Button/utils/index.test.ts index 7f9df56..72dd890 100644 --- a/src/components/Button/utils/index.test.ts +++ b/src/components/Button/utils/index.test.ts @@ -33,11 +33,6 @@ describe('getMixedButtonStyles util', () => { backgroundColor: '#DDDFE2', paddingHorizontal: 16.5, paddingVertical: 21, - shadowColor: '#000', - elevation: 5, - shadowOpacity: 0.25, - shadowRadius: 3.84, - shadowOffset: {width: 0, height: 6.5}, }, direction: { justifyContent: 'center', diff --git a/src/components/Button/utils/index.ts b/src/components/Button/utils/index.ts index b137180..74ea6cc 100644 --- a/src/components/Button/utils/index.ts +++ b/src/components/Button/utils/index.ts @@ -47,7 +47,6 @@ const containerStyle = ({ const disabledBorderColor = disabled.border[validType][validVariant]; const containerHeight = container.height[validType]; - const containerShadow = container.shadow; // main and pressed button colors const mainColor = isPressed ? pressedBgColor : mainBgColor; @@ -56,9 +55,6 @@ const containerStyle = ({ // validation of height const hasVerticalHeight = verticalHeights.includes(iconPosition); - // validation of shadow - const hasShadow = type === 'secondary' && variant === 'outlined'; - return { borderWidth: 1, borderColor: isDisabled || isLoading ? disabledBorderColor : borderColor, @@ -68,7 +64,6 @@ const containerStyle = ({ ...(!hasVerticalHeight && { height: variant !== 'text' ? containerHeight : scaledForDevice(35, moderateScale), }), - ...(hasShadow && containerShadow), }; };