@depersgroep/lfvp-design-tokens 0.393.0 → 0.395.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.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/tokens/$metadata.json +2 -2
  3. package/tokens/base/ui.json +4 -0
  4. package/tokens/brands/rtlplay.json +20 -0
  5. package/tokens/brands/streamz.json +20 -0
  6. package/tokens/brands/vtmgo.json +20 -0
  7. package/tokens/brands/whitelabel.json +20 -0
  8. package/tokens/components/message.json +111 -19
  9. package/tokens/screen/large.json +9 -7
  10. package/tokens/screen/medium.json +5 -3
  11. package/tokens/screen/tv.json +9 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.393.0",
3
+ "version": "0.395.0",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "keywords": [
6
6
  "design",
package/tokens/$metadata.json CHANGED
@@ -50,9 +50,9 @@
50
50
  "components/tv-hero",
51
51
  "components/upsell",
52
52
  "components/wallet",
53
- "screen/large",
54
- "screen/medium",
55
53
  "screen/small",
54
+ "screen/medium",
55
+ "screen/large",
56
56
  "screen/tv"
57
57
  ]
58
58
  }
package/tokens/base/ui.json CHANGED
@@ -152,6 +152,10 @@
152
152
  "bw3": {
153
153
  "$type": "borderWidth",
154
154
  "$value": "{core.borderWidth.3} * {scale.border}"
155
+ },
156
+ "bw4": {
157
+ "$type": "borderWidth",
158
+ "$value": "{core.borderWidth.4}*{scale.border}"
155
159
  }
156
160
  },
157
161
  "fixed": {
package/tokens/brands/rtlplay.json CHANGED
@@ -285,6 +285,26 @@
285
285
  "$type": "color",
286
286
  "$value": "#ffffff"
287
287
  }
288
+ },
289
+ "positive": {
290
+ "20": {
291
+ "$type": "color",
292
+ "$value": "#1B3327"
293
+ },
294
+ "50": {
295
+ "$type": "color",
296
+ "$value": "#44CE87"
297
+ }
298
+ },
299
+ "negative": {
300
+ "20": {
301
+ "$type": "color",
302
+ "$value": "#330001"
303
+ },
304
+ "50": {
305
+ "$type": "color",
306
+ "$value": "#E42454"
307
+ }
288
308
  }
289
309
  }
290
310
  },
package/tokens/brands/streamz.json CHANGED
@@ -285,6 +285,26 @@
285
285
  "$type": "color",
286
286
  "$value": "#4B0B70"
287
287
  }
288
+ },
289
+ "positive": {
290
+ "20": {
291
+ "$type": "color",
292
+ "$value": "#1B3327"
293
+ },
294
+ "50": {
295
+ "$type": "color",
296
+ "$value": "#44CE87"
297
+ }
298
+ },
299
+ "negative": {
300
+ "20": {
301
+ "$type": "color",
302
+ "$value": "#330001"
303
+ },
304
+ "50": {
305
+ "$type": "color",
306
+ "$value": "#E42454"
307
+ }
288
308
  }
289
309
  }
290
310
  },
package/tokens/brands/vtmgo.json CHANGED
@@ -285,6 +285,26 @@
285
285
  "$type": "color",
286
286
  "$value": "#4B0B70"
287
287
  }
288
+ },
289
+ "positive": {
290
+ "20": {
291
+ "$type": "color",
292
+ "$value": "#1B3327"
293
+ },
294
+ "50": {
295
+ "$type": "color",
296
+ "$value": "#44CE87"
297
+ }
298
+ },
299
+ "negative": {
300
+ "20": {
301
+ "$type": "color",
302
+ "$value": "#330001"
303
+ },
304
+ "50": {
305
+ "$type": "color",
306
+ "$value": "#E42454"
307
+ }
288
308
  }
289
309
  }
290
310
  },
package/tokens/brands/whitelabel.json CHANGED
@@ -285,6 +285,26 @@
285
285
  "$type": "color",
