npm - villa-design-tokens - Versions diffs - 1.0.142 → 1.0.144 - Mend

villa-design-tokens 1.0.142 → 1.0.144

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 (4) hide show

package/package.json +1 -1
package/tokens/$themes.json +98 -1
package/tokens/brands/brainwash.json +106 -46
package/tokens/brands/vpro.json +102 -42

package/package.json CHANGED Viewed

@@ -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.142",
+  "version": "1.0.144",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vpro/Design-tokens.git"

package/tokens/$themes.json CHANGED Viewed

@@ -101,12 +101,109 @@
       "color.surface.disabled": "S:f9bc53746c4791872afbdae42351147d7f86e1ab,",
       "color.border.inverse": "S:056f70742a801add2df5fe6f58adeb55a63a5147,",
       "color.link.inverse-subtle": "S:a965e7d09c3f1b81698199003fb3fb295873d85f,",
-      "color.link.inverse-subtle-hover": "S:4f4f19fd90344d3aaec345726049310abcbd7ecb,"
+      "color.link.inverse-subtle-hover": "S:4f4f19fd90344d3aaec345726049310abcbd7ecb,",
+      "text.display.max.question": "S:53683dd967cc1a85e06dec8e5448e1efc4277b3a,",
+      "text.display.min.question": "S:442d57e8625c475d305cd033a6dbbda80239c42f,"
     },
     "selectedTokenSets": {
       "global": "source",
       "brands/whitelabel": "enabled",
       "base": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:396:2",
+    "$figmaModeId": "396:0",
+    "$figmaVariableReferences": {
+      "fontfamily.body": "0ee784ff3884f1120d29f5fc0e835c3054dc4085",
+      "fontfamily.utility": "e37b977bdfbf94926ac13c510b7ce7c6d7dffe1b",
+      "fontfamily.heading": "d5503972dc659a25980284cf5d6c90db24539bef",
+      "fontfamily.display.intro": "1157e89befadb00b7195769deb182e372b2ca44b",
+      "fontfamily.display.name": "f84dc047e9d91e15778e8ce0e3f487c13d62f0a5",
+      "fontfamily.display.quote": "bd23b00b3bec577c3e3bbf968f4cab68c39cb6b7",
+      "fontfamily.display.question": "2aebd061f15875e54633a158345a0247635618ab",
+      "fontweight.body": "42ca97398d7052a10f9a1b12b79e116b84e820d0",
+      "fontweight.utility": "bea3e078f0ed5ed27ab3ada338c70c6d202a44cd",
+      "fontweight.heading": "8bef4479b100a6a921e05bbf455192221dab249d",
+      "fontweight.display.intro": "e8d9039bc66263ede6917e793dd1f8ba02a6fbee",
+      "fontweight.display.name": "bfe49ec5a230a7197af3604757cfb5fc70619200",
+      "fontweight.display.quote": "48fb06d0035074bc9c32d25677d3ca341ed55703",
+      "fontweight.display.question": "12d42c13f3e6e52b4aa05da456bbb9e654f8f735",
+      "color.brand.primary": "59e8fd296df0fe817f53f2fdbbf0cadfc5bc08bc",
+      "color.brand.secondary": "e014b4f7aa5d8d92b6efab4eafbcd61672cb01c5",
+      "color.background.default": "7dec94cdc80f595f1ae70f1790303e2fdf4043a0",
+      "color.background.secondary": "aac3f7fb9275b892dc208facc89066d664bcf534",
+      "color.background.tertiairy": "2582fe0012a87424e78f079c8b21f0903e9ada8d",
+      "color.surface.brand": "3135ece51b938d9e05922ee8615a426998fa219a",
+      "color.surface.primary": "b0f8cbec7fa7eeaf12483174d5270980f2bbc850",
+      "color.surface.secondary": "0f36473698dc5a66d9fbbfa9982bdfc655e20a67",
+      "color.surface.tertiary": "ecb7ea6af8bcfdbedb898ba6e76428100d49e693",
+      "color.surface.dark": "02bb81d06d271088edc679148cf3e0146f50ae2c",
+      "color.on-surface.brand": "497471fc58475707291d5ba6e53fb3ec27bcbc54",
+      "color.on-surface.primary": "19470029f4387420bd83f3a07fadc21891b6bc13",
+      "color.on-surface.secondary": "a3bcbe6a95a28da931b4b3ee732e9d12d623f5e6",
+      "color.on-surface.tertiary": "3cf6fe92d823c43fc450e4b0cd1940d3e6139bb1",
+      "color.on-surface.dark": "5e2d3c9cc30612351148366d70158fde148a6acd",
+      "color.text.title": "8639213e63fb29f8fc955cf562690d9c0b64f6f8",
+      "color.text.default": "caa13fdf141e5b4d4c4f4bc33d0613271d234d3f",
+      "color.text.subtle": "032fa98672f5072a1efc77baf0470b50848fc011",
+      "color.text.disabled": "0dcf378e5f0fff31f3069c8fde51165e3ca46383",
+      "color.text.inverse": "c30b41c7c2812967f97f99d71d7224e2a2b56db0",
+      "color.text.error": "0ac8078d0614fb7d3c83d818b98cf22bd7efa568",
+      "color.icon.primary": "fd7418dbe405d3883e8b8da14a803500cd5cc610",
+      "color.icon.secondary": "c20d6649261c5c2b64f40e881b3e7079772b0aa4",
+      "color.icon.tertiary": "6cc3b55aae53422781878bc7142987a23804b8f5",
+      "color.icon.inverse": "7afba85f70dcbdc613d5460cc825d5a7ecd1a2a0",
+      "color.icon.error": "810f89108fae7ecb0669681d68cbf6bee94a0deb",
+      "color.border.default": "77f7fc500a95f71a550c370ec765b3a02048ca28",
+      "color.border.inverse": "b418f6b187bba9115c3fcf8726f5c327e94fe879",
+      "color.border.hover": "4e46c7c045b1e8a974c155e5f5d12ce00c1334bf",
+      "color.border.active": "4b44677ef4511094fab38d17f556fbb8f9da970b",
+      "color.border.error": "dcd3bce9b2612fbd3d6a951de05d20894104e80d",
+      "color.border.focus": "f1f6d486c6e02a79f7e9418b52d3f482fd7b5b1c",
+      "color.border.filled": "5e76cca9ee8b0afb72988ac954867a786dab5eb4",
+      "color.link.default": "7e654a82224ed27e32a05384c962bbf2527a7e99",
+      "color.link.hover": "fbde754750d322b0f0e241ee5935bc6551c715b5",
+      "color.link.inverse": "ff1363ae8d869d47250321f7890fe2e9eaa3bbfc",
+      "color.link.inverse-hover": "54e5a91e1f9a0a31f361424ee3e86e913aa7dddb",
+      "color.link.inverse-subtle": "0e970c5d73c86c42a6d4ba92ee44155c999549ff",
+      "color.link.inverse-subtle-hover": "6bb9249d95886d2c01e511eac4ef00a09b404087",
+      "color.primary.interactive.default": "22dd6bdecb6ee21fb20e89682b82d09d790a803f",
+      "color.primary.interactive.hover": "f994458c7c6bc535238acdf309402e56d86ec7d7",
+      "color.primary.interactive.active": "5aab1b8a8fc161433460493d87d1a308ca170af7",
+      "color.primary.on-interactive.default": "8600b0eb7f861cae5743837bf02e6a6a8b68205e",
+      "color.primary.on-interactive.hover": "004f17fa2783db3086daf0fb1989e0c875d6a273",
+      "color.primary.on-interactive.active": "b3ab8a358c60de0be10d32072b086c640732ff16",
+      "color.primary.border.default": "a6b2ef4263a7468bd826d655ed8313c95ddaacf2",
+      "color.primary.border.hover": "a339b982d763fde7ae2bf2e94df3d96160d761c1",
+      "color.primary.border.active": "dd008539dd58f5aac5ddbe675149db5060f29422",
+      "color.secondary.interactive.default": "269d32d911230198a9ddc21662f66133ba5277ba",
+      "color.secondary.interactive.hover": "7bb6858844ce2255fb59780d34988f5884085a51",
+      "color.secondary.interactive.active": "739336e12903eabf75d7a1aaa826ef0eb8022a68",
+      "color.secondary.on-interactive.default": "af5033703f5de58eb7a6368d896e40f93b318341",
+      "color.secondary.on-interactive.hover": "e3577f1168e91e8d551e3c8b29eb7d5d751c8c1d",
+      "color.secondary.on-interactive.active": "1513f2f272767db9f1659c918f1ac375bc4ec25a",
+      "color.secondary.border.default": "6804448f7e5e3f63e12d7c52c81ac2478af16eb5",
+      "color.secondary.border.hover": "f5ac01a4e093f146062dfad1bd6052925a21b0ba",
+      "color.secondary.border.active": "d0a712df5047aef45dcdfadc19b3f87a0174d644",
+      "color.tertiary.interactive.default": "fd7c452af1b493adbcbcfbdd839cf5a83f0be04b",
+      "color.tertiary.interactive.hover": "30f7fc547767edf46b2e896f39cff03197b3e4ad",
+      "color.tertiary.interactive.active": "cdd7bf1c86550331af1e90ff958293d63e7de2d5",
+      "color.tertiary.on-interactive.default": "c605c9a7de6ce233f0d99c22a38ba16d78303d6e",
+      "color.tertiary.on-interactive.hover": "04c0c213647bdf09cb862c488d3f90221e35cd24",
+      "color.tertiary.on-interactive.active": "4b36788b9e4e58e233ffa08d85997573b262a323",
+      "color.tertiary.border.default": "250ce1b45388ee7769fd527c593d7e5657aa0796",
+      "color.tertiary.border.hover": "ae112b0454acf7138ccdf81d9c5191ba8f405042",
+      "color.tertiary.border.active": "e5a01fd2aeb467492bd884891c6e104c07df9dc7",
+      "spacing.100": "00abcb7c8bc51562f22449d91a0301a80afbc08b",
+      "spacing.200": "8ab3050eb18021bdeac5690624790de105e9ca5e",
+      "spacing.300": "7a3e156fe957b048ee94c15715e96bb28865fb9b",
+      "spacing.400": "ebbbd72a06dea2bdbb1a7f143a4aad716f9a3869",
+      "spacing.500": "673817d68da144b44507c14d6b15fcc137ae99ed",
+      "spacing.600": "219f859837fd425f30dd1bec56c11cfa6874c39f",
+      "spacing.700": "9f4cbcea862162ce771dd4ff2a1bb9eaffae9dc2",
+      "color.functional.error": "e0c1eb173ca83c1183fe493a7d28c925fbc57215",
+      "color.functional.warning": "7c69b31775a89cbd1371009d786de00edc149f04",
+      "color.functional.success": "e3736915a97343cf8bd38b0340d49cf4eb0a6df5",
+      "color.functional.info": "0a264ca5c3bd6881bbe3ef256660feac0397d218"
     }
   },
   {

package/tokens/brands/brainwash.json CHANGED Viewed

@@ -121,7 +121,11 @@
       }
     },
     "surface": {
-      "default": {
+      "brand": {
+        "value": "{color.global.neon-yellow.100}",
+        "type": "color"
+      },
+      "primary": {
         "value": "{color.global.grey.150}",
         "type": "color"
       },
@@ -133,16 +137,30 @@
         "value": "{color.global.grey.300}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.grey.300}",
+      "dark": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      }
+    },
+    "on-surface": {
+      "brand": {
+        "value": "{color.global.grey.500}",
         "type": "color"
       },
-      "dark": {
+      "primary": {
         "value": "{color.global.grey.500}",
         "type": "color"
       },
-      "brand": {
-        "value": "{color.global.neon-yellow.100}",
+      "secondary": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      },
+      "tertiary": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      },
+      "dark": {
+        "value": "{color.global.grey.100}",
         "type": "color"
       }
     },
