villa-design-tokens 1.0.97 → 1.0.99

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/$themes.json +7 -1
  3. package/tokens/base.json +20 -0
  4. package/tokens/brands/human.json +9 -9
  5. package/tokens/brands/whitelabel.json +14 -10
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.97",
5
+ "version": "1.0.99",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$themes.json CHANGED
@@ -99,7 +99,13 @@
99
99
  "color.secondary.border-interactive.hover": "S:17b850363d69d8eae170f47d6d5c8f2f55f875c1,",
100
100
  "color.secondary.bg-outline.hover": "S:79922acc6ac505e4dfbd52ca38af63ffe1a3a43e,",
101
101
  "color.primary.border-interactive.active": "S:6787b154cbf74bbe92febaab19441a5614631acc,",
102
- "color.primary.interactive.outline": "S:1be352613115b24032357ea619adad1bc888a570,"
102
+ "color.primary.interactive.outline": "S:1be352613115b24032357ea619adad1bc888a570,",
103
+ "color.link.inverse-hover": "S:54800c9f284a1d9ca261ef00e701196c112630f7,",
104
+ "color.secondary.border-interactive.active": "S:2ccedcc3bb7c1d9356b08afb5f190583c3b3ad31,",
105
+ "text.utility.max.xxl": "S:5946269fecfabb1fbae445d562754c7a22a19d13,",
106
+ "text.utility.min.xxl": "S:c59dff4c9b0f3b49068c2a9e2913208009e1284c,",
107
+ "color.link.subtle": "S:5f6b661396d9183181e57da69ec75172ca0199e8,",
108
+ "color.link.subtle-hover": "S:c17c7e049cf7529754fb68d78b81d63b1d2ff9fc,"
103
109
  },
104
110
  "selectedTokenSets": {
105
111
  "global": "source",
package/tokens/base.json CHANGED
@@ -151,6 +151,16 @@
151
151
  },
152
152
  "utility": {
153
153
  "max": {
154
+ "xxl": {
155
+ "value": {
156
+ "fontFamily": "{fontfamily.utility}",
157
+ "fontWeight": "{fontweight.normal}",
158
+ "fontSize": "{fontsize.global.200}",
159
+ "lineHeight": "{lineheight.utility}",
160
+ "letterSpacing": "{letterspacing.utility}"
161
+ },
162
+ "type": "typography"
163
+ },
154
164
  "xl": {
155
165
  "value": {
156
166
  "fontFamily": "{fontfamily.utility}",
@@ -193,6 +203,16 @@
193
203
  }
194
204
  },
195
205
  "min": {
206
+ "xxl": {
207
+ "value": {
208
+ "fontFamily": "{fontfamily.utility}",
209
+ "fontWeight": "{fontweight.normal}",
210
+ "fontSize": "{fontsize.global.180}",
211
+ "lineHeight": "{lineheight.utility}",
212
+ "letterSpacing": "{letterspacing.utility}"
213
+ },
214
+ "type": "typography"
215
+ },
196
216
  "xl": {
197
217
  "value": {
198
218
  "fontFamily": "{fontfamily.utility}",
package/tokens/brands/human.json CHANGED
@@ -98,10 +98,6 @@
98
98
  "brand": {
99
99
  "value": "{color.brand.primary}",
100
100
  "type": "color"
101
- },
102
- "disabled": {
103
- "value": "{color.global.grey.200}",
104
- "type": "color"
105
101
  }
106
102
  },
107
103
  "text": {
@@ -118,7 +114,7 @@
118
114
  "type": "color"
119
115
  },
120
116
  "disabled": {
121
- "value": "{color.global.grey.400}",
117
+ "value": "{color.global.grey.300}",
122
118
  "type": "color"
123
119
  },
124
120
  "inverse": {
@@ -248,8 +244,16 @@
248
244
  "type": "color"
249
245
  },
250
246
  "inverse-hover": {
247
+ "value": "#9E9E9E",
248
+ "type": "color"
249
+ },
250
+ "subtle": {
251
251
  "value": "{color.global.grey.300}",
252
252
  "type": "color"
253
+ },
254
+ "subtle-hover": {
255
+ "value": "{color.global.grey.200}",
256
+ "type": "color"
253
257
  }
254
258
  },
255
259
  "secondary": {
@@ -265,10 +269,6 @@
265
269
  "active": {
266
270
  "value": "{color.global.grey.450}",
267
271
  "type": "color"
268
- },
269
- "outline": {
270
- "value": "{color.global.grey.200}",
271
- "type": "color"
272
272
  }
273
273
  },
274
274
  "on-interactive": {
package/tokens/brands/whitelabel.json CHANGED
@@ -98,10 +98,6 @@
98
98
  "brand": {
99
99
  "value": "{color.brand.primary}",
100
100
  "type": "color"
101
- },
102
- "disabled": {
103
- "value": "{color.global.grey.200}",
104
- "type": "color"
105
101
  }
106
102
  },
107
103
  "text": {
@@ -118,7 +114,7 @@
118
114
  "type": "color"
119
115
  },
120
116
  "disabled": {
121
- "value": "{color.global.grey.400}",
117
+ "value": "{color.global.grey.300}",
122
118
  "type": "color"
123
119
  },
124
120
  "inverse": {
@@ -245,11 +241,23 @@
245
241
  },
246
242
  "inverse": {
247
243
  "value": "{color.global.grey.100}",
248
- "type": "color"
244
+ "type": "color",
245
+ "hover": {
246
+ "value": "#9E9E9E",
247
+ "type": "color"
248
+ }
249
249
  },
250
250
  "inverse-hover": {
251
+ "value": "9E9E9E",
252
+ "type": "color"
253
+ },
254
+ "subtle": {
251
255
  "value": "{color.global.grey.300}",
252
256
  "type": "color"
257
+ },
258
+ "subtle-hover": {
259
+ "value": "{color.global.grey.200}",
260
+ "type": "color"
253
261
  }
254
262
  },
255
263
  "secondary": {
@@ -265,10 +273,6 @@
265
273
  "active": {
266
274
  "value": "{color.global.grey.450}",
267
275
  "type": "color"
268
- },
269
- "outline": {
270
- "value": "{color.global.grey.200}",
271
- "type": "color"
272
276
  }
273
277
  },
274
278
  "on-interactive": {