From 1646eb75dc11b4c281a366bc2418055322994136 Mon Sep 17 00:00:00 2001
From: vasavk <vasavi.kanamarlapudi@verizon.com>
Date: Tue, 30 Jan 2024 10:48:20 +0530
Subject: [PATCH] story:ONEAPP-6315: Updated background color, drop shadow
 according to states based on component surface.

---
 .../Icon/ButtonIcon/ButtonIcon.swift          | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/VDS/Components/Icon/ButtonIcon/ButtonIcon.swift b/VDS/Components/Icon/ButtonIcon/ButtonIcon.swift
index 85e0ae6e..dd0c0c71 100644
--- a/VDS/Components/Icon/ButtonIcon/ButtonIcon.swift
+++ b/VDS/Components/Icon/ButtonIcon/ButtonIcon.swift
@@ -181,13 +181,19 @@ open class ButtonIcon: Control {
         }()
     }
 
-    private struct LowContrastColorFillFloatingConfiguration: Configuration {
+    private struct LowContrastColorFillFloatingConfiguration: Configuration, Dropshadowable {
         var kind: Kind = .lowContrast
         var surfaceType: SurfaceType = .colorFill
         var floating: Bool = true
         var backgroundColorConfiguration: AnyColorable = {
-            SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, .clear).eraseToAnyColorable()
+            SurfaceColorConfiguration(VDSColor.paletteWhite, VDSColor.paletteGray20).eraseToAnyColorable()
         }()
+        var shadowColorConfiguration: AnyColorable  = {
+            SurfaceColorConfiguration(VDSColor.paletteBlack, VDSColor.paletteBlack).eraseToAnyColorable()
+        }()
+        var shadowOpacity: CGFloat = 0.16
+        var shadowOffset: CGSize = .init(width: 0, height: 2)
+        var shadowRadius: CGFloat = 4
     }
 
     private struct LowContrastMediaConfiguration: Configuration, Borderable {
@@ -195,11 +201,11 @@ open class ButtonIcon: Control {
         var surfaceType: SurfaceType = .media
         var floating: Bool = false
         var backgroundColorConfiguration: AnyColorable = {
-            SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, .clear).eraseToAnyColorable()
+            SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, VDSColor.backgroundPrimaryDark).eraseToAnyColorable()
         }()
         var borderWidth: CGFloat = 1.0
         var borderColorConfiguration: AnyColorable  = {
-            SurfaceColorConfiguration(VDSColor.elementsLowcontrastOnlight, .clear).eraseToAnyColorable()
+            SurfaceColorConfiguration(VDSColor.elementsLowcontrastOnlight, VDSColor.elementsLowcontrastOndark).eraseToAnyColorable()
         }()
     }
 
@@ -208,14 +214,14 @@ open class ButtonIcon: Control {
         var surfaceType: SurfaceType = .media
         var floating: Bool = true
         var backgroundColorConfiguration: AnyColorable = {
-            SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, .clear).eraseToAnyColorable()
+            SurfaceColorConfiguration(VDSColor.paletteWhite, VDSColor.paletteGray20).eraseToAnyColorable()
         }()
         var shadowColorConfiguration: AnyColorable  = {
-            SurfaceColorConfiguration(VDSColor.paletteBlack, .clear).eraseToAnyColorable()
+            SurfaceColorConfiguration(VDSColor.paletteBlack, VDSColor.paletteBlack).eraseToAnyColorable()
         }()
         var shadowOpacity: CGFloat = 0.16
         var shadowOffset: CGSize = .init(width: 0, height: 2)
-        var shadowRadius: CGFloat = 2
+        var shadowRadius: CGFloat = 4
     }
     
     private struct HighContrastConfiguration: Configuration {
@@ -232,17 +238,23 @@ open class ButtonIcon: Control {
         }()
     }
 
-    private struct HighContrastFloatingConfiguration: Configuration {
+    private struct HighContrastFloatingConfiguration: Configuration, Dropshadowable {
         var kind: Kind = .highContrast
         var surfaceType: SurfaceType = .colorFill
         var floating: Bool = true
         var backgroundColorConfiguration: AnyColorable = {
             return ControlColorConfiguration().with {
-                $0.setSurfaceColors(VDSColor.backgroundPrimaryLight, VDSColor.backgroundPrimaryLight, forState: .normal)
+                $0.setSurfaceColors(VDSColor.paletteGray20, VDSColor.paletteWhite, forState: .normal)
                 $0.setSurfaceColors(VDSColor.interactiveActiveOnlight, VDSColor.interactiveActiveOndark, forState: .highlighted)
                 $0.setSurfaceColors(VDSColor.interactiveDisabledOnlight, VDSColor.interactiveDisabledOndark, forState: .disabled)
             }.eraseToAnyColorable()
         }()
+        var shadowColorConfiguration: AnyColorable  = {
+            SurfaceColorConfiguration(VDSColor.paletteBlack, VDSColor.paletteBlack).eraseToAnyColorable()
+        }()
+        var shadowOpacity: CGFloat = 0.16
+        var shadowOffset: CGSize = .init(width: 0, height: 2)
+        var shadowRadius: CGFloat = 6
     }
         
     //--------------------------------------------------