villa-design-tokens 1.0.120 → 1.0.121

package/package.json

@@ -2,7 +2,7 @@
   "name": "villa-design-tokens",
   "description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
   "author": "VPRO",
-  "version": "1.0.120",
+  "version": "1.0.121",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vpro/Design-tokens.git"

package/tokens/$themes.json

@@ -102,14 +102,12 @@
       "color.surface.disabled": "S:f9bc53746c4791872afbdae42351147d7f86e1ab,",
       "color.border.inverse": "S:056f70742a801add2df5fe6f58adeb55a63a5147,",
       "color.link.inverse-subtle": "S:a965e7d09c3f1b81698199003fb3fb295873d85f,",
-      "color.link.inverse-subtle-hover": "S:4f4f19fd90344d3aaec345726049310abcbd7ecb,",
-      "text.body.min.xs": "S:8824e78e8b8bd2ded436b1ebacb1d619321b8bca,"
+      "color.link.inverse-subtle-hover": "S:4f4f19fd90344d3aaec345726049310abcbd7ecb,"
     },
     "selectedTokenSets": {
       "global": "source",
       "brands/whitelabel": "enabled",
-      "base": "enabled",
-      "brands/vpro": "disabled"
+      "base": "enabled"
     }
   },
   {
@@ -220,14 +218,168 @@
       "color.link.inverse-subtle": "S:b17cf1f853d1699a35288a43dfb7f37a9345125e,",
       "color.link.inverse-subtle-hover": "S:e32a69fe9516ab24118ef48d4645ee42e20f5ca4,",
       "color.surface.disabled": "S:15e3b6e441aabf2734fa98fbed94a17cccc76552,",
-      "color.border.inverse": "S:c7ee4a8af796fa3342b2677d4f655752f09ff2de,",
-      "text.body.min.xs": "S:3043619d2dbb54d4d1fff5cb3646b78a97205892,"
+      "color.border.inverse": "S:c7ee4a8af796fa3342b2677d4f655752f09ff2de,"
     },
     "selectedTokenSets": {
       "global": "source",
       "brands/human": "enabled",
+      "base": "enabled"
+    }
+  },
+  {
+    "id": "337e4017b192da62f305471cb6b9e21440bfbcd0",
+    "name": "vpro",
+    "$figmaStyleReferences": {
+      "text.body.min.xl": "S:040355e393c87020a646b2a1cc1130664a13d3d8,",
+      "text.body.min.lg": "S:7eb33e7df30e62cbd7c7e5fa3f3813fac30e7f3f,",
+      "text.body.min.md": "S:82cfab2a33990f51f36a56d8e78a13db0fd5297f,",
+      "text.body.min.sm": "S:fa800c602c43c0037b48d9f03566b44f5fa5fed2,",
+      "text.body.max.xl": "S:5b9925e82283ee174d588fbc0cdbcf4a15541740,",
+      "text.body.max.lg": "S:c09a67ceedcc330137246f8417b615bad81610f5,",
+      "text.body.max.md": "S:625d5a2fb59ad3f9ae30a16bc21805cc66fc587f,",
+      "text.body.max.sm": "S:d9b6c708e8c7030d221502f724434ee023ca2ca7,",
+      "text.display.max.intro": "S:64fc3c42a8aa22ce54f3ce7c3d05aa6fec532c75,",
+      "text.display.max.name": "S:edab2f8637e2fbf7716cf92fb7b6cda9e2408095,",
+      "text.display.max.quote": "S:511715a0ae352ae44c2524935e92cc6be826b218,",
+      "text.display.min.intro": "S:3a58e86ba2e7245e7d669cecdd35a56dbe60f7c4,",
+      "text.display.min.name": "S:43356d074373aa72500faba9a16eb94145b876f0,",
+      "text.display.min.quote": "S:c039ed755354667266b50280cc872df452610ca3,",
+      "text.utility.max.xxl": "S:79a5bd62b48bbfd401f2e466cec9aeb83f5d430c,",
+      "text.utility.max.xl": "S:5cfc992fb723dc15040bd70ab0cfa8e7c9c867dd,",
+      "text.utility.max.lg": "S:637688ef199f3d960b96f9e3881fd0f975e75931,",
+      "text.utility.max.md": "S:937d4185b95eff87adbf9404f3b37190d43fca3a,",
+      "text.utility.max.sm": "S:84a8f4a68daa57161f27a90c7ecc66252936f3f3,",
+      "text.utility.min.xxl": "S:32146342ce78548a3f8cc53c9b5710049e2b3108,",
+      "text.utility.min.xl": "S:910b89661a5cd495040aa9282b5af8434f8c998b,",
+      "text.utility.min.lg": "S:a91526712d0bcf84126b125c997bb2d0be3674f5,",
+      "text.utility.min.md": "S:beb9dac630985554088288cedeccdabc7e3d7134,",
+      "text.utility.min.sm": "S:c44f1b567ee38a8fdfb3c0fe92a990cfddc0a2af,",
+      "text.heading.min.xxxl": "S:e758dfeb3be9447a55d7fec4e04ffd612794d1cb,",
+      "text.heading.min.xxl": "S:3ec2f2f0d8a88a02fd8141f1a990b41d3271cac5,",
+      "text.heading.min.xl": "S:a205daa3753c7bb7c4c285fd05e8148bffe12fa8,",
+      "text.heading.min.lg": "S:9f815048e188de200f9c7d24fa76fefddb993f18,",
+      "text.heading.min.md": "S:1c89e784e4ca28ab06459b052f2800ddb5d6d665,",
+      "text.heading.min.sm": "S:284abfdb818cd4e719a9e25c243063c66517e051,",
+      "text.heading.min.xs": "S:086374ae4687de27e70b2a9f6fe018a038a0013a,",
+      "text.heading.min.xxs": "S:828e6704ae1a86069c126f38140a72e1bbb11599,",
+      "text.heading.max.xxxl": "S:166e6ba925753421370ece5812550bde4524fe28,",
+      "text.heading.max.xxl": "S:5aa424f8099bf4a6595ef971aa610f58d6c605dd,",
+      "text.heading.max.xl": "S:b2ffd6c585245ca63042ea3ebb6a53fb629bff90,",
+      "text.heading.max.lg": "S:6362525a68ff8639e6eae0c35457b65ed24fe12d,",
+      "text.heading.max.md": "S:ae96a3b45cb35be155b216e32d1fefb548373edd,",
+      "text.heading.max.sm": "S:20e1965b93d126923e49e156a5e7eb82dfecb167,",
+      "text.heading.max.xs": "S:a02d3e005ac17afd813cad0bd5b6c8d84ab34805,",
+      "text.heading.max.xxs": "S:a5ec8463c37e1d4270f0872af8569cd83e6ff901,",
+      "color.global.grey.100": "S:e8e714e35fe40d789aea90672ee2ea512491573c,",
+      "color.global.grey.150": "S:8c779e62174f187ee6950fd792630aa0b85c26c7,",
+      "color.global.grey.200": "S:e2e1ed7cb4c2a88bd9a6837c835bd8171b55e2c9,",
+      "color.global.grey.250": "S:fba3c03c69f456c6b2f55dc39ae84f196269dfd2,",
+      "color.global.grey.300": "S:6c8fbd2d1a193fd171665955ea4fd6c4e923cb88,",
+      "color.global.grey.350": "S:6c91579d91e96a807b0f59eb6a18c0f7b9926cab,",
+      "color.global.grey.400": "S:497d52cb69c2973eecdf765c3caa37a712e257a4,",
+      "color.global.grey.450": "S:e0751356d7c12dc3977cfbad08be00dd4a51b45e,",
+      "color.global.grey.500": "S:edb9fa2a9dedfeb1d013139914a58e4d71dc6812,",
+      "color.global.grey.550": "S:b2a7ad6117070f2e116b2669197a3e717248d8a2,",
+      "color.global.orange.50": "S:d9ba6d60cafe18e1cd84bad94e5d314a4b3356c7,",
+      "color.global.orange.100": "S:106a96edb216c076da87ca2334dfe0e8ecc924a3,",
+      "color.global.orange.125": "S:be3f3222455b1ad9c8a06a92b838817939db983e,",
+      "color.global.orange.150": "S:c583a300c9c7eff376111d5a11381549ae045e0c,",
+      "color.global.red.50": "S:e667bd2a7eaf0e7baafb598d04cde836211f530e,",
+      "color.global.red.100": "S:c981aaf5474d081c53def841f1a8a90bf5828293,",
+      "color.global.red.125": "S:0f598ad1dbb0189649877097d4b0244abee4ffb5,",
+      "color.global.red.150": "S:521122cac0f101dd6ba4ccdce45f5cb7260b46be,",
+      "color.global.pink.50": "S:b2dcc89fde708902b645137c760d52739311397f,",
+      "color.global.pink.100": "S:ef335396a412613174e5ef569f6a8c14b4c4f5ed,",
+      "color.global.pink.150": "S:8baf7b2b867b6bbe19d658d9c8be01115739761e,",
+      "color.global.mint.50": "S:6475ade52d2e6a3774d78d8d3622c8c2d4a546cb,",
+      "color.global.mint.100": "S:7b7b71cdb56d4ead422d96385518dbd0add3d27e,",
+      "color.global.mint.150": "S:8db39ba9bb0bb0140a6f1fac08e0b49045618130,",
+      "color.global.violet.50": "S:3375e3a8f3bc530885ff15cb652478fb414264ab,",
+      "color.global.violet.100": "S:b5d0e45f5fccbe155b2966cd09f878de836dff2e,",
+      "color.global.violet.150": "S:e7799cd61c641bf8520d5ce8328d43e07f2ef1fc,",
+      "color.global.blue.50": "S:4084147052240dc399982a427ef49b32aaf80b57,",
+      "color.global.blue.100": "S:4cc6bcc8a16d7d5deedd50ecdab785cbda9e35de,",
+      "color.global.blue.125": "S:3a7017b83fbe0655ab430e38e90bb01f2bfad147,",
+      "color.global.blue.150": "S:30e025b4d32396aa35922823c57a0f5eb955a104,",
+      "color.global.rose.50": "S:b625d51e16bd7966087d1ac5eea7d4096a5e6443,",
+      "color.global.rose.100": "S:ec922587bac20dcfce60a5c7c27f2cc63c030838,",
+      "color.global.rose.150": "S:d60aed6eae5629ec1c6bb1dae57735b6e2061ba6,",
+      "color.global.green.50": "S:db330abdd81466bd10501da90abefdb7ae7d2134,",
+      "color.global.green.100": "S:ba6f4b58feddfe68bf0548bdf7efe2f95a23b8ba,",
+      "color.global.green.125": "S:6cd49f3f64076c4931c85741f364beb085cdfe60,",
+      "color.global.green.150": "S:edd7bb406df9fb8bde16b20109f38c6657abbc2c,",
+      "color.global.beige.50": "S:31cfee9927db2f6226071c7b0182a77accc8bb69,",
+      "color.global.beige.100": "S:a30d6a12ae4c14de52c4c2001c4120dff345960f,",
+      "color.global.beige.150": "S:cfb4a4cdd1d850a72935a914bbe8d4f886bc5610,",
+      "color.global.yellow.50": "S:2a55903513c5a228165c4bdc61ab8c3591108498,",
+      "color.global.yellow.100": "S:5bcfac21c7aa5602137f2fe05cf26fd6b2333a94,",
+      "color.global.yellow.150": "S:19551dc32e3fabed778ae3e9353d283d83fd6c96,",
+      "color.transparent.50": "S:76fa0cb37721c0e2501076d879a03041a47a4c57,",
+      "color.transparent.100": "S:f6194664d31a1adb71f03f94dad95f5feb762a28,",
+      "color.global.dark-blue.100": "S:b9d08bb7b9af80f0f09662e9a6616bde260e84a0,",
+      "color.global.dark-blue.150": "S:23149cfbb3acb2e42756f6f70bd788269b5842b0,",
+      "color.functional.error": "S:5a37d4f6bfb0ed62584a5492c9e7d73820344c6f,",
+      "color.functional.warning": "S:2da35c0eadbc622d1cf66b38249b44b74207d027,",
+      "color.functional.success": "S:5b89386a46d18bdc62111db6c856bb957a6fd9f1,",
+      "color.functional.info": "S:280e90317c730b6fe6d3508bb78fb4a8fb28dfd8,",
+      "color.brand.primary": "S:284c0d43f8e3baec7d3925d58e0acf8eb59839d0,",
+      "color.brand.secondary": "S:e73558b73ef3b985d8c77e51b1dd59fd4b533a0d,",
+      "color.background.default": "S:0f8bfbdaf86bf5c902f400454bd9a077c7d25ada,",
+      "color.background.secondary": "S:ebdb6741d8985c87d8b49148b77dd51944e76749,",
+      "color.background.tertiairy": "S:893408ee93048e6cf0aa82879ef2cf8c64583128,",
+      "color.surface.default": "S:56dfd305b7a7f9ecd17395e2f63ea8a45a27304d,",
+      "color.surface.secondary": "S:78cbc01370c61eda6c7795f95771df9df5fb43b2,",
+      "color.surface.tertiary": "S:c86cac2373967150d2ad9b6ea7926f254201895d,",
+      "color.surface.disabled": "S:bf1e185f23ddee811bfce551e08a32a4b16fc69f,",
+      "color.surface.dark": "S:19322deea91737b7a722535bb91c99c6aa2ef1d6,",
+      "color.surface.brand": "S:42a27da66fa967515ffd84e85b365e0623898ff4,",
+      "color.text.title": "S:d954dc7b3279fd4b034cfbf4d3fc50c3572aaafd,",
+      "color.text.default": "S:b70d46b9a631ce4e880f605f440cc57f2352f3f1,",
+      "color.text.subtle": "S:f414dfd7a347b23bbe00ff9818bcc7a3f01667b5,",
+      "color.text.disabled": "S:d75697d3e48dc87db7c4ace9b80000e0be0fb3ae,",
+      "color.text.inverse": "S:ede2321f9ba8000e8be1aee1d9181aadfe0fddae,",
+      "color.text.error": "S:581d31afc49d093613ff936c82ff462328f59cdd,",
+      "color.icon.primary": "S:f667d305fa64a68f024ed1767959709ed34e8c6f,",
+      "color.icon.secondary": "S:863cd9e4e488c3f531267fe643dbe184324b4e79,",
+      "color.icon.tertiary": "S:93c8b4120928e88a00f289d62e28838bf2e7e405,",
+      "color.icon.inverse": "S:f411a440239dfe7b6ec0cbee7095785b30873dd1,",
+      "color.icon.error": "S:64bcd692675c398cacc725ae8eae166ed298b0be,",
+      "color.primary.interactive.default": "S:89e60bb9bab997de5f97ae988ad9a304f41b628b,",
+      "color.primary.interactive.hover": "S:12179f69d6412ceb500e4467b85507d090d4f375,",
+      "color.primary.interactive.active": "S:ac08477d0a9121ad7a6aabb44e0093c0d6fad301,",
+      "color.primary.on-interactive.default": "S:6d68f99426981a2fe02c94bf77243fbd5d4e4d62,",
+      "color.primary.on-interactive.hover": "S:2a7b5a33fcbd6836347ec8d0278fb38cf5850c8a,",
+      "color.primary.on-interactive.active": "S:8334ba01f14aee8c9236597abeda7e72001008ad,",
+      "color.border.default": "S:6ef448d0ea23b7b9f57578c271e77461e4ffaa5a,",
+      "color.border.hover": "S:90e33a1e9064a3589e592fdcaa43bffbcc951fda,",
+      "color.border.active": "S:b12d3bb97784fd202ebfce434f7bebecc132640b,",
+      "color.border.error": "S:c95168e09bc87971226f2269d31800eb54bb1ce4,",
+      "color.border.inverse": "S:2de127ccc33a136316d1845126a574e13a7ad17b,",
+      "color.border.focus": "S:b1a2424d1ea1d5375933ea461bb973f27cfc7ea7,",
+      "color.border.filled": "S:1c76687deaf3431b32e4a3c2e3852bf9c23a201c,",
+      "color.link.default": "S:b872812b6c51e598b097b8999128a0c253c582f6,",
+      "color.link.hover": "S:ab2dd52071656e521de6baaa065b83a439956dfc,",
+      "color.link.inverse": "S:20389b0843e4b9de1284d3e016ee724fed39dd2e,",
+      "color.link.inverse-hover": "S:653443e6553331c0932b122035bda40959e9ef8a,",
+      "color.link.inverse-subtle": "S:50291fbb337e99ba7d285abd60c6d48bee9fd1bb,",
+      "color.link.inverse-subtle-hover": "S:9a467c636f4ec16eb20ed176ecad80823c8c0485,",
+      "color.secondary.interactive.default": "S:88443b3d673ad9a2ac526c8177811e41a46f6720,",
+      "color.secondary.interactive.hover": "S:67860e715881f7e7c4890a4cd150f4bc715fff17,",
+      "color.secondary.interactive.active": "S:d317d07ac11647830c43f1c419ec002895536ee3,",
+      "color.secondary.on-interactive.default": "S:a2e749761aa770909d4b17809daec8739ff1e482,",
+      "color.secondary.on-interactive.hover": "S:b288a2d3d4811901f71082dc653c9e5e2fc23199,",
+      "color.secondary.on-interactive.active": "S:58541d2b9372e652a907f34cd5b626fea9af61ff,",
+      "color.tertiary.interactive.default": "S:0421ae737662916cae3cb8f811246a947de4874e,",
+      "color.tertiary.interactive.hover": "S:5b37ec4e97ae72fcd086a5004b65525798c5eb93,",
+      "color.tertiary.interactive.active": "S:4bcea4fa50e7a5c47c8057204cc82ee426211344,",
+      "color.tertiary.on-interactive.default": "S:9f032f5ef07db64442bf2315aecd767010f4fb69,",
+      "color.tertiary.on-interactive.hover": "S:7b8ab6b5ba0971e624dce226fae0f1b90b8da1d4,",
+      "color.tertiary.on-interactive.active": "S:3f37cab06e0962b346286a31aa50c57634c2ce1c,"
+    },
+    "selectedTokenSets": {
+      "global": "enabled",
       "base": "enabled",
-      "brands/vpro": "disabled"
+      "brands/vpro": "enabled"
     }
   }
 ]

