@depersgroep/lfvp-design-tokens 0.372.0-bab086c → 0.372.0-f15715b

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 (2) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/tv-button-list.json +5 -179
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.372.0-bab086c",
3
+ "version": "0.372.0-f15715b",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "keywords": [
6
6
  "design",
package/tokens/components/tv-button-list.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "tvButtonList": {
3
- "normal": {
3
+ "inactive": {
4
4
  "backgroundColor": {
5
5
  "$type": "color",
6
6
  "$value": "transparent"
@@ -14,7 +14,7 @@
14
14
  "$value": "{core.color.lightAlpha.70}"
15
15
  }
16
16
  },
17
- "hover": {
17
+ "selected": {
18
18
  "backgroundColor": {
19
19
  "$type": "color",
20
20
  "$value": "{base.colorSet.interaction.normal}"
@@ -31,194 +31,20 @@
31
31
  "active": {
32
32
  "backgroundColor": {
33
33
  "$type": "color",
34
- "$value": "{base.colorSet.interaction.normal}"
34
+ "$value": "{core.color.softAlpha.50}"
35
35
  },
36
36
  "textColor": {
37
37
  "$type": "color",
38
- "$value": "{base.colorSet.interaction.onNormal}"
38
+ "$value": "{base.color.text.default}"
39
39
  },
40
40
  "iconColor": {
41
41
  "$type": "color",
42
- "$value": "{base.colorSet.interaction.onNormal}"
42
+ "$value": "{base.color.text.default}"
43
43
  }
44
44
  },
45
45
  "gap": {
46
46
  "$type": "spacing",
47
47
  "$value": "{base.ui.spacing.fixed.sp4}"
48
- },
49
- "focus": {
50
- "backgroundColor": {
51
- "$type": "color",
52
- "$value": "{base.colorSet.interaction.normal}"
53
- },
54
- "textColor": {
55
- "$type": "color",
56
- "$value": "{base.colorSet.interaction.onNormal}"
57
- },
58
- "iconColor": {
59
- "$type": "color",
60
- "$value": "{base.colorSet.interaction.onNormal}"
61
- }
62
- },
63
- "disabled": {
64
- "backgroundColor": {
65
- "$type": "color",
66
- "$value": "transparent"
67
- },
68
- "textColor": {
69
- "$type": "color",
70
- "$value": "{core.color.lightAlpha.40}"
71
- },
72
- "iconColor": {
73
- "$type": "color",
74
- "$value": "{core.color.lightAlpha.40}"
75
- }
76
- }
77
- },
78
- "tvSelectableButtonList": {
79
- "unselected": {
80
- "normal": {
81
- "backgroundColor": {
82
- "$type": "color",
83
- "$value": "transparent"
84
- },
85
- "textColor": {
86
- "$type": "color",
87
- "$value": "{core.color.lightAlpha.70}"
88
- },
89
- "iconColor": {
90
- "$type": "color",
91
- "$value": "{core.color.lightAlpha.70}"
92
- }
93
- },
94
- "hover": {
95
- "backgroundColor": {
96
- "$type": "color",
97
- "$value": "{base.colorSet.interaction.normal}"
98
- },
99
- "textColor": {
100
- "$type": "color",
101
- "$value": "{base.colorSet.interaction.onNormal}"
102
- },
103
- "iconColor": {
104
- "$type": "color",
105
- "$value": "{base.colorSet.interaction.onNormal}"
106
- }
107
- },
108
- "active": {
109
- "backgroundColor": {
110
- "$type": "color",
111
- "$value": "{base.colorSet.interaction.normal}"
112
- },
113
- "textColor": {
114
- "$type": "color",
115
- "$value": "{base.colorSet.interaction.onNormal}"
116
- },
117
- "iconColor": {
118
- "$type": "color",
119
- "$value": "{base.colorSet.interaction.onNormal}"
120
- }
121
- },
122
- "disabled": {
123
- "backgroundColor": {
124
- "$type": "color",
125
- "$value": "transparent"
126
- },
127
- "textColor": {
128
- "$type": "color",
129
- "$value": "{core.color.lightAlpha.40}"
130
- },
131
- "iconColor": {
132
- "$type": "color",
133
- "$value": "{core.color.lightAlpha.40}"
134
- }
135
- },
136
- "focus": {
137
- "backgroundColor": {
138
- "$type": "color",
139
- "$value": "{base.colorSet.interaction.normal}"
140
- },
141
- "textColor": {
142
- "$type": "color",
143
- "$value": "{base.colorSet.interaction.onNormal}"
144
- },
145
- "iconColor": {
146
- "$type": "color",
147
- "$value": "{base.colorSet.interaction.onNormal}"
148
- }
149
- }
150
- },
151
- "selected": {
152
- "normal": {
153
- "backgroundColor": {
154
- "$type": "color",
155
- "$value": "{core.color.softAlpha.50}"
156
- },
157
- "textColor": {
158
- "$type": "color",
159
- "$value": "{base.color.text.default}"
160
- },
161
- "iconColor": {
162
- "$type": "color",
163
- "$value": "{base.color.text.default}"
164
- }
165
- },
166
- "hover": {
167
- "backgroundColor": {
168
- "$type": "color",
169
- "$value": "{base.colorSet.interaction.normal}"
170
- },
171
- "textColor": {
172
- "$type": "color",
173
- "$value": "{base.colorSet.interaction.onNormal}"
174
- },
175
- "iconColor": {
176
- "$type": "color",
177
- "$value": "{base.colorSet.interaction.onNormal}"
178
- }
179
- },
180
- "active": {
181
- "backgroundColor": {
182
- "$type": "color",
183
- "$value": "{base.colorSet.interaction.normal}"
184
- },
185
- "textColor": {
186
- "$type": "color",
187
- "$value": "{base.colorSet.interaction.onNormal}"
188
- },
189
- "iconColor": {
190
- "$type": "color",
191
- "$value": "{base.colorSet.interaction.onNormal}"
192
- }
193
- },
194
- "disabled": {
195
- "backgroundColor": {
196
- "$type": "color",
197
- "$value": "transparent"
198
- },
199
- "iconColor": {
200
- "$type": "color",
201
- "$value": "{core.color.lightAlpha.40}"
202
- },
203
- "textColor": {
204
- "$type": "color",
205
- "$value": "{core.color.lightAlpha.40}"
206
- }
207
- },
208
- "focus": {
209
- "backgroundColor": {
210
- "$type": "color",
211
- "$value": "{base.colorSet.interaction.normal}"
212
- },
213
- "textColor": {
214
- "$type": "color",
215
- "$value": "{base.colorSet.interaction.onNormal}"
216
- },
217
- "iconColor": {
218
- "$type": "color",
219
- "$value": "{base.colorSet.interaction.onNormal}"
220
- }
221
- }
222
48
  }
223
49
  }
224
50
  }