@depersgroep/lfvp-design-tokens 0.384.0 → 0.385.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.
- package/package.json +1 -1
- package/tokens/$metadata.json +27 -25
- package/tokens/$themes.json +12 -4
- package/tokens/base/color.json +16 -4
- package/tokens/brands/rtlplay.json +83 -17
- package/tokens/brands/streamz.json +76 -10
- package/tokens/brands/vtmgo.json +79 -13
- package/tokens/brands/whitelabel.json +75 -9
- package/tokens/components/badge.json +108 -0
- package/tokens/components/box.json +3 -8
- package/tokens/components/button.json +76 -12
- package/tokens/components/detail-header.json +20 -7
- package/tokens/components/input.json +0 -4
- package/tokens/components/navigation.json +26 -0
- package/tokens/components/toggle.json +98 -14
- package/tokens/components/top-banner.json +2 -2
- package/tokens/components/tv-button-list.json +114 -0
- package/tokens/components/tv-hero.json +13 -0
- package/tokens/core.json +24 -12
- package/tokens/screen/large.json +0 -12
- package/tokens/screen/medium.json +0 -12
- package/tokens/screen/small.json +5 -1
- package/tokens/screen/tv.json +101 -13
- package/tokens/components/chapter-swimlane.json +0 -8
|
@@ -178,6 +178,20 @@
|
|
|
178
178
|
"$type": "color",
|
|
179
179
|
"$value": "{core.color.lightAlpha.70}"
|
|
180
180
|
}
|
|
181
|
+
},
|
|
182
|
+
"focus": {
|
|
183
|
+
"iconColor": {
|
|
184
|
+
"$type": "color",
|
|
185
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
186
|
+
},
|
|
187
|
+
"backgroundColor": {
|
|
188
|
+
"$type": "color",
|
|
189
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
190
|
+
},
|
|
191
|
+
"textColor": {
|
|
192
|
+
"$type": "color",
|
|
193
|
+
"$value": "{base.color.ui.white}"
|
|
194
|
+
}
|
|
181
195
|
}
|
|
182
196
|
},
|
|
183
197
|
"sideNavigation": {
|
|
@@ -245,6 +259,18 @@
|
|
|
245
259
|
"iconColor": {
|
|
246
260
|
"$type": "color",
|
|
247
261
|
"$value": "{base.color.titleBar.iconColor}"
|
|
262
|
+
},
|
|
263
|
+
"alpha1": {
|
|
264
|
+
"$type": "color",
|
|
265
|
+
"$value": "{core.color.darkAlpha.95}"
|
|
266
|
+
},
|
|
267
|
+
"alpha2": {
|
|
268
|
+
"$type": "color",
|
|
269
|
+
"$value": "{core.color.darkAlpha.90}"
|
|
270
|
+
},
|
|
271
|
+
"alpha3": {
|
|
272
|
+
"$type": "color",
|
|
273
|
+
"$value": "{core.color.darkAlpha.70}"
|
|
248
274
|
}
|
|
249
275
|
},
|
|
250
276
|
"topNavigationLogo": {
|
|
@@ -4,21 +4,37 @@
|
|
|
4
4
|
"normal": {
|
|
5
5
|
"backgroundColor": {
|
|
6
6
|
"$type": "color",
|
|
7
|
-
"$value": "{base.color.ui.
|
|
7
|
+
"$value": "{base.color.ui.dark4}"
|
|
8
8
|
},
|
|
9
9
|
"handleColor": {
|
|
10
10
|
"$type": "color",
|
|
11
|
-
"$value": "{base.color.
|
|
11
|
+
"$value": "{base.color.text.subtle}"
|
|
12
|
+
},
|
|
13
|
+
"borderColor": {
|
|
14
|
+
"$type": "color",
|
|
15
|
+
"$value": "{base.color.ui.accent1}"
|
|
16
|
+
},
|
|
17
|
+
"iconColor": {
|
|
18
|
+
"$type": "color",
|
|
19
|
+
"$value": "{base.color.ui.accent2}"
|
|
12
20
|
}
|
|
13
21
|
},
|
|
14
22
|
"hover": {
|
|
15
23
|
"backgroundColor": {
|
|
16
24
|
"$type": "color",
|
|
17
|
-
"$value": "{
|
|
25
|
+
"$value": "{base.color.ui.dark4}"
|
|
18
26
|
},
|
|
19
27
|
"handleColor": {
|
|
20
28
|
"$type": "color",
|
|
21
|
-
"$value": "{base.color.
|
|
29
|
+
"$value": "{base.color.text.subtle}"
|
|
30
|
+
},
|
|
31
|
+
"borderColor": {
|
|
32
|
+
"$type": "color",
|
|
33
|
+
"$value": "{base.color.ui.accent2}"
|
|
34
|
+
},
|
|
35
|
+
"iconColor": {
|
|
36
|
+
"$type": "color",
|
|
37
|
+
"$value": "{base.color.ui.accent2}"
|
|
22
38
|
}
|
|
23
39
|
},
|
|
24
40
|
"active": {
|
|
@@ -26,19 +42,35 @@
|
|
|
26
42
|
"$type": "color",
|
|
27
43
|
"$value": "{core.color.neutrals.40}"
|
|
28
44
|
},
|
|
45
|
+
"iconColor": {
|
|
46
|
+
"$type": "color",
|
|
47
|
+
"$value": "{base.color.text.subtle}"
|
|
48
|
+
},
|
|
49
|
+
"borderColor": {
|
|
50
|
+
"$type": "color",
|
|
51
|
+
"$value": "{base.color.ui.accent2}"
|
|
52
|
+
},
|
|
29
53
|
"handleColor": {
|
|
30
54
|
"$type": "color",
|
|
31
|
-
"$value": "{base.color.ui.
|
|
55
|
+
"$value": "{base.color.ui.accent2}"
|
|
32
56
|
}
|
|
33
57
|
},
|
|
34
58
|
"focus": {
|
|
35
59
|
"backgroundColor": {
|
|
36
60
|
"$type": "color",
|
|
37
|
-
"$value": "{base.color.ui.
|
|
61
|
+
"$value": "{base.color.ui.dark4}"
|
|
38
62
|
},
|
|
39
63
|
"handleColor": {
|
|
40
64
|
"$type": "color",
|
|
41
|
-
"$value": "{base.color.
|
|
65
|
+
"$value": "{base.color.text.subtle}"
|
|
66
|
+
},
|
|
67
|
+
"borderColor": {
|
|
68
|
+
"$type": "color",
|
|
69
|
+
"$value": "{base.color.ui.accent1}"
|
|
70
|
+
},
|
|
71
|
+
"iconColor": {
|
|
72
|
+
"$type": "color",
|
|
73
|
+
"$value": "{base.color.ui.accent2}"
|
|
42
74
|
}
|
|
43
75
|
},
|
|
44
76
|
"disabled": {
|
|
@@ -49,6 +81,14 @@
|
|
|
49
81
|
"handleColor": {
|
|
50
82
|
"$type": "color",
|
|
51
83
|
"$value": "{base.color.ui.accent2}"
|
|
84
|
+
},
|
|
85
|
+
"borderColor": {
|
|
86
|
+
"$type": "color",
|
|
87
|
+
"$value": "transparent"
|
|
88
|
+
},
|
|
89
|
+
"iconColor": {
|
|
90
|
+
"$type": "color",
|
|
91
|
+
"$value": "{base.color.ui.accent2}"
|
|
52
92
|
}
|
|
53
93
|
}
|
|
54
94
|
},
|
|
@@ -61,6 +101,14 @@
|
|
|
61
101
|
"handleColor": {
|
|
62
102
|
"$type": "color",
|
|
63
103
|
"$value": "{base.color.ui.white}"
|
|
104
|
+
},
|
|
105
|
+
"borderColor": {
|
|
106
|
+
"$type": "color",
|
|
107
|
+
"$value": "transparent"
|
|
108
|
+
},
|
|
109
|
+
"iconColor": {
|
|
110
|
+
"$type": "color",
|
|
111
|
+
"$value": "{base.color.ui.white}"
|
|
64
112
|
}
|
|
65
113
|
},
|
|
66
114
|
"hover": {
|
|
@@ -71,6 +119,14 @@
|
|
|
71
119
|
"handleColor": {
|
|
72
120
|
"$type": "color",
|
|
73
121
|
"$value": "{base.color.ui.white}"
|
|
122
|
+
},
|
|
123
|
+
"borderColor": {
|
|
124
|
+
"$type": "color",
|
|
125
|
+
"$value": "transparent"
|
|
126
|
+
},
|
|
127
|
+
"iconColor": {
|
|
128
|
+
"$type": "color",
|
|
129
|
+
"$value": "{base.color.ui.white}"
|
|
74
130
|
}
|
|
75
131
|
},
|
|
76
132
|
"active": {
|
|
@@ -78,6 +134,14 @@
|
|
|
78
134
|
"$type": "color",
|
|
79
135
|
"$value": "{base.color.primary.darkest}"
|
|
80
136
|
},
|
|
137
|
+
"iconColor": {
|
|
138
|
+
"$type": "color",
|
|
139
|
+
"$value": "{base.color.ui.white}"
|
|
140
|
+
},
|
|
141
|
+
"borderColor": {
|
|
142
|
+
"$type": "color",
|
|
143
|
+
"$value": "transparent"
|
|
144
|
+
},
|
|
81
145
|
"handleColor": {
|
|
82
146
|
"$type": "color",
|
|
83
147
|
"$value": "{base.color.ui.white}"
|
|
@@ -91,6 +155,14 @@
|
|
|
91
155
|
"handleColor": {
|
|
92
156
|
"$type": "color",
|
|
93
157
|
"$value": "{base.color.ui.white}"
|
|
158
|
+
},
|
|
159
|
+
"borderColor": {
|
|
160
|
+
"$type": "color",
|
|
161
|
+
"$value": "transparent"
|
|
162
|
+
},
|
|
163
|
+
"iconColor": {
|
|
164
|
+
"$type": "color",
|
|
165
|
+
"$value": "{base.color.ui.white}"
|
|
94
166
|
}
|
|
95
167
|
},
|
|
96
168
|
"disabled": {
|
|
@@ -101,14 +173,22 @@
|
|
|
101
173
|
"handleColor": {
|
|
102
174
|
"$type": "color",
|
|
103
175
|
"$value": "{base.color.ui.accent2}"
|
|
176
|
+
},
|
|
177
|
+
"borderColor": {
|
|
178
|
+
"$type": "color",
|
|
179
|
+
"$value": "transparent"
|
|
180
|
+
},
|
|
181
|
+
"iconColor": {
|
|
182
|
+
"$type": "color",
|
|
183
|
+
"$value": "{base.color.ui.accent2}"
|
|
104
184
|
}
|
|
105
185
|
}
|
|
106
186
|
},
|
|
187
|
+
"boxShadow": {
|
|
188
|
+
"$type": "boxShadow",
|
|
189
|
+
"$value": "{core.boxShadow.1}"
|
|
190
|
+
},
|
|
107
191
|
"default": {
|
|
108
|
-
"boxShadow": {
|
|
109
|
-
"$type": "boxShadow",
|
|
110
|
-
"$value": "{core.boxShadow.1}"
|
|
111
|
-
},
|
|
112
192
|
"focus": {
|
|
113
193
|
"borderColor": {
|
|
114
194
|
"$type": "color",
|
|
@@ -118,21 +198,25 @@
|
|
|
118
198
|
},
|
|
119
199
|
"width": {
|
|
120
200
|
"$type": "sizing",
|
|
121
|
-
"$value": "{toggleHandle.size}*
|
|
201
|
+
"$value": "{toggleHandle.size}*2.5"
|
|
122
202
|
},
|
|
123
203
|
"borderRadius": {
|
|
124
204
|
"$type": "borderRadius",
|
|
125
205
|
"$value": "{core.borderRadius.full}"
|
|
206
|
+
},
|
|
207
|
+
"borderWidth": {
|
|
208
|
+
"$type": "borderWidth",
|
|
209
|
+
"$value": "{core.borderWidth.3}"
|
|
126
210
|
}
|
|
127
211
|
},
|
|
128
212
|
"toggleHandle": {
|
|
129
213
|
"size": {
|
|
130
214
|
"$type": "sizing",
|
|
131
|
-
"$value": "{core.sizing.
|
|
215
|
+
"$value": "{core.sizing.24}"
|
|
132
216
|
},
|
|
133
217
|
"offset": {
|
|
134
218
|
"$type": "sizing",
|
|
135
|
-
"$value": "
|
|
219
|
+
"$value": "4"
|
|
136
220
|
}
|
|
137
221
|
}
|
|
138
222
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"topBanner": {
|
|
3
3
|
"leftGradient": {
|
|
4
4
|
"$type": "color",
|
|
5
|
-
"$value": "linear-gradient(90deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.0}
|
|
5
|
+
"$value": "linear-gradient(90deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.40} 40%, {core.color.darkAlpha.0} 60%, {core.color.darkAlpha.0} 100%)"
|
|
6
6
|
},
|
|
7
7
|
"bottomGradient": {
|
|
8
8
|
"$type": "color",
|
|
9
|
-
"$value": "linear-gradient(0deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.
|
|
9
|
+
"$value": "linear-gradient(0deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.15} 10%, {core.color.darkAlpha.0} 100%)"
|
|
10
10
|
},
|
|
11
11
|
"title": {
|
|
12
12
|
"$type": "typography",
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tvButtonList": {
|
|
3
|
+
"gap": {
|
|
4
|
+
"$type": "spacing",
|
|
5
|
+
"$value": "{base.ui.spacing.fixed.sp4}"
|
|
6
|
+
}
|
|
7
|
+
},
|
|
8
|
+
"tvSelectableButtonList": {
|
|
9
|
+
"unselected": {
|
|
10
|
+
"normal": {
|
|
11
|
+
"backgroundColor": {
|
|
12
|
+
"$type": "color",
|
|
13
|
+
"$value": "transparent"
|
|
14
|
+
},
|
|
15
|
+
"textColor": {
|
|
16
|
+
"$type": "color",
|
|
17
|
+
"$value": "{core.color.lightAlpha.70}"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"hover": {
|
|
21
|
+
"backgroundColor": {
|
|
22
|
+
"$type": "color",
|
|
23
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
24
|
+
},
|
|
25
|
+
"textColor": {
|
|
26
|
+
"$type": "color",
|
|
27
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"active": {
|
|
31
|
+
"backgroundColor": {
|
|
32
|
+
"$type": "color",
|
|
33
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
34
|
+
},
|
|
35
|
+
"textColor": {
|
|
36
|
+
"$type": "color",
|
|
37
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
"disabled": {
|
|
41
|
+
"backgroundColor": {
|
|
42
|
+
"$type": "color",
|
|
43
|
+
"$value": "transparent"
|
|
44
|
+
},
|
|
45
|
+
"textColor": {
|
|
46
|
+
"$type": "color",
|
|
47
|
+
"$value": "{core.color.lightAlpha.40}"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"focus": {
|
|
51
|
+
"backgroundColor": {
|
|
52
|
+
"$type": "color",
|
|
53
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
54
|
+
},
|
|
55
|
+
"textColor": {
|
|
56
|
+
"$type": "color",
|
|
57
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"selected": {
|
|
62
|
+
"normal": {
|
|
63
|
+
"backgroundColor": {
|
|
64
|
+
"$type": "color",
|
|
65
|
+
"$value": "{core.color.softAlpha.50}"
|
|
66
|
+
},
|
|
67
|
+
"textColor": {
|
|
68
|
+
"$type": "color",
|
|
69
|
+
"$value": "{base.color.text.default}"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"hover": {
|
|
73
|
+
"backgroundColor": {
|
|
74
|
+
"$type": "color",
|
|
75
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
76
|
+
},
|
|
77
|
+
"textColor": {
|
|
78
|
+
"$type": "color",
|
|
79
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
"active": {
|
|
83
|
+
"backgroundColor": {
|
|
84
|
+
"$type": "color",
|
|
85
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
86
|
+
},
|
|
87
|
+
"textColor": {
|
|
88
|
+
"$type": "color",
|
|
89
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"disabled": {
|
|
93
|
+
"backgroundColor": {
|
|
94
|
+
"$type": "color",
|
|
95
|
+
"$value": "transparent"
|
|
96
|
+
},
|
|
97
|
+
"iconColor": {
|
|
98
|
+
"$type": "color",
|
|
99
|
+
"$value": "{core.color.lightAlpha.40}"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
"focus": {
|
|
103
|
+
"backgroundColor": {
|
|
104
|
+
"$type": "color",
|
|
105
|
+
"$value": "{base.colorSet.interaction.normal}"
|
|
106
|
+
},
|
|
107
|
+
"textColor": {
|
|
108
|
+
"$type": "color",
|
|
109
|
+
"$value": "{base.colorSet.interaction.onNormal}"
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tvHero": {
|
|
3
|
+
"title": {
|
|
4
|
+
"$type": "typography",
|
|
5
|
+
"$value": {
|
|
6
|
+
"fontFamily": "{base.heroFont}",
|
|
7
|
+
"fontWeight": "{base.fontWeight.title}",
|
|
8
|
+
"lineHeight": "{core.lineHeight.120}",
|
|
9
|
+
"fontSize": "{core.fontSize.28}*{scale.title}"
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
package/tokens/core.json
CHANGED
|
@@ -71,29 +71,41 @@
|
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
73
|
"fontWeight": {
|
|
74
|
-
"
|
|
74
|
+
"100": {
|
|
75
|
+
"$type": "fontWeights",
|
|
76
|
+
"$value": "100"
|
|
77
|
+
},
|
|
78
|
+
"200": {
|
|
79
|
+
"$type": "fontWeights",
|
|
80
|
+
"$value": "200"
|
|
81
|
+
},
|
|
82
|
+
"300": {
|
|
83
|
+
"$type": "fontWeights",
|
|
84
|
+
"$value": "300"
|
|
85
|
+
},
|
|
86
|
+
"400": {
|
|
75
87
|
"$type": "fontWeights",
|
|
76
|
-
"$value": "
|
|
88
|
+
"$value": "400"
|
|
77
89
|
},
|
|
78
|
-
"
|
|
90
|
+
"500": {
|
|
79
91
|
"$type": "fontWeights",
|
|
80
|
-
"$value": "
|
|
92
|
+
"$value": "500"
|
|
81
93
|
},
|
|
82
|
-
"
|
|
94
|
+
"600": {
|
|
83
95
|
"$type": "fontWeights",
|
|
84
|
-
"$value": "
|
|
96
|
+
"$value": "600"
|
|
85
97
|
},
|
|
86
|
-
"
|
|
98
|
+
"700": {
|
|
87
99
|
"$type": "fontWeights",
|
|
88
|
-
"$value": "
|
|
100
|
+
"$value": "700"
|
|
89
101
|
},
|
|
90
|
-
"
|
|
102
|
+
"800": {
|
|
91
103
|
"$type": "fontWeights",
|
|
92
|
-
"$value": "
|
|
104
|
+
"$value": "800"
|
|
93
105
|
},
|
|
94
|
-
"
|
|
106
|
+
"900": {
|
|
95
107
|
"$type": "fontWeights",
|
|
96
|
-
"$value": "
|
|
108
|
+
"$value": "900"
|
|
97
109
|
}
|
|
98
110
|
},
|
|
99
111
|
"fontSize": {
|
package/tokens/screen/large.json
CHANGED
|
@@ -29,12 +29,6 @@
|
|
|
29
29
|
"$value": "1.3"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
"topBanner": {
|
|
33
|
-
"bottomGradient": {
|
|
34
|
-
"$type": "color",
|
|
35
|
-
"$value": "linear-gradient(0deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.0} 50%, {core.color.darkAlpha.0} 100%)"
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
32
|
"midBanner": {
|
|
39
33
|
"bottomGradient": {
|
|
40
34
|
"$type": "color",
|
|
@@ -129,11 +123,5 @@
|
|
|
129
123
|
"fontSize": "{core.fontSize.28}*{scale.title}"
|
|
130
124
|
}
|
|
131
125
|
}
|
|
132
|
-
},
|
|
133
|
-
"chapterSwimlane": {
|
|
134
|
-
"overlayColor": {
|
|
135
|
-
"$type": "color",
|
|
136
|
-
"$value": "linear-gradient(-90deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.80} 50%, {core.color.darkAlpha.20} 100%)"
|
|
137
|
-
}
|
|
138
126
|
}
|
|
139
127
|
}
|
|
@@ -29,12 +29,6 @@
|
|
|
29
29
|
"$value": "1"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
"topBanner": {
|
|
33
|
-
"leftGradient": {
|
|
34
|
-
"$type": "color",
|
|
35
|
-
"$value": "none"
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
32
|
"midBanner": {
|
|
39
33
|
"leftGradient": {
|
|
40
34
|
"$type": "color",
|
|
@@ -94,11 +88,5 @@
|
|
|
94
88
|
"$type": "color",
|
|
95
89
|
"$value": "{core.color.darkAlpha.0}"
|
|
96
90
|
}
|
|
97
|
-
},
|
|
98
|
-
"chapterSwimlane": {
|
|
99
|
-
"overlayColor": {
|
|
100
|
-
"$type": "color",
|
|
101
|
-
"$value": "linear-gradient(-90deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.80} 50%, {core.color.darkAlpha.20} 100%)"
|
|
102
|
-
}
|
|
103
91
|
}
|
|
104
92
|
}
|
package/tokens/screen/small.json
CHANGED
|
@@ -32,7 +32,11 @@
|
|
|
32
32
|
"topBanner": {
|
|
33
33
|
"leftGradient": {
|
|
34
34
|
"$type": "color",
|
|
35
|
-
"$value": "
|
|
35
|
+
"$value": "linear-gradient(90deg, {core.color.darkAlpha.0} 0%, {core.color.darkAlpha.0} 40%, {core.color.darkAlpha.0} 60%, {core.color.darkAlpha.0} 100%)"
|
|
36
|
+
},
|
|
37
|
+
"bottomGradient": {
|
|
38
|
+
"$type": "color",
|
|
39
|
+
"$value": "linear-gradient(0deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.50} 50%, {core.color.darkAlpha.0} 100%)"
|
|
36
40
|
}
|
|
37
41
|
},
|
|
38
42
|
"midBanner": {
|