UNPKG

@bytebeans/macaw-ui

Version:

Saleor's UI component library

macaw-ui.vercel.app

bytebeans/macaw-ui

34 lines (31 loc) • 1.02 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import type { ThemeOptions } from "@material-ui/core/styles"; const createShadow = (pv: number, pb: number, ps: number) => `0 ${pv}px ${pb}px ${ps}px rgba(0, 0, 0, 0.15)`; export const shadows: ThemeOptions["shadows"] = [ "none", createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), // This one is special as it's used in dropdowns createShadow(6, 30, 0), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), createShadow(24, 20, -20), ];