update dropshadow to the latest guidelines

[lokesh-sagi125]

Description

updating dropshadow according to the latest guidelines and replacing box-shadow eith appropriate dropshadow

updated the elemnts in the kds repo to use the dropshadows according to the latest guidelines and replace other elements like boxshadows with appropriate dropshadow.

Addresses #724

Changelog

• Description: Updates dropshadows to the latest design guidelines
• Products impact: Visual
• Addresses: Update dropshadows to the latest guidelines #724
• Components: All components with dropshadows
• Breaking: no
• Impacts a11y: no
• Guidance: -

[akolson]

LGTM! Thanks @lokesh-sagi125. We should be good to merge. cc @MisRob

[lokesh-sagi125]

i did run yarn lint-fix before creating a pr could you tell me whats causing this?

[akolson]

@lokesh-sagi125 there was an KSwitch.vue had a linting issue, but thats been fixed now. Thanks!

[akolson]

I'll merge once the build is complete

[lokesh-sagi125]

@akolson it was the same code , if you don't mind could you tell me why it had a linting issue , just in case i face the same issue in the future

[akolson]

@lokesh-sagi125 I only run the yarn lint-fix and that was enough to fix the issue! I suspect that you probably didn't run the the git add . before commiting the changes, as the linting command will tend to make changes to any unaligned files. Please confirm that this was the case.

[lokesh-sagi125]

@akolson yep, you're right i did not.

[akolson]

Thanks again @lokesh-sagi125 for your contribution and persistence to fix the issue! Feel free to pick up any other issue in any of our repos with the help wanted label. Looking forward to collaborating more :)

[MisRob]

Thanks both and congrats @lokesh-sagi125!