@reown/appkit-ui 1.5.1 → 1.5.3-ae9267.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
export function generateRgbaColors({ rgb, name, multiplier = 2, start = 1, end = 10 }) {
|
|
2
|
+
const length = end - start + 1;
|
|
3
|
+
const opacities = Array.from({ length }, (_, i) => (start + i) * 10);
|
|
4
|
+
return Object.fromEntries(opacities.map(value => {
|
|
5
|
+
const multiplied = value * multiplier;
|
|
6
|
+
const opacity = multiplied / 100;
|
|
7
|
+
const key = `${name}${multiplied.toString().padStart(3, '0')}`;
|
|
8
|
+
return [key, `rgba(${rgb}, ${opacity})`];
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
export const colors = {
|
|
12
|
+
black: '#202020',
|
|
13
|
+
white: '#FFFFFF',
|
|
14
|
+
...generateRgbaColors({ name: 'accent', rgb: '9, 136, 240' }),
|
|
15
|
+
...generateRgbaColors({ name: 'accentSecondary', rgb: '199, 185, 148' }),
|
|
16
|
+
productWalletKit: '#FFB800',
|
|
17
|
+
productAppKit: '#FF573B',
|
|
18
|
+
productCloud: '#0988F0',
|
|
19
|
+
productDocumentation: '#008847',
|
|
20
|
+
neutrals050: '#F6F6F6',
|
|
21
|
+
neutrals100: '#F3F3F3',
|
|
22
|
+
neutrals200: '#E9E9E9',
|
|
23
|
+
neutrals300: '#D0D0D0',
|
|
24
|
+
neutrals400: '#BBB',
|
|
25
|
+
neutrals500: '#9A9A9A',
|
|
26
|
+
neutrals600: '#6C6C6C',
|
|
27
|
+
neutrals700: '#4F4F4F',
|
|
28
|
+
neutrals800: '#363636',
|
|
29
|
+
neutrals900: '#2A2A2A',
|
|
30
|
+
neutrals1000: '#252525',
|
|
31
|
+
...generateRgbaColors({ name: 'semanticSuccess', rgb: '48, 164, 107' }),
|
|
32
|
+
...generateRgbaColors({ name: 'semanticError', rgb: '223, 74, 52' }),
|
|
33
|
+
...generateRgbaColors({ name: 'semanticWarning', rgb: '243, 161, 63' })
|
|
34
|
+
};
|
|
35
|
+
export const tokens = {
|
|
36
|
+
core: {
|
|
37
|
+
backgroundAccentPrimary: '#0988F0',
|
|
38
|
+
backgroundAccentCertified: '#C7B994',
|
|
39
|
+
backgroundWalletKit: '#FFB800',
|
|
40
|
+
backgroundAppKit: '#FF573B',
|
|
41
|
+
backgroundCloud: '#0988F0',
|
|
42
|
+
backgroundDocumentation: '#008847',
|
|
43
|
+
backgroundSuccess: 'rgba(48, 164, 107, 0.20)',
|
|
44
|
+
backgroundError: 'rgba(223, 74, 52, 0.20)',
|
|
45
|
+
backgroundWarning: 'rgba(243, 161, 63, 0.20)',
|
|
46
|
+
textAccentPrimary: '#0988F0',
|
|
47
|
+
textAccentCertified: '#C7B994',
|
|
48
|
+
textWalletKit: '#FFB800',
|
|
49
|
+
textAppKit: '#FF573B',
|
|
50
|
+
textCloud: '#0988F0',
|
|
51
|
+
textDocumentation: '#008847',
|
|
52
|
+
textSuccess: '#30A46B',
|
|
53
|
+
textError: '#DF4A34',
|
|
54
|
+
textWarning: '#F3A13F',
|
|
55
|
+
borderAccentPrimary: '#0988F0',
|
|
56
|
+
borderSecondary: '#C7B994',
|
|
57
|
+
borderSuccess: '#30A46B',
|
|
58
|
+
borderError: '#DF4A34',
|
|
59
|
+
borderWarning: '#F3A13F',
|
|
60
|
+
...generateRgbaColors({
|
|
61
|
+
name: 'foregroundAccent',
|
|
62
|
+
start: 1,
|
|
63
|
+
multiplier: 2,
|
|
64
|
+
end: 3,
|
|
65
|
+
rgb: '9, 136, 240'
|
|
66
|
+
}),
|
|
67
|
+
...generateRgbaColors({
|
|
68
|
+
name: 'foregroundSecondary',
|
|
69
|
+
start: 1,
|
|
70
|
+
multiplier: 2,
|
|
71
|
+
end: 3,
|
|
72
|
+
rgb: '199, 185, 148'
|
|
73
|
+
}),
|
|
74
|
+
iconAccentPrimary: '#0988F0',
|
|
75
|
+
iconAccentCertified: '#C7B994',
|
|
76
|
+
iconSuccess: '#0988F0',
|
|
77
|
+
iconError: '#DF4A34',
|
|
78
|
+
iconWarning: '#F3A13F'
|
|
79
|
+
},
|
|
80
|
+
dark: {
|
|
81
|
+
backgroundPrimary: '#202020',
|
|
82
|
+
backgroundInvert: '#FFFFFF',
|
|
83
|
+
textPrimary: '#FFFFFF',
|
|
84
|
+
textSecondary: '#9A9A9A',
|
|
85
|
+
textTertiary: '#BBBBBB',
|
|
86
|
+
textInvert: '#363636',
|
|
87
|
+
borderPrimary: '#2A2A2A',
|
|
88
|
+
borderSecondary: '#4F4F4F',
|
|
89
|
+
foregroundPrimary: '#2A2A2A',
|
|
90
|
+
foregroundSecondary: '#363636',
|
|
91
|
+
foregroundTertiary: '#4F4F4F',
|
|
92
|
+
iconDefault: '#9A9A9A',
|
|
93
|
+
iconInverse: '#FFFFFF'
|
|
94
|
+
},
|
|
95
|
+
light: {
|
|
96
|
+
backgroundPrimary: '#202020',
|
|
97
|
+
backgroundInvert: '#FFFFFF',
|
|
98
|
+
textPrimary: '#202020',
|
|
99
|
+
textSecondary: '#9A9A9A',
|
|
100
|
+
textTertiary: '#6C6C6C',
|
|
101
|
+
textInvert: '#FFFFFF',
|
|
102
|
+
borderPrimary: '#E9E9E9',
|
|
103
|
+
borderSecondary: '#D0D0D0',
|
|
104
|
+
foregroundPrimary: '#F3F3F3',
|
|
105
|
+
foregroundSecondary: '#E9E9E9',
|
|
106
|
+
foregroundTertiary: '#D0D0D0',
|
|
107
|
+
iconDefault: '#9A9A9A',
|
|
108
|
+
iconInverse: '#202020'
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
export const radii = {
|
|
112
|
+
xs: '4px',
|
|
113
|
+
sm: '4px',
|
|
114
|
+
md: '8px',
|
|
115
|
+
lg: '16px',
|
|
116
|
+
xl: '32px',
|
|
117
|
+
'80': '80px',
|
|
118
|
+
'128': '128px',
|
|
119
|
+
'256': '256px',
|
|
120
|
+
'512': '512px',
|
|
121
|
+
round: '999px'
|
|
122
|
+
};
|
|
123
|
+
export const spacing = {
|
|
124
|
+
'2': '2px',
|
|
125
|
+
'4': '4px',
|
|
126
|
+
'8': '8px',
|
|
127
|
+
'12': '12px',
|
|
128
|
+
'16': '16px',
|
|
129
|
+
'20': '20px',
|
|
130
|
+
'24': '24px',
|
|
131
|
+
'28': '28px',
|
|
132
|
+
'32': '32px',
|
|
133
|
+
'36': '36px',
|
|
134
|
+
'40': '40px',
|
|
135
|
+
'48': '48px',
|
|
136
|
+
'56': '56px',
|
|
137
|
+
'64': '64px',
|
|
138
|
+
'80': '80px',
|
|
139
|
+
'128': '128px',
|
|
140
|
+
'256': '256px'
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=ThemeUtilV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeUtilV2.js","sourceRoot":"","sources":["../../../../src/utils/ThemeUtilV2.ts"],"names":[],"mappings":"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"}
|