286
286
  "$value": "#ffffff"
287
287
  }
288
+ },
289
+ "positive": {
290
+ "20": {
291
+ "$type": "color",
292
+ "$value": "#1B3327"
293
+ },
294
+ "50": {
295
+ "$type": "color",
296
+ "$value": "#44CE87"
297
+ }
298
+ },
299
+ "negative": {
300
+ "20": {
301
+ "$type": "color",
302
+ "$value": "#330001"
303
+ },
304
+ "50": {
305
+ "$type": "color",
306
+ "$value": "#E42454"
307
+ }
288
308
  }
289
309
  }
290
310
  },
package/tokens/components/message.json CHANGED
@@ -1,20 +1,116 @@
1
1
  {
2
2
  "message": {
3
- "backgroundColor": {
4
- "$type": "color",
5
- "$value": "{base.color.primary.darkest}"
6
- },
7
- "textColor": {
8
- "$type": "color",
9
- "$value": "{base.color.text.default}"
3
+ "toast": {
4
+ "backgroundColor": {
5
+ "$type": "color",
6
+ "$value": "{base.color.primary.darkest}"
7
+ },
8
+ "borderColor": {
9
+ "$type": "color",
10
+ "$value": "{base.color.primary.default}"
11
+ },
12
+ "iconColor": {
13
+ "$type": "color",
14
+ "$value": "{base.color.ui.white}"
15
+ },
16
+ "textColor": {
17
+ "$type": "color",
18
+ "$value": "{base.color.text.default}"
19
+ },
20
+ "margin": {
21
+ "$type": "spacing",
22
+ "$value": "{base.ui.spacing.fixed.sp2}"
23
+ },
24
+ "text": {
25
+ "$type": "typography",
26
+ "$value": "{base.typography.text.bold.small}"
27
+ },
28
+ "maxWidth": {
29
+ "$type": "sizing",
30
+ "$value": "100%"
31
+ }
10
32
  },
11
33
  "borderRadius": {
12
34
  "$type": "borderRadius",
13
35
  "$value": "{base.ui.borderRadius.flex.br2}"
14
36
  },
15
- "text": {
16
- "$type": "typography",
17
- "$value": "{base.typography.text.regular.medium}"
37
+ "inline": {
38
+ "text": {
39
+ "$type": "typography",
40
+ "$value": "{base.typography.text.regular.small}"
41
+ },
42
+ "branded": {
43
+ "backgroundColor": {
44
+ "$type": "color",
45
+ "$value": "{core.color.primary.10}"
46
+ },
47
+ "borderColor": {
48
+ "$type": "color",
49
+ "$value": "{base.color.primary.default}"
50
+ },
51
+ "iconColor": {
52
+ "$type": "color",
53
+ "$value": "{base.color.primary.default}"
54
+ },
55
+ "textColor": {
56
+ "$type": "color",
57
+ "$value": "{base.color.text.default}"
58
+ }
59
+ },
60
+ "neutral": {
61
+ "backgroundColor": {
62
+ "$type": "color",
63
+ "$value": "{core.color.neutrals.15}"
64
+ },
65
+ "borderColor": {
66
+ "$type": "color",
67
+ "$value": "{core.color.neutrals.60}"
68
+ },
69
+ "iconColor": {
70
+ "$type": "color",
71
+ "$value": "{core.color.neutrals.60}"
72
+ },
73
+ "textColor": {
74
+ "$type": "color",
75
+ "$value": "{base.color.text.default}"
76
+ }
77
+ },
78
+ "positive": {
79
+ "backgroundColor": {
80
+ "$type": "color",
81
+ "$value": "{core.color.positive.20}"
82
+ },
83
+ "borderColor": {
84
+ "$type": "color",
85
+ "$value": "{core.color.positive.50}"
86
+ },
87
+ "iconColor": {
88
+ "$type": "color",
89
+ "$value": "{core.color.positive.50}"
90
+ },
91
+ "textColor": {
92
+ "$type": "color",
93
+ "$value": "{base.color.text.default}"
94
+ }
95
+ },
96
+ "negative": {
97
+ "backgroundColor": {
98
+ "$type": "color",
99
+ "$value": "{core.color.negative.20}"
100
+ },
101
+ "borderColor": {
102
+ "$type": "color",
103
+ "$value": "{core.color.negative.50}"
104
+ },
105
+ "iconColor": {
106
+ "$type": "color",
107
+ "$value": "{core.color.negative.50}"
108
+ },
109
+ "textColor": {
110
+ "$type": "color",
111
+ "$value": "{base.color.text.default}"
112
+ }
113
+ }
18
114
  },
19
115
  "iconSize": {
20
116
  "$type": "sizing",
@@ -22,23 +118,19 @@
22
118
  },
23
119
  "horizontalPadding": {
24
120
  "$type": "spacing",
25
- "$value": "{base.ui.spacing.flex.sp4}"
121
+ "$value": "{base.ui.spacing.flex.sp3}"
26
122
  },
27
123
  "gap": {
28
124
  "$type": "spacing",
29
- "$value": "{base.ui.spacing.flex.sp4}"
125
+ "$value": "{base.ui.spacing.flex.sp2}"
30
126
  },
31
127
  "verticalPadding": {
32
128
  "$type": "spacing",
33
129
  "$value": "{base.ui.spacing.flex.sp2}"
34
130
  },
35
- "margin": {
36
- "$type": "spacing",
37
- "$value": "{base.ui.spacing.fixed.sp2}"
38
- },
39
- "maxWidth": {
40
- "$type": "sizing",
41
- "$value": "100%"
131
+ "borderWidth": {
132
+ "$type": "borderWidth",
133
+ "$value": "{base.ui.borderWidth.flex.bw4}"
42
134
  }
43
135
  }
44
136
  }
package/tokens/screen/large.json CHANGED
@@ -36,13 +36,15 @@
36
36
  }
37
37
  },
38
38
  "message": {
39
- "margin": {
40
- "$type": "spacing",
41
- "$value": "{base.ui.spacing.fixed.sp5}"
42
- },
43
- "maxWidth": {
44
- "$type": "sizing",
45
- "$value": "50%"
39
+ "toast": {
40
+ "margin": {
41
+ "$type": "spacing",
42
+ "$value": "{base.ui.spacing.fixed.sp5}"
43
+ },
44
+ "maxWidth": {
45
+ "$type": "sizing",
46
+ "$value": "50%"
47
+ }
46
48
  }
47
49
  },
48
50
  "topNavigationLogo": {
package/tokens/screen/medium.json CHANGED
@@ -36,9 +36,11 @@
36
36
  }
37
37
  },
38
38
  "message": {
39
- "maxWidth": {
40
- "$type": "sizing",
41
- "$value": "70%"
39
+ "toast": {
40
+ "maxWidth": {
41
+ "$type": "sizing",
42
+ "$value": "70%"
43
+ }
42
44
  }
43
45
  },
44
46
  "pricingTable": {
package/tokens/screen/tv.json CHANGED
@@ -399,13 +399,15 @@
399
399
  }
400
400
  },
401
401
  "message": {
402
- "margin": {
403
- "$type": "spacing",
404
- "$value": "{base.ui.spacing.fixed.sp5}"
405
- },
406
- "maxWidth": {
407
- "$type": "sizing",
408
- "$value": "50%"
402
+ "toast": {
403
+ "margin": {
404
+ "$type": "spacing",
405
+ "$value": "{base.ui.spacing.fixed.sp5}"
406
+ },
407
+ "maxWidth": {
408
+ "$type": "sizing",
409
+ "$value": "50%"
410
+ }
409
411
  }
410
412
  },
411
413
  "topOfScreen": {