@depersgroep/lfvp-design-tokens 0.372.0-8da8416 → 0.372.0-989d172

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 (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/badge.json +16 -0
  3. package/tokens/components/detail-header.json +20 -7
  4. package/tokens/components/input.json +0 -4
  5. package/tokens/components/tv-button-list.json +103 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.372.0-8da8416",
3
+ "version": "0.372.0-989d172",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "keywords": [
6
6
  "design",
package/tokens/components/badge.json CHANGED
@@ -13,6 +13,10 @@
13
13
  "$type": "spacing",
14
14
  "$value": "{badge.small.fontSize}/3"
15
15
  },
16
+ "margin": {
17
+ "$type": "spacing",
18
+ "$value": "{badge.small.fontSize}/3"
19
+ },
16
20
  "verticalPadding": {
17
21
  "$type": "spacing",
18
22
  "$value": "{badge.small.fontSize}/6"
@@ -47,6 +51,10 @@
47
51
  "$type": "spacing",
48
52
  "$value": "{badge.medium.fontSize}/3"
49
53
  },
54
+ "margin": {
55
+ "$type": "spacing",
56
+ "$value": "{badge.medium.fontSize}/3"
57
+ },
50
58
  "verticalPadding": {
51
59
  "$type": "spacing",
52
60
  "$value": "{badge.medium.fontSize}/3"
@@ -76,6 +84,10 @@
76
84
  "iconColor": {
77
85
  "$type": "color",
78
86
  "$value": "{base.color.primary.default}"
87
+ },
88
+ "textColor": {
89
+ "$type": "color",
90
+ "$value": "{base.color.text.default}"
79
91
  }
80
92
  },
81
93
  "highlight": {
@@ -86,6 +98,10 @@
86
98
  "iconColor": {
87
99
  "$type": "color",
88
100
  "$value": "{base.color.ui.white}"
101
+ },
102
+ "textColor": {
103
+ "$type": "color",
104
+ "$value": "{base.color.ui.white}"
89
105
  }
90
106
  }
91
107
  }
package/tokens/components/detail-header.json CHANGED
@@ -1,12 +1,25 @@
1
1
  {
2
2
  "detailHeader": {
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.24}*{scale.title}"
3
+ "level1": {
4
+ "title": {
5
+ "$type": "typography",
6
+ "$value": {
7
+ "fontFamily": "{base.heroFont}",
8
+ "fontWeight": "{base.fontWeight.title}",
9
+ "lineHeight": "{core.lineHeight.120}",
10
+ "fontSize": "{core.fontSize.24}*{scale.title}"
11
+ }
12
+ }
13
+ },
14
+ "level2": {
15
+ "title": {
16
+ "$type": "typography",
17
+ "$value": {
18
+ "fontFamily": "{base.heroFont}",
19
+ "fontWeight": "{base.fontWeight.title}",
20
+ "lineHeight": "{core.lineHeight.120}",
21
+ "fontSize": "{core.fontSize.20} *{scale.title}"
22
+ }
10
23
  }
11
24
  }
12
25
  }
package/tokens/components/input.json CHANGED
@@ -100,10 +100,6 @@
100
100
  "borderWidth": {
101
101
  "$type": "borderWidth",
102
102
  "$value": "{base.ui.borderWidth.fixed.bw3}"
103
- },
104
- "borderWidth-copy": {
105
- "$type": "borderWidth",
106
- "$value": "{base.ui.borderWidth.fixed.bw3}"
107
103
  }
108
104
  },
109
105
  "padding": {
package/tokens/components/tv-button-list.json CHANGED
@@ -1,50 +1,114 @@
1
1
  {
2
2
  "tvButtonList": {
3
- "inactive": {
4
- "backgroundColor": {
5
- "$type": "color",
6
- "$value": "transparent"
7
- },
8
- "textColor": {
9
- "$type": "color",
10
- "$value": "{core.color.lightAlpha.70}"
11
- },
12
- "iconColor": {
13
- "$type": "color",
14
- "$value": "{core.color.lightAlpha.70}"
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
+ }
15
59
  }
16
60
  },
17
61
  "selected": {
18
- "backgroundColor": {
19
- "$type": "color",
20
- "$value": "{base.colorSet.interaction.normal}"
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
+ }
21
71
  },
22
- "textColor": {
23
- "$type": "color",
24
- "$value": "{base.colorSet.interaction.onNormal}"
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
+ }
25
81
  },
26
- "iconColor": {
27
- "$type": "color",
28
- "$value": "{base.colorSet.interaction.onNormal}"
29
- }
30
- },
31
- "active": {
32
- "backgroundColor": {
33
- "$type": "color",
34
- "$value": "{core.color.softAlpha.50}"
35
- },
36
- "textColor": {
37
- "$type": "color",
38
- "$value": "{base.color.text.default}"
39
- },
40
- "iconColor": {
41
- "$type": "color",
42
- "$value": "{base.color.text.default}"
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
+ }
43
111
  }
44
- },
45
- "gap": {
46
- "$type": "spacing",
47
- "$value": "{base.ui.spacing.fixed.sp4}"
48
112
  }
49
113
  }
50
114
  }