package/tokens/base.json

@@ -37,15 +37,6 @@
             "lineHeight": "{lineheight.body}"
           },
           "type": "typography"
-        },
-        "xs": {
-          "value": {
-            "fontFamily": "{fontfamily.body}",
-            "fontWeight": "{fontweight.normal}",
-            "fontSize": "{fontsize.global.100}",
-            "lineHeight": "{lineheight.body}"
-          },
-          "type": "typography"
         }
       },
       "max": {

package/tokens/brands/vpro.json

@@ -1,19 +1,19 @@
 {
   "fontfamily": {
     "body": {
-      "value": "{fontfamily.global.roboto}",
+      "value": "{fontfamily.global.simplistic}",
       "type": "fontFamilies"
     },
     "utility": {
-      "value": "{fontfamily.global.roboto}",
+      "value": "{fontfamily.global.simplistic}",
       "type": "fontFamilies"
     },
     "heading": {
-      "value": "{fontfamily.global.bureau}",
+      "value": "{fontfamily.global.simplistic}",
       "type": "fontFamilies"
     },
     "display": {
-      "value": "{fontfamily.global.bureau}",
+      "value": "{fontfamily.global.simplistic}",
       "type": "fontFamilies"
     }
   },
@@ -56,7 +56,7 @@
   "color": {
     "brand": {
       "primary": {
-        "value": "{color.global.mint.100}",
+        "value": "{color.global.dark-blue.100}",
         "type": "color"
       },
       "secondary": {
@@ -155,25 +155,25 @@
     "primary": {
       "interactive": {
         "default": {
-          "value": "{color.global.orange.100}",
+          "value": "{color.brand.primary}",
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.orange.50}",
+          "value": "{color.global.dark-blue.150}",
           "type": "color"
         },
         "active": {
-          "value": "{color.global.blue.150}",
+          "value": "{color.global.grey.550}",
           "type": "color"
         }
       },
       "on-interactive": {
         "default": {
-          "value": "{color.global.grey.500}",
+          "value": "{color.global.grey.100}",
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.grey.500}",
+          "value": "{color.global.grey.100}",
           "type": "color"
         },
         "active": {
@@ -188,11 +188,11 @@
         "type": "color"
       },
       "hover": {
-        "value": "{color.global.blue.100}",
+        "value": "{color.brand.primary}",
         "type": "color"
       },
       "active": {
-        "value": "{color.global.blue.100}",
+        "value": "{color.global.dark-blue.150}",
         "type": "color"
       },
       "error": {
@@ -214,11 +214,11 @@
     },
     "link": {
       "default": {
-        "value": "{color.global.blue.150}",
+        "value": "{color.global.dark-blue.100}",
         "type": "color"
       },
       "hover": {
-        "value": "{color.global.blue.100}",
+        "value": "{color.global.dark-blue.150}",
         "type": "color"
       },
       "inverse": {
@@ -245,7 +245,7 @@
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.blue.100}",
+          "value": "{color.global.dark-blue.150}",
           "type": "color"
         },
         "active": {
@@ -275,11 +275,11 @@
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.orange.50}",
+          "value": "{color.global.dark-blue.100}",
           "type": "color"
         },
         "active": {
-          "value": "{color.global.blue.150}",
+          "value": "{color.global.dark-blue.150}",
           "type": "color"
         }
       },
@@ -289,7 +289,7 @@
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.grey.500}",
+          "value": "{color.global.grey.100}",
           "type": "color"
         },
         "active": {

package/tokens/global.json

@@ -401,6 +401,16 @@
           "value": "#806400",
           "type": "color"
         }
+      },
+      "dark-blue": {
+        "100": {
+          "value": "#0000FF",
+          "type": "color"
+        },
+        "150": {
+          "value": "#3333FF",
+          "type": "color"
+        }
       }
     },
     "transparent": {