villa-design-tokens 1.0.78 → 1.0.79

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 (6) hide show
  1. package/package.json +1 -1
  2. package/tokens/$themes.json +1 -67
  3. package/tokens/base.json +30 -48
  4. package/tokens/brands/human.json +3 -3
  5. package/tokens/brands/whitelabel.json +3 -3
  6. package/tokens/global.json +0 -4
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "villa-design-tokens",
3
3
  "description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
4
4
  "author": "VPRO",
5
- "version": "1.0.78",
5
+ "version": "1.0.79",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$themes.json CHANGED
@@ -3,76 +3,10 @@
3
3
  "id": "5d23abb9dee8e58403fb8a165ade127ca96323e4",
4
4
  "name": "whitelabel",
5
5
  "$figmaStyleReferences": {
6
- "color.background.default": "S:38fc3ee73ca364638628d0dd69bc0ab8b23025f8,",
7
- "color.background.secondary": "S:20e764b6596fc496ed7a70d3e7ea91b0a0ed006d,",
8
- "color.background.tertiairy": "S:fa52224e1a46b396b8b13c41e8fadd4abc3f5cbd,",
9
- "color.surface.default": "S:0149f69401e80ca14e9afa61e103f5efb3eec17d,",
10
- "color.surface.secondary": "S:3d75428c58b50738b38dcaf880285ef9cbf8050c,",
11
- "color.functional.error": "S:d8e7aba568e7e9b649776d81a3b0a17706252b96,",
12
- "color.functional.warning": "S:8e236b5dba130c05addbbd637d6c090c0669bb57,",
13
- "color.functional.success": "S:5c83dabd8d5317b73ccff57bbd13fe3a1851e76e,",
14
- "color.functional.info": "S:df39f6a5066a6bfdea44c1b58173df176593f3f7,",
15
- "color.text.title": "S:6e0a1d9cf70046e2258b6e4804318762edee5cde,",
16
- "color.text.default": "S:a97056d87d63754b7e09443ab1848c72e571bbff,",
17
- "color.text.subtle": "S:cb89f500e4d5692a73b140b04b5d9c8f23193fa1,",
18
- "color.text.disabled": "S:145693ba810bd2805f2a63d2116373ae64932348,",
19
- "color.text.inverse": "S:475c8f83fc391659d9b61fb4b50e6ba86f88b55f,",
20
- "color.text.error": "S:21ea7b0f25112d896b99a83659093feb3d6a481b,",
21
- "color.text.warning": "S:0d7130673b4e026af637b1e28a6fe6d24a5bb38a,",
22
- "color.icon.primary": "S:38a6e7a74ba82f434af28a0f256888069282a3c5,",
23
- "color.icon.secondary": "S:ed15fa2aac05e42713fca60950fed3b707f059b6,",
24
- "color.icon.tertiary": "S:e942986e40800ef8a4c87ad9cab7f5ee4cdab280,",
25
- "color.icon.inverse": "S:fad1c10c57e61b5a84b0c761413af2085c5d6133,",
26
- "color.icon.error": "S:ba9bb19cb60d004b3fb6804bf1f51d7fdd2253d0,",
27
- "color.icon.warning": "S:b6a2372c90c4f0963074432973752099d45b1427,",
28
- "color.border.default": "S:b3319e6fb0c39aa4a184b5d06ded3b2aadaac53e,",
29
- "color.border.hover": "S:4e95b04eee484127d74a81709b904ca513f91b5d,",
30
- "color.border.disabled": "S:2150e11fce0c84dfe71a7ac5acb9e74b162af0f2,",
31
- "color.border.active": "S:0956feb0cae932ac51a95639150e2bdf26b3a1e6,",
32
- "color.border.error": "S:52d14036ca681815df2420b56e4be66e1f928a50,",
33
- "color.border.filled": "S:e266aba5af015c9569ba2d27ba4cb68a38c40390,",
34
- "color.link.default": "S:9318751bf13c9a92775299d03d571e264cb89301,",
35
- "color.link.hover": "S:03473d40631bfed60a74f0c7468aa8b3f76359bc,",
36
- "color.link.active": "S:7caede235f8dd1af889cafb0728a250d3fc0af58,",
37
6
  "text.body.min": "S:5b5c1787a1ca4617746f02f882ec79dba5607136,",
38
7
  "text.body.max": "S:4cfa08c0f91423b0abffa295dd26f2ff4df9e04e,",
39
- "text.heading.min.xxxl": "S:de0e8bbe31b870f66f43db5f08c9924c204d2cf9,",
40
- "text.heading.min.xxl": "S:17275d2e8ee71d3ccb6631c26cedcf9f91b719dc,",
41
- "text.heading.min.xl": "S:2f278b76a626159b9fccfcb988ad7b6098abde47,",
42
- "text.heading.min.lg": "S:3c2348e305663d26fd61ce174454660f51ec456d,",
43
- "text.heading.min.md": "S:e01fe5cff3c9e7f0615964007b79c4b3f8159f2a,",
44
- "text.heading.min.sm": "S:6ac94d9bf81af9ab7d94b0c027f0fca1c71364aa,",
45
- "text.heading.min.xs": "S:43328b0d16ac64778835691e25ba435aae81d3fb,",
46
- "text.heading.min.xxs": "S:56043d21b538159204d29c51afa7a2df4a8e88fb,",
47
- "text.heading.max.xxxl": "S:a2f9c74d0934c55aceac4286c4e05b4dd8c671ca,",
48
- "text.heading.max.xxl": "S:a5f73a8c68c1e899b47573bb0305804a96f9a056,",
49
- "text.heading.max.xl": "S:a28b9f45a71b8354e6476d5c544b2e59ebde9cd5,",
50
- "text.heading.max.lg": "S:cc0a9c39f5bcb65b1841982692ed0f5fa1cbc3ae,",
51
- "text.heading.max.md": "S:ef6a97042983ec01771c9f98d82df0288aee8c5e,",
52
- "text.heading.max.sm": "S:a5b0cc31f0be6ca1d8888b22292b3df309d5b457,",
53
- "text.heading.max.xs": "S:8ff84816c15e19bdc67caeeffb0b0cf010239ab4,",
54
- "text.heading.max.xxs": "S:c65bcff8e73e4f124529c0f953ed7211fc3a4051,",
55
- "text.body.min.lg": "S:349b1d895db3f7828a1d6af90b37dd700bbbb5ab,",
56
- "text.body.min.md": "S:9f1707ed43c79682a642946db35b8606631c3357,",
57
- "text.body.min.sm": "S:c6fb5b233778590270a54c678f5999534133dfa6,",
58
- "text.body.max.lg": "S:fc628abf9702f6b3580469e82a8c4277f51d8785,",
59
- "text.body.max.md": "S:5d9c867bd357de896144f9d3aa31451502e61ba9,",
60
- "text.body.max.sm": "S:fe9c4be69c56c19830dabf78403ada9833224b36,",
61
- "text.utility.min.lg": "S:fd23cbed2167ca7d503132a1f14af7ac452fc495,",
62
- "text.utility.min.md": "S:63bbad5d56045505754459ed9f298c8e9590d420,",
63
- "text.utility.min.sm": "S:688487ec68b9289ebe74e50bcff0fd5e4ac88aca,",
64
- "text.utility.max.lg": "S:af10f25a890aa666b4178e60e79c525b1575a53f,",
65
- "text.utility.max.md": "S:bc0f26e4a0e0eac36b43dfe2ea0f89da2499812b,",
66
- "text.utility.max.sm": "S:ed90a49a1c6d0af32709c7e9ff05bb7bbf8ba0cf,",
67
- "color.primary.interactive.default": "S:72787a0a5565968d259b7812d7e240196bada457,",
68
- "color.primary.interactive.hover": "S:9093214f2246b65c7c8794af49518141e2bbdb84,",
69
8
  "color.primary.interactive.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
70
- "color.primary.interactive.active": "S:c527dc5ed63ae49b202d6a4fa835732efa215532,",
71
- "color.primary.on-interactive.default": "S:7eb3fcb9cf94753f09db14e746e44470d32a7a5e,",
72
- "color.primary.on-interactive.hover": "S:40d2f0d7e8f1f7e7574a3898bc8e82292bda85a5,",
73
- "color.primary.on-interactive.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,",
74
- "color.primary.on-interactive.active": "S:b659d5b4aa245b4e96cbc82bad49e9495c4ca8ed,",
75
- "color.brand.primary": "S:2fa27681a05d92b4f34c82329ba63bf05eebbb28,"
9
+ "color.primary.on-interactive.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,"
76
10
  },
