feat(ui-themes,shared-types): add new shadow tokens

INSTUI-4556

Author: HerrTopi

packages/shared-types/src/BaseTheme.ts

@@ -65,6 +65,9 @@ type Shadows = {
   resting: string
   above: string
   topmost: string
+
+  card: string
+  cardHover: string
 }
 
 type Spacing = {

packages/ui-themes/src/sharedThemeTokens/shadows.ts

@@ -27,7 +27,7 @@ import { Shadows } from '@instructure/shared-types'
 // use for consistent box shadows
 const values = [
   '0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)',
-  '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)',
+  '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15)',
   '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'
 ]
 
@@ -38,7 +38,10 @@ const shadows: Shadows = Object.freeze<Shadows>({
 
   resting: values[0],
   above: values[1],
-  topmost: values[2]
+  topmost: values[2],
+
+  card: values[0],
+  cardHover: values[2]
 } as const)
 
 export default shadows