villa-design-tokens 1.0.319 → 1.0.321

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.
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- retest again",
4
4
  "author": "VPRO",
5
- "version": "1.0.319",
5
+ "version": "1.0.321",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
@@ -3,7 +3,7 @@
3
3
  "palette": {
4
4
  "primary": {
5
5
  "faded": {
6
- "value": "{color.global.midnight.25}",
6
+ "value": "{color.global.grey.150}",
7
7
  "type": "color"
8
8
  },
9
9
  "pastel": {
@@ -25,45 +25,45 @@
25
25
  },
26
26
  "secondary": {
27
27
  "faded": {
28
- "value": "{color.global.red.25}",
28
+ "value": "{color.global.dandelion.25}",
29
29
  "type": "color"
30
30
  },
31
31
  "pastel": {
32
- "value": "{color.global.red.50}",
32
+ "value": "{color.global.dandelion.50}",
33
33
  "type": "color"
34
34
  },
35
35
  "main": {
36
- "value": "{color.global.red.100}",
36
+ "value": "{color.global.dandelion.100}",
37
37
  "type": "color"
38
38
  },
39
39
  "muted": {
40
- "value": "{color.global.red.150}",
40
+ "value": "{color.global.dandelion.150}",
41
41
  "type": "color"
42
42
  },
43
43
  "dark": {
44
- "value": "{color.global.red.200}",
44
+ "value": "{color.global.dandelion.200}",
45
45
  "type": "color"
46
46
  }
47
47
  },
48
48
  "tertiary": {
49
49
  "faded": {
50
- "value": "{color.global.mint.25}",
50
+ "value": "{color.global.orchid.25}",
51
51
  "type": "color"
52
52
  },
53
53
  "pastel": {
54
- "value": "{color.global.mint.50}",
54
+ "value": "{color.global.amethyst.50}",
55
55
  "type": "color"
56
56
  },
57
57
  "main": {
58
- "value": "{color.global.mint.100}",
58
+ "value": "{color.global.orchid.100}",
59
59
  "type": "color"
60
60
  },
61
61
  "muted": {
62
- "value": "{color.global.mint.150}",
62
+ "value": "{color.global.orchid.150}",
63
63
  "type": "color"
64
64
  },
65
65
  "dark": {
66
- "value": "{color.global.mint.200}",
66
+ "value": "{color.global.orchid.200}",
67
67
  "type": "color"
68
68
  }
69
69
  },
@@ -181,20 +181,12 @@
181
181
  "value": "{color.global.grey.300}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
- "value": "{color.palette.primary.main}",
190
- "type": "color"
191
- },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
185
+ "value": "{color.palette.tertiary.dark}",
194
186
  "type": "color"
195
187
  },
196
188
  "inverse": {
197
- "value": "{color.palette.primary.pastel}",
189
+ "value": "{color.palette.secondary.faded}",
198
190
  "type": "color"
199
191
  }
200
192
  },
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.tertiary.dark}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.global.grey.300}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.primary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.palette.primary.faded}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.tertiary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.global.grey.250}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.tertiary.pastel}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.tertiary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.main}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.global.grey.300}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.secondary.muted}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -81,7 +81,7 @@
81
81
  "type": "color"
82
82
  },
83
83
  "muted": {
84
- "value": "{color.global.grey.500}",
84
+ "value": "{color.global.grey.450}",
85
85
  "type": "color"
86
86
  },
87
87
  "dark": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.palette.primary.pastel}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.primary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.primary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,20 +181,12 @@
181
181
  "value": "{color.global.grey.300}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
- "value": "{color.palette.primary.main}",
190
- "type": "color"
191
- },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
185
+ "value": "{color.palette.secondary.dark}",
194
186
  "type": "color"
195
187
  },
196
188
  "inverse": {
197
- "value": "{color.palette.primary.pastel}",
189
+ "value": "{color.palette.greyscale.main}",
198
190
  "type": "color"
199
191
  }
200
192
  },
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.tertiary.muted}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.palette.primary.faded}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.primary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -81,7 +81,7 @@
81
81
  "type": "color"
82
82
  },
83
83
  "muted": {
84
- "value": "{color.global.grey.500}",
84
+ "value": "{color.global.grey.450}",
85
85
  "type": "color"
86
86
  },
87
87
  "dark": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.palette.primary.pastel}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.primary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.primary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.global.grey.300}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.primary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -268,7 +278,7 @@
268
278
  },
269
279
  "foreground": {
270
280
  "default": {
271
- "value": "{color.palette.greyscale.faded}",
281
+ "value": "{color.palette.greyscale.dark}",
272
282
  "type": "color"
273
283
  },
274
284
  "hover": {
@@ -181,18 +181,10 @@
181
181
  "value": "{color.global.grey.300}",
182
182
  "type": "color"
183
183
  },
184
- "hover": {
185
- "value": "{color.palette.secondary.main}",
186
- "type": "color"
187
- },
188
184
  "focus": {
189
185
  "value": "{color.palette.primary.main}",
190
186
  "type": "color"
191
187
  },
192
- "filled": {
193
- "value": "{color.palette.primary.dark}",
194
- "type": "color"
195
- },
196
188
  "inverse": {
197
189
  "value": "{color.palette.primary.pastel}",
198
190
  "type": "color"
@@ -220,6 +212,24 @@
220
212
  "type": "color"
221
213
  }
222
214
  },
215
+ "input": {
216
+ "background": {
217
+ "value": "{color.palette.greyscale.faded}",
218
+ "type": "color"
219
+ },
220
+ "foreground": {
221
+ "value": "{color.palette.greyscale.dark}",
222
+ "type": "color"
223
+ },
224
+ "border-default": {
225
+ "value": "{color.palette.greyscale.main}",
226
+ "type": "color"
227
+ },
228
+ "border-active": {
229
+ "value": "{color.palette.secondary.main}",
230
+ "type": "color"
231
+ }
232
+ },
223
233
  "interactive": {
224
234
  "primary": {
225
235
  "background": {
@@ -781,7 +781,7 @@
781
781
  "type": "color"
782
782
  },
783
783
  "50": {
784
- "value": "#F1F79C",
784
+ "value": "#f7fac3",
785
785
  "type": "color"
786
786
  },
787
787
  "100": {
@@ -789,11 +789,11 @@
789
789
  "type": "color"
790
790
  },
791
791
  "150": {
792
- "value": "#888F21",
792
+ "value": "#6F751A",
793
793
  "type": "color"
794
794
  },
795
795
  "200": {
796
- "value": "#444811",
796
+ "value": "#2d300b",
797
797
  "type": "color"
798
798
  }
799
799
  },