@@ -194,36 +212,6 @@
         "type": "color"
       }
     },
-    "primary": {
-      "interactive": {
-        "default": {
-          "value": "{color.brand.primary}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.global.magenta.150}",
-          "type": "color"
-        },
-        "active": {
-          "value": "{color.global.grey.550}",
-          "type": "color"
-        }
-      },
-      "on-interactive": {
-        "default": {
-          "value": "{color.global.grey.550}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.global.grey.550}",
-          "type": "color"
-        },
-        "active": {
-          "value": "{color.global.grey.100}",
-          "type": "color"
-        }
-      }
-    },
     "border": {
       "default": {
         "value": "{color.global.grey.250}",
@@ -256,11 +244,11 @@
     },
     "link": {
       "default": {
-        "value": "{color.global.navy.100}",
+        "value": "{color.global.magenta.100}",
         "type": "color"
       },
       "hover": {
-        "value": "{color.global.dark-blue.150}",
+        "value": "{color.global.magenta.150}",
         "type": "color"
       },
       "inverse": {
@@ -280,10 +268,10 @@
         "type": "color"
       }
     },
-    "secondary": {
+    "primary": {
       "interactive": {
         "default": {
-          "value": "{color.brand.secondary}",
+          "value": "{color.global.magenta.100}",
           "type": "color"
         },
         "hover": {
@@ -297,47 +285,119 @@
       },
       "on-interactive": {
         "default": {
+          "value": "{color.global.grey.500}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.500}",
+          "type": "color"
+        },
+        "active": {
           "value": "{color.global.grey.100}",
           "type": "color"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "{color.global.magenta.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.magenta.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      }
+    },
+    "secondary": {
+      "interactive": {
+        "default": {
+          "value": "{color.transparent.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.magenta.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      },
+      "on-interactive": {
+        "default": {
+          "value": "{color.global.magenta.100}",
+          "type": "color"
         },
         "hover": {
-          "value": "{color.global.grey.550}",
+          "value": "{color.global.grey.500}",
           "type": "color"
         },
         "active": {
           "value": "{color.global.grey.100}",
           "type": "color"
         }
+      },
+      "border": {
+        "default": {
+          "value": "{color.global.magenta.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.magenta.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
       }
     },
     "tertiary": {
       "interactive": {
         "default": {
-          "value": "{color.background.default}",
+          "value": "{color.transparent.100}",
           "type": "color"
         },
         "hover": {
-          "value": "{color.brand.primary}",
+          "value": "{color.global.magenta.150}",
           "type": "color"
         },
         "active": {
-          "value": "{color.brand.secondary}",
+          "value": "{color.global.grey.450}",
           "type": "color"
         }
       },
       "on-interactive": {
         "default": {
-          "value": "{color.global.grey.500}",
+          "value": "{color.global.magenta.100}",
           "type": "color"
         },
         "hover": {
-          "value": "{color.global.grey.100}",
+          "value": "{color.global.grey.500}",
           "type": "color"
         },
         "active": {
           "value": "{color.global.grey.100}",
           "type": "color"
         }
+      },
+      "border": {
+        "default": {
+          "value": "{color.transparent.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.magenta.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
       }
     }
   }

package/tokens/brands/vpro.json CHANGED Viewed

@@ -121,7 +121,11 @@
       }
     },
     "surface": {
-      "default": {
+      "brand": {
+        "value": "{color.brand.primary}",
+        "type": "color"
+      },
+      "primary": {
         "value": "{color.global.grey.150}",
         "type": "color"
       },
@@ -133,16 +137,30 @@
         "value": "{color.global.grey.300}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.grey.300}",
+      "dark": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      }
+    },
+    "on-surface": {
+      "brand": {
+        "value": "{color.global.grey.100}",
         "type": "color"
       },
-      "dark": {
+      "primary": {
         "value": "{color.global.grey.500}",
         "type": "color"
       },
-      "brand": {
-        "value": "{color.brand.primary}",
+      "secondary": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      },
+      "tertiary": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
+      },
+      "dark": {
+        "value": "{color.global.grey.100}",
         "type": "color"
       }
     },
@@ -194,36 +212,6 @@
         "type": "color"
       }
     },
-    "primary": {
-      "interactive": {
-        "default": {
-          "value": "{color.brand.primary}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.global.dark-blue.150}",
-          "type": "color"
-        },
-        "active": {
-          "value": "{color.global.grey.550}",
-          "type": "color"
-        }
-      },
-      "on-interactive": {
-        "default": {
-          "value": "{color.global.grey.100}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.global.grey.100}",
-          "type": "color"
-        },
-        "active": {
-          "value": "{color.global.grey.100}",
-          "type": "color"
-        }
-      }
-    },
     "border": {
       "default": {
         "value": "{color.global.grey.250}",
@@ -280,10 +268,10 @@
         "type": "color"
       }
     },
-    "secondary": {
+    "primary": {
       "interactive": {
         "default": {
-          "value": "{color.brand.secondary}",
+          "value": "{color.global.dark-blue.100}",
           "type": "color"
         },
         "hover": {
@@ -308,26 +296,84 @@
           "value": "{color.global.grey.100}",
           "type": "color"
         }
+      },
+      "border": {
+        "default": {
+          "value": "{color.global.dark-blue.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.dark-blue.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      }
+    },
+    "secondary": {
+      "interactive": {
+        "default": {
+          "value": "{color.transparent.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.dark-blue.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      },
+      "on-interactive": {
+        "default": {
+          "value": "{color.global.dark-blue.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.100}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.100}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "{color.global.dark-blue.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.dark-blue.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
       }
     },
     "tertiary": {
       "interactive": {
         "default": {
-          "value": "{color.background.default}",
+          "value": "{color.transparent.100}",
           "type": "color"
         },
         "hover": {
-          "value": "{color.brand.primary}",
+          "value": "{color.global.dark-blue.150}",
           "type": "color"
         },
         "active": {
-          "value": "{color.global.dark-blue.150}",
+          "value": "{color.global.grey.450}",
           "type": "color"
         }
       },
       "on-interactive": {
         "default": {
-          "value": "{color.global.grey.500}",
+          "value": "{color.global.dark-blue.100}",
           "type": "color"
         },
         "hover": {
@@ -338,6 +384,20 @@
           "value": "{color.global.grey.100}",
           "type": "color"
         }
+      },
+      "border": {
+        "default": {
+          "value": "{color.transparent.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.dark-blue.150}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
       }
     }
   }