villa-design-tokens 1.0.25 → 1.0.26

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 (9) hide show
  1. package/package.json +1 -1
  2. package/tokens/$metadata.json +4 -3
  3. package/tokens/$themes.json +101 -59
  4. package/tokens/brands/human.json +320 -198
  5. package/tokens/brands/whitelabel.json +316 -194
  6. package/tokens/{globals/global.json → global.json} +98 -34
  7. package/tokens/mode/dark.json +34 -0
  8. package/tokens/subbrands/human-tribune.json +10 -0
  9. package/tokens/website/tribune.json +0 -16
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.25",
5
+ "version": "1.0.26",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/$metadata.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "tokenSetOrder": [
3
- "globals/global",
4
- "brands/human",
3
+ "global",
5
4
  "brands/whitelabel",
6
- "website/tribune"
5
+ "brands/human",
6
+ "subbrands/human-tribune",
7
+ "mode/dark"
7
8
  ]
8
9
  }
package/tokens/$themes.json CHANGED
@@ -1,71 +1,113 @@
1
1
  [
2
2
  {
3
- "id": "977d3aba54ee6e7bda3e444b28e0d3df650ae91b",
4
- "name": "tribune",
5
- "$figmaStyleReferences": {},
3
+ "id": "777064ce917add4f326ee05cd12e08dafd7c1943",
4
+ "name": "Whitelabel",
6
5
  "selectedTokenSets": {
7
- "globals/global": "source",
8
- "brands/whitelabel": "disabled",
9
- "brands/human": "source",
10
- "website/tribune": "enabled"
6
+ "global": "source",
7
+ "brands/whitelabel": "enabled"
11
8
  },
12
- "$figmaCollectionId": "VariableCollectionId:613:3486",
13
- "$figmaModeId": "613:0",
14
- "$figmaVariableReferences": {
15
- "color.background.default": "7853a5fa86faa67b4b56629ca57f778274c1c8ea",
16
- "color.surface.default": "2df1e39eeb9f76dac913cdb2de0bc1dfbf5a8882",
17
- "color.brand.accent": "312fbcce1885a82df9792c5a87d1ea994c49bf03",
18
- "color.brand.primary": "1beaf0e0b6b52fc9815ef8bb822f97047d28afd6",
19
- "color.brand.secondary": "340c738ef8b0aa471727c2a0cd06f89a5c33e02f",
20
- "color.brand.tertiary": "f97ab06480972944286dc3cb14305315674dff7e",
21
- "color.functional.error": "fa5e7cac8cd2abecbfbe140b8be49a3944e179fa",
22
- "color.functional.warning": "058c0ffcf822733ebbf0ce882afc848aa0025b7c",
23
- "color.functional.success": "0a87076d3e17b5b9aba98939514ffde96ffeb2ff",
24
- "color.functional.info": "d04d1d6830db31576d6fec9ab9189be8a48a8817",
25
- "color.text.default": "ed77946731b42b84960f2605b4cafad62d5d4920",
26
- "color.text.hover": "b749ebff67fc1393e4db52a22969d2c8ef69d93a",
27
- "color.text.disabled": "ee67afde0d047ef4e99289bc2246a520bce165f9",
28
- "color.text.inverse": "27faa0c9df448688cc7b2f1b151a27c1f55a8b3b",
29
- "color.text.error": "271ea857b9d0527bdcf3bc4855b70e4346a6d51b",
30
- "color.text.warning": "43bc0567ea880ae7c3187bf9331f7b8a71687d33",
31
- "color.icon.primary": "6f790dba9e82b8b12ddd170f0b5b38469665f807",
32
- "color.icon.secondary": "b277a5b4774c174b84946d91b9e899fcf916d9d5",
33
- "color.icon.tertiary": "1b605aa0ea6bcf8e316df27cd8a753f2e3a44d8b",
34
- "color.icon.inverse": "28fa845c4910257933d0269843d844527b979869",
35
- "color.icon.error": "887a6080fc3a6c8a731290eb2b6f90a043c137fc",
36
- "color.icon.warning": "60ec26979bc43d194be82d6d160af25db0d2f056",
37
- "color.fill-primary.default": "923fc26ec891d04261c5f86a1821d227b6907305",
38
- "color.fill-primary.hover": "cedd74992b230c90f6c927fd466ecfa457fde0c7",
39
- "color.fill-primary.disabled": "d4f6caad925a81be94c4eefb2714e75784004b5e",
40
- "color.fill-primary.active": "2c67cae5c164e458c4321357289445438a311979",
41
- "color.foreground-primary.default": "862c505cba17476da97799bfd4121858444be606",
42
- "color.foreground-primary.hover": "becd5a0d0da774e609ebc32d7e7a44f04410dd26",
43
- "color.foreground-primary.disabled": "07fca6add2c518693e8a6c850ee5cdae3ddc16ab",
44
- "color.foreground-primary.active": "f76677cc5493e1fc56a0b4f528fcf7a9b55d15a4",
45
- "color.link.default": "e500ecfbca6a667aeb350200e6fca1c980a01d66",
46
- "color.link.hover": "32bdcb623e3568e39f116f3b6592d1d23f07f82d",
47
- "color.link.disabled": "a1d2df3cd5e2f44d7019082fe2b4e2d128c7d765",
48
- "color.link.active": "80ac6d2dc88cd723e0219faf3cad9038ff3b1d8c",
49
- "color.border.default": "45738ccd5faf01142a2888af2be8ca99bee47882",
50
- "color.border.hover": "558bed8c38f6b7926e452b67a2422e089b2a9cf7",
51
- "color.border.disabled": "12413a854d2c379d0f274ffc86d8b82adc2c68a0",
52
- "color.border.active": "0da28df7dfb941325274733ac8a6dbac3202819e",
53
- "color.border.error": "8b04d47f7b80be914265d363cd614ad302cbb4f7",
54
- "color.border.filled": "d4aa5f05375f3776c51b0cb74921768928d3de21"
55
- }
9
+ "$figmaStyleReferences": {}
56
10
  },
57
11
  {
58
12
  "id": "3ae9d74d778a3db5f77f414ad850f580eb5e915f",
59
- "name": "whitelabel",
13
+ "name": "Human",
14
+ "selectedTokenSets": {
15
+ "global": "source",
16
+ "brands/human": "enabled"
17
+ },
60
18
  "$figmaStyleReferences": {},
19
+ "$figmaVariableReferences": {
20
+ "color.alias.background.default": "9bb4fb3f87e39a47ee53ea31e9c7f72d59643c96",
21
+ "color.alias.surface.default": "e63237adc2adf91ad5fc5cbdeba9956f68181d29",
22
+ "color.alias.brand.accent": "8501941e6468c177fe1ffed7060db753356425cd",
23
+ "color.alias.brand.primary": "58f22433d5c760e6488409844d4270ff946765ef",
24
+ "color.alias.functional.error": "bb790e987463e9b3b29f2a2d40b64fbe596616b0",
25
+ "color.alias.functional.warning": "da80a0f3bc5360bf740680b7ea0cb2bd426107d5",
26
+ "color.alias.functional.success": "87cbd11e5568e2f19fb236f34bfe6b614d91485f",
27
+ "color.alias.functional.info": "e532723a4112ac1cab623dd56b74d9a906f59972",
28
+ "color.alias.text.default": "4ef42665fabd34410913637c4582b4743d17c890",
29
+ "color.alias.text.disabled": "65cbf97d80e5bb992368b5287fba615ed5af0245",
30
+ "color.alias.text.inverse": "966436a6d0ce3adfe39749624765f1a7fff3dc53",
31
+ "color.alias.text.error": "e8b6cfc02ac8934ce3bd3c7362eb925e96245f4c",
32
+ "color.alias.text.warning": "95f12675220a95f0a3785dedfabd09cdf5865f93",
33
+ "color.alias.icon.primary": "ff632e3e19b745e3d2374ae5c97c414bc045e78f",
34
+ "color.alias.icon.secondary": "3de108e16add0c7744a467bbce4a7ae29391bb56",
35
+ "color.alias.icon.tertiary": "2b73e2afefdfe059f6dd480ec7aadae9b4e4bc58",
36
+ "color.alias.icon.inverse": "ffaffe63727465239a2110953f829cc8670f2265",
37
+ "color.alias.icon.error": "925e009dd76300781eed1d6dc10a20c40e50771c",
38
+ "color.alias.icon.warning": "f2359a62a1385928ed2c065d17c29bc2fc3028a4",
39
+ "color.alias.fill-primary.default": "1ac959d66477086d732682b9439cd248521aefbd",
40
+ "color.alias.fill-primary.hover": "48341170df4749705ee2c87d05cb0c8ea950a273",
41
+ "color.alias.fill-primary.disabled": "994a56f0cf42d819b4b3e9fd5825018f31c9ef96",
42
+ "color.alias.fill-primary.active": "8e3ea88a0fc8f71969e761bdd01117e3d048b1bb",
43
+ "color.alias.link.default": "9a54d3a9f1508e618da379eec229fad37bbbd368",
44
+ "color.alias.link.hover": "3d4e651d5d1b85187fc1a27e677e581b50b3b741",
45
+ "color.alias.link.disabled": "eca788739fc465aac8faef510026762d86ab2392",
46
+ "color.alias.link.active": "505122f36a31e38e93fed063498d5610645b5de1",
47
+ "color.alias.border.default": "9fa4abf97e04ce09a05c8d900d5dcb4177bb0360",
48
+ "color.alias.border.hover": "f70e9ae994c0462f4dc08ed133ba92a272fe7d95",
49
+ "color.alias.border.disabled": "479993e3fbf8e264933f66bd4bc7ae8705ee9880",
50
+ "color.alias.border.active": "ed0bbdfcb9346965531a889cbd219c428bd0f7ae",
51
+ "color.alias.border.error": "256eb2282a0d3b6e1c3c55c974445c7ce2ede8a5",
52
+ "color.alias.border.filled": "7ea622d0e0e5dd8a4c6bab817bde48c15e99be19",
53
+ "color.alias.on-fill-primary.default": "75a4664e0d9323e643388395ebaa9205cb78b3d8",
54
+ "color.alias.on-fill-primary.hover": "d69a21e02a77453e567a567da5c3839f9c3ae429",
55
+ "color.alias.on-fill-primary.disabled": "62b13d315d27e4783df95b75712f737d50a3b615",
56
+ "color.alias.on-fill-primary.active": "b2a593ca97de34a31b22d7c4425242d4fb4682a8"
57
+ },
58
+ "$figmaCollectionId": "VariableCollectionId:271:446",
59
+ "$figmaModeId": "271:1"
60
+ },
61
+ {
62
+ "id": "977d3aba54ee6e7bda3e444b28e0d3df650ae91b",
63
+ "name": "Human - De Publieke Tribune",
61
64
  "selectedTokenSets": {
62
- "globals/global": "source",
63
- "brands/whitelabel": "enabled",
64
- "brands/human": "disabled",
65
- "website/tribune": "disabled"
65
+ "global": "source",
66
+ "brands/human": "source",
67
+ "subbrands/human-tribune": "enabled"
68
+ },
69
+ "$figmaStyleReferences": {},
70
+ "$figmaVariableReferences": {
71
+ "color.alias.text.title": "b24d38610b0bfe5eeea17eaa6ceadf8d7d83c1f5",
72
+ "color.alias.background.default": "1db2ab8f6e116a2d2a06e59c52b3a7e76c4fd47e",
73
+ "color.alias.surface.default": "dc0d884b8aad63a1863e6a0ddf27538c719ee3ec",
74
+ "color.alias.brand.accent": "419286212299503dfe620c31c151d0b0a584ca79",
75
+ "color.alias.brand.primary": "12d7692e0b87aa08105622797326ff1f09980beb",
76
+ "color.alias.functional.error": "ed63823b3574baf900b8bd059969a1bf2e5142d4",
77
+ "color.alias.functional.warning": "b4cc03dc46597a3f28fb777fe96a183282c6f838",
78
+ "color.alias.functional.success": "070a50fb778a7845bc7f3da690bf93ffb6fa3f65",
79
+ "color.alias.functional.info": "ef01bcffae72039b5f33d5289e0f352b43fd9d58",
80
+ "color.alias.text.default": "71e4832ccf05646151b957fe8e478342906b0d43",
81
+ "color.alias.text.disabled": "d999035911c66c92a618a7179c729f6d5b90dc43",
82
+ "color.alias.text.inverse": "1407c015d5de82e0d5430bd2ef6633693f56123d",
83
+ "color.alias.text.error": "73778417499d4b6fc40a8602db82e419af6e4d70",
84
+ "color.alias.text.warning": "5427b4f6b939b106d65934c6fb15c5c63d952a66",
85
+ "color.alias.icon.primary": "d8b39a5ad16ff59bb9b40d2c932921a1651e9afc",
86
+ "color.alias.icon.secondary": "0943491f43184a64e43116600b687032c1b25040",
87
+ "color.alias.icon.tertiary": "f527b6a097b70e3f75cf30f392b6bb9fc294fca9",
88
+ "color.alias.icon.inverse": "e699a3f967769ed8b47ab2f59546fbb7624954db",
89
+ "color.alias.icon.error": "32e0ed253c6959042d156d14616721e0c79816b5",
90
+ "color.alias.icon.warning": "6b6df694f900b5143c66780c5fc16e1ccb0acf7b",
91
+ "color.alias.fill-primary.default": "94568c7144c33d1489eb18f6f280d4aa038d462e",
92
+ "color.alias.fill-primary.hover": "163fce5ad4632dc2d5f8e1ace11a7a64c2e66068",
93
+ "color.alias.fill-primary.disabled": "ce8e57cbdc076dcded01c094e37318e12c253b36",
94
+ "color.alias.fill-primary.active": "2539ca383e97d3fe0933d75481fc27ebde3c0e82",
95
+ "color.alias.link.default": "efebee3b98eb6446b14c2829ccde177c714e9f0a",
96
+ "color.alias.link.hover": "d7c7a4e8f1d53e3b70dc226e146e51d8293dc72c",
97
+ "color.alias.link.disabled": "66418d476d8d6632a17c210e51a6020a9db39ec7",
98
+ "color.alias.link.active": "997470e9ef96d1cf2eae460620e8aa9f63d03899",
99
+ "color.alias.border.default": "a3856852f6a178b461bb5ade96b82bbefc56011b",
100
+ "color.alias.border.hover": "49ffc4f5c759aec5c03cf860dc439dde64f0edeb",
101
+ "color.alias.border.disabled": "3281e7c6db65fb62c205c338359f7685d924bf34",
102
+ "color.alias.border.active": "5e3bf7c05a950d3d54273118eef39d768292d0db",
103
+ "color.alias.border.error": "e9e5cb9f2c1366225f8f80e26dc67602d7b3eb4f",
104
+ "color.alias.border.filled": "8e5521b482c466d4b5e8dbf818810442bce9699c",
105
+ "color.alias.on-fill-primary.default": "15993046630751f8ece8c69ca8567b8585ef01ed",
106
+ "color.alias.on-fill-primary.hover": "05b82b00f36c50bffefa85fb27976f548d64814f",
107
+ "color.alias.on-fill-primary.disabled": "3a966b31c871ccf9239cf012d26bca15c7efe134",
108
+ "color.alias.on-fill-primary.active": "0bf531d306f57f32a2eaa3cc1dddf67a46e50665"
66
109
  },
67
- "$figmaCollectionId": "VariableCollectionId:613:3527",
68
- "$figmaModeId": "613:1",
69
- "$figmaVariableReferences": {}
110
+ "$figmaCollectionId": "VariableCollectionId:271:403",
111
+ "$figmaModeId": "271:0"
70
112
  }
71
113
  ]