@depersgroep/lfvp-design-tokens 0.372.0-8da8416 → 0.372.0-bab086c

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 (4) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/badge.json +16 -0
  3. package/tokens/components/input.json +0 -4
  4. package/tokens/components/tv-button-list.json +179 -5
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-bab086c",
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/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,6 +1,6 @@
1
1
  {
2
2
  "tvButtonList": {
3
- "inactive": {
3
+ "normal": {
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
- "selected": {
17
+ "hover": {
18
18
  "backgroundColor": {
19
19
  "$type": "color",
20
20
  "$value": "{base.colorSet.interaction.normal}"
@@ -31,20 +31,194 @@
31
31
  "active": {
32
32
  "backgroundColor": {
33
33
  "$type": "color",
34
- "$value": "{core.color.softAlpha.50}"
34
+ "$value": "{base.colorSet.interaction.normal}"
35
35
  },
36
36
  "textColor": {
37
37
  "$type": "color",
38
- "$value": "{base.color.text.default}"
38
+ "$value": "{base.colorSet.interaction.onNormal}"
39
39
  },
40
40
  "iconColor": {
41
41
  "$type": "color",
42
- "$value": "{base.color.text.default}"
42
+ "$value": "{base.colorSet.interaction.onNormal}"
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
+ }
48
222
  }
49
223
  }
50
224
  }