UNPKG

@aws-amplify/ui

Version:

`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.

github.com/aws-amplify/amplify-ui

aws-amplify/amplify-ui

103 lines (101 loc) • 4.18 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
const message = { // Default styles alignItems: { value: 'center' }, backgroundColor: { value: '{colors.background.tertiary.value}' }, borderColor: { value: 'transparent' }, borderStyle: { value: 'solid' }, borderWidth: { value: '{borderWidths.small.value}' }, borderRadius: { value: '{radii.xs.value}' }, color: { value: '{colors.font.primary.value}' }, justifyContent: { value: 'flex-start' }, paddingBlock: { value: '{space.small.value}' }, paddingInline: { value: '{space.medium.value}' }, lineHeight: { value: '{lineHeights.small.value}' }, icon: { size: { value: '{fontSizes.xl.value}' }, }, heading: { fontSize: { value: '{fontSizes.medium.value}' }, fontWeight: { value: '{fontWeights.bold.value}' }, }, dismiss: { gap: { value: '{space.xxs.value}' }, }, // Variations plain: { color: { value: '{colors.font.primary.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: 'transparent' }, info: { color: { value: '{colors.font.info.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: 'transparent' }, }, error: { color: { value: '{colors.font.error.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: 'transparent' }, }, success: { color: { value: '{colors.font.success.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: 'transparent' }, }, warning: { color: { value: '{colors.font.warning.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: 'transparent' }, }, }, outlined: { color: { value: '{colors.font.primary.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: '{colors.border.primary.value}' }, info: { color: { value: '{colors.font.info.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: '{colors.border.info.value}' }, }, error: { color: { value: '{colors.font.error.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: '{colors.border.error.value}' }, }, success: { color: { value: '{colors.font.success.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: '{colors.border.success.value}' }, }, warning: { color: { value: '{colors.font.warning.value}' }, backgroundColor: { value: '{colors.background.primary.value}' }, borderColor: { value: '{colors.border.warning.value}' }, }, }, filled: { color: { value: '{colors.font.primary.value}' }, backgroundColor: { value: '{colors.background.secondary.value}' }, borderColor: { value: 'transparent' }, info: { color: { value: '{colors.font.info.value}' }, backgroundColor: { value: '{colors.background.info.value}' }, borderColor: { value: 'transparent' }, }, error: { color: { value: '{colors.font.error.value}' }, backgroundColor: { value: '{colors.background.error.value}' }, borderColor: { value: 'transparent' }, }, success: { color: { value: '{colors.font.success.value}' }, backgroundColor: { value: '{colors.background.success.value}' }, borderColor: { value: 'transparent' }, }, warning: { color: { value: '{colors.font.warning.value}' }, backgroundColor: { value: '{colors.background.warning.value}' }, borderColor: { value: 'transparent' }, }, }, }; export { message };