@depersgroep/lfvp-design-tokens 0.391.0-db6e5d5 → 0.391.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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.391.0-db6e5d5",
3
+ "version": "0.391.0",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "keywords": [
6
6
  "design",
@@ -32,7 +32,6 @@
32
32
  "components/player",
33
33
  "components/pricing-table",
34
34
  "components/product-card",
35
- "components/rating",
36
35
  "components/selectable-box",
37
36
  "components/selectable-button",
38
37
  "components/selectable",
@@ -47,8 +46,9 @@
47
46
  "components/top-of-screen",
48
47
  "components/tv-button-list",
49
48
  "components/tv-hero",
50
- "components/upsell",
49
+ "components/rating",
51
50
  "components/wallet",
51
+ "components/upsell",
52
52
  "screen/large",
53
53
  "screen/medium",
54
54
  "screen/small",
@@ -285,26 +285,6 @@
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
- }
308
288
  }
309
289
  }
310
290
  },
@@ -285,26 +285,6 @@
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
- }
308
288
  }
309
289
  }
310
290
  },
@@ -285,26 +285,6 @@
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
- }
308
288
  }
309
289
  }
310
290
  },
@@ -285,26 +285,6 @@
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
- }
308
288
  }
309
289
  }
310
290
  },
@@ -1,96 +1,20 @@
1
1
  {
2
2
  "message": {
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
- }
3
+ "backgroundColor": {
4
+ "$type": "color",
5
+ "$value": "{base.color.primary.darkest}"
6
+ },
7
+ "textColor": {
8
+ "$type": "color",
9
+ "$value": "{base.color.text.default}"
28
10
  },
29
11
  "borderRadius": {
30
12
  "$type": "borderRadius",
31
13
  "$value": "{base.ui.borderRadius.flex.br2}"
32
14
  },
33
- "inline": {
34
- "text": {
35
- "$type": "typography",
36
- "$value": "{base.typography.text.regular.small}"
37
- },
38
- "branded": {
39
- "backgroundColor": {
40
- "$type": "color",
41
- "$value": "{core.color.primary.10}"
42
- },
43
- "highlightColor": {
44
- "$type": "color",
45
- "$value": "{base.color.primary.default}"
46
- },
47
- "textColor": {
48
- "$type": "color",
49
- "$value": "{base.color.text.default}"
50
- }
51
- },
52
- "neutral": {
53
- "backgroundColor": {
54
- "$type": "color",
55
- "$value": "{core.color.neutrals.15}"
56
- },
57
- "highlightColor": {
58
- "$type": "color",
59
- "$value": "{core.color.neutrals.60}"
60
- },
61
- "textColor": {
62
- "$type": "color",
63
- "$value": "{base.color.text.default}"
64
- }
65
- },
66
- "positive": {
67
- "backgroundColor": {
68
- "$type": "color",
69
- "$value": "{core.color.positive.20}"
70
- },
71
- "highlightColor": {
72
- "$type": "color",
73
- "$value": "{core.color.positive.50}"
74
- },
75
- "textColor": {
76
- "$type": "color",
77
- "$value": "{base.color.text.default}"
78
- }
79
- },
80
- "negative": {
81
- "backgroundColor": {
82
- "$type": "color",
83
- "$value": "{core.color.negative.20}"
84
- },
85
- "highlightColor": {
86
- "$type": "color",
87
- "$value": "{core.color.negative.50}"
88
- },
89
- "textColor": {
90
- "$type": "color",
91
- "$value": "{base.color.text.default}"
92
- }
93
- }
15
+ "text": {
16
+ "$type": "typography",
17
+ "$value": "{base.typography.text.regular.medium}"
94
18
  },
95
19
  "iconSize": {
96
20
  "$type": "sizing",
@@ -98,23 +22,23 @@
98
22
  },
99
23
  "horizontalPadding": {
100
24
  "$type": "spacing",
101
- "$value": "{base.ui.spacing.flex.sp3}"
25
+ "$value": "{base.ui.spacing.flex.sp4}"
102
26
  },
103
27
  "gap": {
104
28
  "$type": "spacing",
105
- "$value": "{base.ui.spacing.flex.sp2}"
29
+ "$value": "{base.ui.spacing.flex.sp4}"
106
30
  },
107
31
  "verticalPadding": {
108
32
  "$type": "spacing",
109
33
  "$value": "{base.ui.spacing.flex.sp2}"
110
34
  },
35
+ "margin": {
36
+ "$type": "spacing",
37
+ "$value": "{base.ui.spacing.fixed.sp2}"
38
+ },
111
39
  "maxWidth": {
112
40
  "$type": "sizing",
113
41
  "$value": "100%"
114
- },
115
- "borderWidth": {
116
- "$type": "borderWidth",
117
- "$value": "{core.borderWidth.4}* {scale.border}"
118
42
  }
119
43
  }
120
44
  }