77
11
  "selectedTokenSets": {
78
12
  "global": "source",
package/tokens/base.json CHANGED
@@ -87,20 +87,10 @@
87
87
  },
88
88
  "display": {
89
89
  "max": {
90
- "list": {
91
- "value": {
92
- "fontFamily": "{fontfamily.body}",
93
- "fontWeight": "{fontweight.normal}",
94
- "fontSize": "{fontsize.global.140}",
95
- "lineHeight": "{lineheight.global.400}",
96
- "letterSpacing": "{letterspacing.body}"
97
- },
98
- "type": "typography"
99
- },
100
90
  "intro": {
101
91
  "value": {
102
92
  "fontFamily": "{fontfamily.global.bureau}",
103
- "fontWeight": "Book",
93
+ "fontWeight": "{fontweight.medium}",
104
94
  "fontSize": "{fontsize.global.200}",
105
95
  "lineHeight": "{lineheight.global.400}",
106
96
  "letterSpacing": "{letterspacing.body}"
@@ -120,7 +110,7 @@
120
110
  "quote": {
121
111
  "value": {
122
112
  "fontFamily": "{fontfamily.heading}",
123
- "fontWeight": "Light",
113
+ "fontWeight": "{fontweight.medium}",
124
114
  "fontSize": "{fontsize.global.220}",
125
115
  "lineHeight": "{lineheight.global.400}"
126
116
  },
@@ -128,20 +118,10 @@
128
118
  }
129
119
  },
130
120
  "min": {
131
- "list": {
132
- "value": {
133
- "fontFamily": "{fontfamily.body}",
134
- "fontWeight": "{fontweight.normal}",
135
- "fontSize": "{fontsize.global.120}",
136
- "lineHeight": "{lineheight.global.400}",
137
- "letterSpacing": "{letterspacing.body}"
138
- },
139
- "type": "typography"
140
- },
141
121
  "intro": {
142
122
  "value": {
143
123
  "fontFamily": "{fontfamily.global.bureau}",
144
- "fontWeight": "Book",
124
+ "fontWeight": "{fontweight.medium}",
145
125
  "fontSize": "{fontsize.global.180}",
146
126
  "lineHeight": "{lineheight.global.400}",
147
127
  "letterSpacing": "{letterspacing.body}"
@@ -161,7 +141,7 @@
161
141
  "quote": {
162
142
  "value": {
163
143
  "fontFamily": "{fontfamily.heading}",
164
- "fontWeight": "Light",
144
+ "fontWeight": "{fontweight.medium}",
165
145
  "fontSize": "{fontsize.global.200}",
166
146
  "lineHeight": "{lineheight.global.400}"
167
147
  },
@@ -173,40 +153,41 @@
173
153
  "max": {
174
154
  "xl": {
175
155
  "value": {
176
- "fontFamily": "{fontfamily.label}",
156
+ "fontFamily": "{fontfamily.utility}",
177
157
  "fontWeight": "{fontweight.normal}",
178
158
  "fontSize": "{fontsize.global.160}",
179
- "lineHeight": "{lineheight.label}"
159
+ "lineHeight": "{lineheight.utility}",
160
+ "letterSpacing": "{letterspacing.utility}"
180
161
  },
181
162
  "type": "typography"
182
163
  },
183
164
  "lg": {
184
165
  "value": {
185
- "fontFamily": "{fontfamily.label}",
166
+ "fontFamily": "{fontfamily.utility}",
186
167
  "fontWeight": "{fontweight.medium}",
187
168
  "fontSize": "{fontsize.global.120}",
188
- "lineHeight": "{lineheight.label}",
189
- "letterSpacing": "{letterspacing.label}"
169
+ "lineHeight": "{lineheight.utility}",
170
+ "letterSpacing": "{letterspacing.utility}"
190
171
  },
191
172
  "type": "typography"
192
173
  },
193
174
  "md": {
194
175
  "value": {
195
- "fontFamily": "{fontfamily.label}",
176
+ "fontFamily": "{fontfamily.utility}",
196
177
  "fontWeight": "{fontweight.medium}",
197
178
  "fontSize": "{fontsize.global.80}",
198
- "lineHeight": "{lineheight.label}",
199
- "letterSpacing": "{letterspacing.label}"
179
+ "lineHeight": "{lineheight.utility}",
180
+ "letterSpacing": "{letterspacing.utility}"
200
181
  },
201
182
  "type": "typography"
202
183
  },
203
184
  "sm": {
204
185
  "value": {
205
- "fontFamily": "{fontfamily.label}",
186
+ "fontFamily": "{fontfamily.utility}",
206
187
  "fontWeight": "{fontweight.medium}",
207
188
  "fontSize": "{fontsize.global.40}",
208
- "lineHeight": "{lineheight.label}",
209
- "letterSpacing": "{letterspacing.label}"
189
+ "lineHeight": "{lineheight.utility}",
190
+ "letterSpacing": "{letterspacing.utility}"
210
191
  },
211
192
  "type": "typography"
212
193
  }
@@ -214,40 +195,41 @@
214
195
  "min": {
215
196
  "xl": {
216
197
  "value": {
217
- "fontFamily": "{fontfamily.label}",
198
+ "fontFamily": "{fontfamily.utility}",
218
199
  "fontWeight": "{fontweight.normal}",
219
200
  "fontSize": "{fontsize.global.140}",
220
- "lineHeight": "{lineheight.label}"
201
+ "lineHeight": "{lineheight.utility}",
202
+ "letterSpacing": "{letterspacing.utility}"
221
203
  },
222
204
  "type": "typography"
223
205
  },
224
206
  "lg": {
225
207
  "value": {
226
- "fontFamily": "{fontfamily.label}",
208
+ "fontFamily": "{fontfamily.utility}",
227
209
  "fontWeight": "{fontweight.medium}",
228
210
  "fontSize": "{fontsize.global.100}",
229
- "lineHeight": "{lineheight.label}",
230
- "letterSpacing": "{letterspacing.label}"
211
+ "lineHeight": "{lineheight.utility}",
212
+ "letterSpacing": "{letterspacing.utility}"
231
213
  },
232
214
  "type": "typography"
233
215
  },
234
216
  "md": {
235
217
  "value": {
236
- "fontFamily": "{fontfamily.label}",
218
+ "fontFamily": "{fontfamily.utility}",
237
219
  "fontWeight": "{fontweight.medium}",
238
220
  "fontSize": "{fontsize.global.60}",
239
- "lineHeight": "{lineheight.label}",
240
- "letterSpacing": "{letterspacing.label}"
221
+ "lineHeight": "{lineheight.utility}",
222
+ "letterSpacing": "{letterspacing.utility}"
241
223
  },
242
224
  "type": "typography"
243
225
  },
244
226
  "sm": {
245
227
  "value": {
246
- "fontFamily": "{fontfamily.label}",
228
+ "fontFamily": "{fontfamily.utility}",
247
229
  "fontWeight": "{fontweight.medium}",
248
230
  "fontSize": "{fontsize.global.20}",
249
- "lineHeight": "{lineheight.label}",
250
- "letterSpacing": "{letterspacing.label}"
231
+ "lineHeight": "{lineheight.utility}",
232
+ "letterSpacing": "{letterspacing.utility}"
251
233
  },
252
234
  "type": "typography"
253
235
  }
@@ -426,11 +408,11 @@
426
408
  "type": "fontWeights"
427
409
  },
428
410
  "normal": {
429
- "value": "400",
411
+ "value": "300",
430
412
  "type": "fontWeights"
431
413
  },
432
414
  "medium": {
433
- "value": "500",
415
+ "value": "Book",
434
416
  "type": "fontWeights"
435
417
  },
436
418
  "bold": {
package/tokens/brands/human.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "value": "{fontfamily.global.roboto}",
5
5
  "type": "fontFamilies"
6
6
  },
7
- "label": {
7
+ "utility": {
8
8
  "value": "{fontfamily.body}",
9
9
  "type": "fontFamilies"
10
10
  },
@@ -18,7 +18,7 @@
18
18
  "value": "{lineheight.global.300}",
19
19
  "type": "lineHeights"
20
20
  },
21
- "label": {
21
+ "utility": {
22
22
  "value": "{lineheight.global.100}",
23
23
  "type": "lineHeights"
24
24
  },
@@ -32,7 +32,7 @@
32
32
  "value": "{letterspacing.global.200}",
33
33
  "type": "letterSpacing"
34
34
  },
35
- "label": {
35
+ "utility": {
36
36
  "value": "{letterspacing.global.200}",
37
37
  "type": "letterSpacing"
38
38
  },
package/tokens/brands/whitelabel.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "value": "{fontfamily.global.helvetica}",
5
5
  "type": "fontFamilies"
6
6
  },
7
- "label": {
7
+ "utility": {
8
8
  "value": "{fontfamily.global.helvetica}",
9
9
  "type": "fontFamilies"
10
10
  },
@@ -18,7 +18,7 @@
18
18
  "value": "{lineheight.global.200}",
19
19
  "type": "lineHeights"
20
20
  },
21
- "label": {
21
+ "utility": {
22
22
  "value": "{lineheight.global.100}",
23
23
  "type": "lineHeights"
24
24
  },
@@ -32,7 +32,7 @@
32
32
  "value": "{letterspacing.global.200}",
33
33
  "type": "letterSpacing"
34
34
  },
35
- "label": {
35
+ "utility": {
36
36
  "value": "{letterspacing.global.200}",
37
37
  "type": "letterSpacing"
38
38
  },
package/tokens/global.json CHANGED
@@ -17,10 +17,6 @@
17
17
  "value": "Simplistic Sans Outline",
18
18
  "type": "fontFamilies"
19
19
  },
20
- "bureau-condensed": {
21
- "value": "Bureau Grot Condensed",
22
- "type": "fontFamilies"
23
- },
24
20
  "helvetica": {
25
21
  "value": "Helvetica Neue",
26
22
  "type": "fontFamilies"