npm - villa-design-tokens - Versions diffs - 1.0.77 → 1.0.79 - Mend

villa-design-tokens 1.0.77 → 1.0.79

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

package/package.json +1 -1
package/tokens/$themes.json +47 -87
package/tokens/base.json +131 -37
package/tokens/brands/human.json +69 -45
package/tokens/brands/whitelabel.json +69 -45
package/tokens/global.json +45 -25

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

package/tokens/$themes.json CHANGED Viewed

@@ -3,78 +3,10 @@
     "id": "5d23abb9dee8e58403fb8a165ade127ca96323e4",
     "name": "whitelabel",
     "$figmaStyleReferences": {
-      "color.brand.accent": "S:2fa27681a05d92b4f34c82329ba63bf05eebbb28,",
-      "color.background.default": "S:38fc3ee73ca364638628d0dd69bc0ab8b23025f8,",
-      "color.background.secondary": "S:20e764b6596fc496ed7a70d3e7ea91b0a0ed006d,",
-      "color.background.tertiairy": "S:fa52224e1a46b396b8b13c41e8fadd4abc3f5cbd,",
-      "color.surface.default": "S:0149f69401e80ca14e9afa61e103f5efb3eec17d,",
-      "color.surface.secondary": "S:3d75428c58b50738b38dcaf880285ef9cbf8050c,",
-      "color.functional.error": "S:d8e7aba568e7e9b649776d81a3b0a17706252b96,",
-      "color.functional.warning": "S:8e236b5dba130c05addbbd637d6c090c0669bb57,",
-      "color.functional.success": "S:5c83dabd8d5317b73ccff57bbd13fe3a1851e76e,",
-      "color.functional.info": "S:df39f6a5066a6bfdea44c1b58173df176593f3f7,",
-      "color.text.title": "S:6e0a1d9cf70046e2258b6e4804318762edee5cde,",
-      "color.text.default": "S:a97056d87d63754b7e09443ab1848c72e571bbff,",
-      "color.text.subtle": "S:cb89f500e4d5692a73b140b04b5d9c8f23193fa1,",
-      "color.text.disabled": "S:145693ba810bd2805f2a63d2116373ae64932348,",
-      "color.text.inverse": "S:475c8f83fc391659d9b61fb4b50e6ba86f88b55f,",
-      "color.text.error": "S:21ea7b0f25112d896b99a83659093feb3d6a481b,",
-      "color.text.warning": "S:0d7130673b4e026af637b1e28a6fe6d24a5bb38a,",
-      "color.icon.primary": "S:38a6e7a74ba82f434af28a0f256888069282a3c5,",
-      "color.icon.secondary": "S:ed15fa2aac05e42713fca60950fed3b707f059b6,",
-      "color.icon.tertiary": "S:e942986e40800ef8a4c87ad9cab7f5ee4cdab280,",
-      "color.icon.inverse": "S:fad1c10c57e61b5a84b0c761413af2085c5d6133,",
-      "color.icon.error": "S:ba9bb19cb60d004b3fb6804bf1f51d7fdd2253d0,",
-      "color.icon.warning": "S:b6a2372c90c4f0963074432973752099d45b1427,",
-      "color.fill-primary.default": "S:72787a0a5565968d259b7812d7e240196bada457,",
-      "color.fill-primary.hover": "S:9093214f2246b65c7c8794af49518141e2bbdb84,",
-      "color.fill-primary.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
-      "color.fill-primary.active": "S:c527dc5ed63ae49b202d6a4fa835732efa215532,",
-      "color.on-fill-primary.default": "S:7eb3fcb9cf94753f09db14e746e44470d32a7a5e,",
-      "color.on-fill-primary.hover": "S:40d2f0d7e8f1f7e7574a3898bc8e82292bda85a5,",
-      "color.on-fill-primary.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,",
-      "color.on-fill-primary.active": "S:b659d5b4aa245b4e96cbc82bad49e9495c4ca8ed,",
-      "color.border.default": "S:b3319e6fb0c39aa4a184b5d06ded3b2aadaac53e,",
-      "color.border.hover": "S:4e95b04eee484127d74a81709b904ca513f91b5d,",
-      "color.border.disabled": "S:2150e11fce0c84dfe71a7ac5acb9e74b162af0f2,",
-      "color.border.active": "S:0956feb0cae932ac51a95639150e2bdf26b3a1e6,",
-      "color.border.error": "S:52d14036ca681815df2420b56e4be66e1f928a50,",
-      "color.border.filled": "S:e266aba5af015c9569ba2d27ba4cb68a38c40390,",
-      "color.link.default": "S:9318751bf13c9a92775299d03d571e264cb89301,",
-      "color.link.hover": "S:03473d40631bfed60a74f0c7468aa8b3f76359bc,",
-      "color.link.disabled": "S:3dfb0fa0cdfd728d070d59b806c0d92e9ea723ec,",
-      "color.link.active": "S:7caede235f8dd1af889cafb0728a250d3fc0af58,",
       "text.body.min": "S:5b5c1787a1ca4617746f02f882ec79dba5607136,",
       "text.body.max": "S:4cfa08c0f91423b0abffa295dd26f2ff4df9e04e,",
-      "text.label.min.lg": "S:fd23cbed2167ca7d503132a1f14af7ac452fc495,",
-      "text.label.min.md": "S:63bbad5d56045505754459ed9f298c8e9590d420,",
-      "text.label.min.sm": "S:688487ec68b9289ebe74e50bcff0fd5e4ac88aca,",
-      "text.label.max.lg": "S:af10f25a890aa666b4178e60e79c525b1575a53f,",
-      "text.label.max.md": "S:bc0f26e4a0e0eac36b43dfe2ea0f89da2499812b,",
-      "text.label.max.sm": "S:ed90a49a1c6d0af32709c7e9ff05bb7bbf8ba0cf,",
-      "text.heading.min.xxxl": "S:de0e8bbe31b870f66f43db5f08c9924c204d2cf9,",
-      "text.heading.min.xxl": "S:17275d2e8ee71d3ccb6631c26cedcf9f91b719dc,",
-      "text.heading.min.xl": "S:2f278b76a626159b9fccfcb988ad7b6098abde47,",
-      "text.heading.min.lg": "S:3c2348e305663d26fd61ce174454660f51ec456d,",
-      "text.heading.min.md": "S:e01fe5cff3c9e7f0615964007b79c4b3f8159f2a,",
-      "text.heading.min.sm": "S:6ac94d9bf81af9ab7d94b0c027f0fca1c71364aa,",
-      "text.heading.min.xs": "S:43328b0d16ac64778835691e25ba435aae81d3fb,",
-      "text.heading.min.xxs": "S:56043d21b538159204d29c51afa7a2df4a8e88fb,",
-      "text.heading.max.xxxl": "S:a2f9c74d0934c55aceac4286c4e05b4dd8c671ca,",
-      "text.heading.max.xxl": "S:a5f73a8c68c1e899b47573bb0305804a96f9a056,",
-      "text.heading.max.xl": "S:a28b9f45a71b8354e6476d5c544b2e59ebde9cd5,",
-      "text.heading.max.lg": "S:cc0a9c39f5bcb65b1841982692ed0f5fa1cbc3ae,",
-      "text.heading.max.md": "S:ef6a97042983ec01771c9f98d82df0288aee8c5e,",
-      "text.heading.max.sm": "S:a5b0cc31f0be6ca1d8888b22292b3df309d5b457,",
-      "text.heading.max.xs": "S:8ff84816c15e19bdc67caeeffb0b0cf010239ab4,",
-      "text.heading.max.xxs": "S:c65bcff8e73e4f124529c0f953ed7211fc3a4051,",
-      "color.surface.disabled": "S:2a55d81737fbea7f09fdee294223676316ffd422,",
-      "text.body.min.lg": "S:349b1d895db3f7828a1d6af90b37dd700bbbb5ab,",
-      "text.body.min.md": "S:9f1707ed43c79682a642946db35b8606631c3357,",
-      "text.body.min.sm": "S:c6fb5b233778590270a54c678f5999534133dfa6,",
-      "text.body.max.lg": "S:fc628abf9702f6b3580469e82a8c4277f51d8785,",
-      "text.body.max.md": "S:5d9c867bd357de896144f9d3aa31451502e61ba9,",
-      "text.body.max.sm": "S:fe9c4be69c56c19830dabf78403ada9833224b36,"
+      "color.primary.interactive.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
+      "color.primary.on-interactive.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,"
     },
     "selectedTokenSets": {
       "global": "source",
@@ -86,15 +18,6 @@
     "id": "7245194026d09cc639c6ee711e5dfd7b4ea6d6be",
     "name": "human",
     "$figmaStyleReferences": {
-      "color.brand.accent": "S:878e97ac09a219f1036d57d7c82f83afd3e226d5,",
-      "color.fill-primary.default": "S:dd33502d0884129c84e12172f39f8d2f95664c70,",
-      "color.fill-primary.hover": "S:238dea7847bde2b8cc9811d56ee268e781e6f0c6,",
-      "color.fill-primary.disabled": "S:bf3c536d9453ff57c443fb3b3654a3dad6b0fd3f,",
-      "color.fill-primary.active": "S:012a388a4d8220f49f5d77801b94098c27f691db,",
-      "color.on-fill-primary.default": "S:da04f2019c3a1e2bbb5b42a3b232322dc20bf4a8,",
-      "color.on-fill-primary.hover": "S:00b9247d66e5815031766f0f622414ee26df8905,",
-      "color.on-fill-primary.disabled": "S:bc9089e32388900a7e4556f05c8a558068c34f99,",
-      "color.on-fill-primary.active": "S:29bfcc2601ce30918fcaa0ec92b3d77001848e3b,",
       "color.border.default": "S:ebc1785d10e0a5d11e8b128db8cfc04f84518aff,",
       "color.border.hover": "S:92819682befb8eade013e8f0146dc93ed2793537,",
       "color.border.disabled": "S:38c1cc80fcf7f6bfd7b37af0409eb79e6094a48f,",
@@ -103,16 +26,9 @@
       "color.border.filled": "S:335d0681bde4122aaa69aec22907b03bccc69c05,",
       "color.link.default": "S:17d4e8367ba96a65f6b67ef0af848f31574a5f5e,",
       "color.link.hover": "S:55a2ea3b5d08702071dcc4da719706e7b4a272bc,",
-      "color.link.disabled": "S:e23b657f3fd37d893b62e7ccf5c0502b7c5d3a50,",
       "color.link.active": "S:2ee0b1c77855aefa7bc9c24ed2263464e62faa7e,",
       "text.body.min": "S:c45204787e8ad75bcba380dbafe588e08d92a3c4,",
       "text.body.max": "S:3201b8da3ddb8ca93531e4651482bbccf743dee5,",
-      "text.label.min.lg": "S:1838cd4581f4c3fb4656a548a82c0b3c74d28773,",
-      "text.label.min.md": "S:39da6264d3f253054c45166a60d2e1d0ebc4c90a,",
-      "text.label.min.sm": "S:45754f858745a2e69003e680ca4389ca9ed22e2d,",
-      "text.label.max.lg": "S:cce35f2789bf261ef4ca5ab54ef0536892aff14a,",
-      "text.label.max.md": "S:ed943655905dc2ca5a2aa06239c38b6252e49fdb,",
-      "text.label.max.sm": "S:9e4cde9cb8151807b9b33fd7d1afe328c03a192b,",
       "text.heading.min.xxxl": "S:232bd242e4b471a460fd3fbb1736152fc1a44395,",
       "text.heading.min.xxl": "S:7e4bb7f72a195d771878d0989fe91a42d3d82003,",
       "text.heading.min.xl": "S:0e407aa7a89e3d633cec5794583eec2606e1afd6,",
@@ -134,7 +50,51 @@
       "text.body.min.sm": "S:b878b34c922f13ac1c2dd69bfbaf582f0e55be1e,",
       "text.body.max.lg": "S:7e3fdd919e9b729bcac5c41e9d49bd1ca7e0f49a,",
       "text.body.max.md": "S:993a68ba38986acf19f9c535edaac3d92cf6391b,",
-      "text.body.max.sm": "S:71e1a27451cbef3f261d962afe23ba23e3d345b1,"
+      "text.body.max.sm": "S:71e1a27451cbef3f261d962afe23ba23e3d345b1,",
+      "text.utility.min.lg": "S:1838cd4581f4c3fb4656a548a82c0b3c74d28773,",
+      "text.utility.min.md": "S:39da6264d3f253054c45166a60d2e1d0ebc4c90a,",
+      "text.utility.min.sm": "S:45754f858745a2e69003e680ca4389ca9ed22e2d,",
+      "text.utility.max.lg": "S:cce35f2789bf261ef4ca5ab54ef0536892aff14a,",
+      "text.utility.max.md": "S:ed943655905dc2ca5a2aa06239c38b6252e49fdb,",
+      "text.utility.max.sm": "S:9e4cde9cb8151807b9b33fd7d1afe328c03a192b,",
+      "color.background.default": "S:7ceaa10f3ce111b2b5593e7b471d29ec62504492,",
+      "color.background.secondary": "S:52262e539b653f75ac491a33e2394cb453cc5749,",
+      "color.background.tertiairy": "S:6a78b4033bddd0d3160e85fcb3594a8d19cc9d0f,",
+      "color.surface.default": "S:0b9cd5f3656ca3982e0a31f89ce89f7d0ec516bb,",
+      "color.surface.secondary": "S:e4050c1fd90f72e27e747c51f8ea72f63f0b0094,",
+      "color.text.title": "S:11ee8f873a1630adc15a76fd896c68f6a80138ba,",
+      "color.text.default": "S:fb70dc02ec961e51cdc04136fd4c60100f3e7a16,",
+      "color.text.subtle": "S:582ae1ee01bf2dee348b4254d6566112bb3c4129,",
+      "color.text.disabled": "S:219a185e78dbdc0a0523b28f344f8f3b2b5ed0a2,",
+      "color.text.inverse": "S:dfaa10a5a750a9790a27da3ae13a403108fa2d29,",
+      "color.text.error": "S:315c170a14ad43e2975461ec4b457dc03a4f1930,",
+      "color.text.warning": "S:0e6d59e3d051282c262724c25410a05527a937f0,",
+      "color.icon.primary": "S:c099af1576b7daf053db0a6ad386a93006f48c39,",
+      "color.icon.secondary": "S:914fc95aa7257e378cc5f213fea30a72426414b0,",
+      "color.icon.tertiary": "S:39a95405cc9f955be340bb34c2acfe3835b4dc50,",
+      "color.icon.inverse": "S:cde58180648387eebbfa738c84d36af912b718ef,",
+      "color.icon.error": "S:10fadd967ff887b3173a97d90dcb5b62b34c3117,",
+      "color.icon.warning": "S:a805d089bc76e47141149f71f8aa83c8c21cb352,",
+      "color.primary-outline.fill.default": "S:53c9dea5aca7addd65f97a6a222fecc140b45ebe,",
+      "color.primary-outline.fill.hover": "S:ef2ffaa256a7ab31009e19d1f133c62446c3728c,",
+      "color.primary-outline.fill.active": "S:ee906642ae6d3200c829c57a67d59b531b151f93,",
+      "color.primary-outline.on-fill.default": "S:be0185fb2cd40febbe246a39196a9124a0912c37,",
+      "color.primary-outline.on-fill.hover": "S:1f24aac140432f9884622fb66514ee51b3cac01b,",
+      "color.primary-outline.on-fill.active": "S:cb13169b0cad909819f1c2cd699c9df3c341908b,",
+      "color.primary-outline.border.default": "S:1fd19fab980747a1aa59bd1eb8237ae865cae376,",
+      "color.primary-outline.border.hover": "S:44421b153685a12ba77fad69bd02e9a79001d29e,",
+      "color.functional.error": "S:fd8676034075a2503c62cf8ba179a3696248cd73,",
+      "color.functional.warning": "S:f4ab7aa391decd865460b0644221e36d12a8a50c,",
+      "color.functional.success": "S:5030ca79632a4438d4607d5e1f606e12c5ef6371,",
+      "color.functional.info": "S:551a29ca38427bc3fec968df6059ca8111c3afdc,",
+      "text.body.min.xl": "S:795beb3a499e963b3ef8819efd99f95ffa0e763e,",
+      "color.primary.interactive.default": "S:dd33502d0884129c84e12172f39f8d2f95664c70,",
+      "color.primary.interactive.hover": "S:238dea7847bde2b8cc9811d56ee268e781e6f0c6,",
+      "color.primary.interactive.active": "S:012a388a4d8220f49f5d77801b94098c27f691db,",
+      "color.primary.on-interactive.default": "S:da04f2019c3a1e2bbb5b42a3b232322dc20bf4a8,",
+      "color.primary.on-interactive.hover": "S:00b9247d66e5815031766f0f622414ee26df8905,",
+      "color.primary.on-interactive.active": "S:29bfcc2601ce30918fcaa0ec92b3d77001848e3b,",
+      "color.brand.primary": "S:878e97ac09a219f1036d57d7c82f83afd3e226d5,"
     },
     "selectedTokenSets": {
       "global": "source",

package/tokens/base.json CHANGED Viewed

@@ -2,11 +2,20 @@
   "text": {
     "body": {
       "min": {
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.body}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.200}",
+            "lineHeight": "{lineheight.body}"
+          },
+          "type": "typography"
+        },
         "lg": {
           "value": {
             "fontFamily": "{fontfamily.body}",
             "fontWeight": "{fontweight.normal}",
-            "fontSize": "{fontsize.global.140}",
+            "fontSize": "{fontsize.global.180}",
             "lineHeight": "{lineheight.body}",
             "letterSpacing": "{letterspacing.body}"
           },
@@ -31,23 +40,24 @@
             "letterSpacing": "{letterspacing.body}"
           },
           "type": "typography"
-        },
+        }
+      },
+      "max": {
         "xl": {
           "value": {
             "fontFamily": "{fontfamily.body}",
             "fontWeight": "{fontweight.normal}",
-            "fontSize": "{fontsize.global.260}",
-            "lineHeight": "{lineheight.body}"
+            "fontSize": "{fontsize.global.220}",
+            "lineHeight": "{lineheight.body}",
+            "letterSpacing": "{letterspacing.body}"
           },
           "type": "typography"
-        }
-      },
-      "max": {
+        },
         "lg": {
           "value": {
             "fontFamily": "{fontfamily.body}",
             "fontWeight": "{fontweight.normal}",
-            "fontSize": "{fontsize.global.180}",
+            "fontSize": "{fontsize.global.200}",
             "lineHeight": "{lineheight.body}",
             "letterSpacing": "{letterspacing.body}"
           },
@@ -57,7 +67,7 @@
           "value": {
             "fontFamily": "{fontfamily.body}",
             "fontWeight": "{fontweight.normal}",
-            "fontSize": "{fontsize.global.140}",
+            "fontSize": "{fontsize.global.160}",
             "lineHeight": "{lineheight.body}",
             "letterSpacing": "{letterspacing.body}"
           },
@@ -75,67 +85,151 @@
         }
       }
     },
-    "label": {
+    "display": {
+      "max": {
+        "intro": {
+          "value": {
+            "fontFamily": "{fontfamily.global.bureau}",
+            "fontWeight": "{fontweight.medium}",
+            "fontSize": "{fontsize.global.200}",
+            "lineHeight": "{lineheight.global.400}",
+            "letterSpacing": "{letterspacing.body}"
+          },
+          "type": "typography"
+        },
+        "name": {
+          "value": {
+            "fontFamily": "{fontfamily.heading}",
+            "fontWeight": "{fontweight.bold}",
+            "fontSize": "{fontsize.global.380}",
+            "lineHeight": "{lineheight.heading}",
+            "letterSpacing": "{letterspacing.heading}"
+          },
+          "type": "typography"
+        },
+        "quote": {
+          "value": {
+            "fontFamily": "{fontfamily.heading}",
+            "fontWeight": "{fontweight.medium}",
+            "fontSize": "{fontsize.global.220}",
+            "lineHeight": "{lineheight.global.400}"
+          },
+          "type": "typography"
+        }
+      },
       "min": {
+        "intro": {
+          "value": {
+            "fontFamily": "{fontfamily.global.bureau}",
+            "fontWeight": "{fontweight.medium}",
+            "fontSize": "{fontsize.global.180}",
+            "lineHeight": "{lineheight.global.400}",
+            "letterSpacing": "{letterspacing.body}"
+          },
+          "type": "typography"
+        },
+        "name": {
+          "value": {
+            "fontFamily": "{fontfamily.heading}",
+            "fontWeight": "{fontweight.bold}",
+            "fontSize": "{fontsize.global.360}",
+            "lineHeight": "{lineheight.heading}",
+            "letterSpacing": "{letterspacing.heading}"
+          },
+          "type": "typography"
+        },
+        "quote": {
+          "value": {
+            "fontFamily": "{fontfamily.heading}",
+            "fontWeight": "{fontweight.medium}",
+            "fontSize": "{fontsize.global.200}",
+            "lineHeight": "{lineheight.global.400}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+    "utility": {
+      "max": {
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.utility}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.160}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
+          },
+          "type": "typography"
+        },
         "lg": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.100}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.120}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         },
         "md": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.60}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.80}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         },
         "sm": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.20}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.40}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         }
       },
-      "max": {
+      "min": {
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.utility}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.140}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
+          },
+          "type": "typography"
+        },
         "lg": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.120}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.100}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         },
         "md": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.80}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.60}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         },
         "sm": {
           "value": {
-            "fontFamily": "{fontfamily.label}",
+            "fontFamily": "{fontfamily.utility}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.40}",
-            "lineHeight": "{lineheight.label}",
-            "letterSpacing": "{letterspacing.label}"
+            "fontSize": "{fontsize.global.20}",
+            "lineHeight": "{lineheight.utility}",
+            "letterSpacing": "{letterspacing.utility}"
           },
           "type": "typography"
         }
@@ -314,11 +408,11 @@
       "type": "fontWeights"
     },
     "normal": {
-      "value": "400",
+      "value": "300",
       "type": "fontWeights"
     },
     "medium": {
-      "value": "500",
+      "value": "Book",
       "type": "fontWeights"
     },
     "bold": {

package/tokens/brands/human.json CHANGED Viewed

@@ -4,7 +4,7 @@
       "value": "{fontfamily.global.roboto}",
       "type": "fontFamilies"
     },
-    "label": {
+    "utility": {
       "value": "{fontfamily.body}",
       "type": "fontFamilies"
     },
@@ -15,10 +15,10 @@
   },
   "lineheight": {
     "body": {
-      "value": "{lineheight.global.200}",
+      "value": "{lineheight.global.300}",
       "type": "lineHeights"
     },
-    "label": {
+    "utility": {
       "value": "{lineheight.global.100}",
       "type": "lineHeights"
     },
@@ -32,7 +32,7 @@
       "value": "{letterspacing.global.200}",
       "type": "letterSpacing"
     },
-    "label": {
+    "utility": {
       "value": "{letterspacing.global.200}",
       "type": "letterSpacing"
     },
@@ -43,9 +43,13 @@
   },
   "color": {
     "brand": {
-      "accent": {
+      "primary": {
         "value": "{color.global.orange.100}",
         "type": "color"
+      },
+      "secondary": {
+        "value": "{color.global.grey.500}",
+        "type": "color"
       }
     },
     "background": {
@@ -71,8 +75,8 @@
         "value": "{color.global.grey.100}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.grey.200}",
+      "brand": {
+        "value": "{color.brand.primary}",
         "type": "color"
       }
     },
@@ -132,40 +136,34 @@
         "type": "color"
       }
     },
-    "fill-primary": {
-      "default": {
-        "value": "{color.global.orange.100}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.global.grey.400}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.250}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.global.grey.450}",
-        "type": "color"
-      }
-    },
-    "on-fill-primary": {
-      "default": {
-        "value": "{color.global.grey.500}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.400}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
+    "primary": {
+      "interactive": {
+        "default": {
+          "value": "{color.global.orange.100}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.400}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      },
+      "on-interactive": {
+        "default": {
+          "value": "{color.global.grey.500}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.100}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.100}",
+          "type": "color"
+        }
       }
     },
     "border": {
@@ -203,14 +201,40 @@
         "value": "{color.global.blue.100}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.orange.150}",
-        "type": "color"
-      },
       "active": {
         "value": "{color.global.blue.150}",
         "type": "color"
       }
+    },
+    "secondary": {
+      "interactive": {
+        "default": {
+          "value": "{color.brand.secondary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.400}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "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"
+        }
+      }
     }
   }
 }

package/tokens/brands/whitelabel.json CHANGED Viewed

@@ -4,7 +4,7 @@
       "value": "{fontfamily.global.helvetica}",
       "type": "fontFamilies"
     },
-    "label": {
+    "utility": {
       "value": "{fontfamily.global.helvetica}",
       "type": "fontFamilies"
     },
@@ -18,7 +18,7 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
-    "label": {
+    "utility": {
       "value": "{lineheight.global.100}",
       "type": "lineHeights"
     },
@@ -32,7 +32,7 @@
       "value": "{letterspacing.global.200}",
       "type": "letterSpacing"
     },
-    "label": {
+    "utility": {
       "value": "{letterspacing.global.200}",
       "type": "letterSpacing"
     },
@@ -43,8 +43,12 @@
   },
   "color": {
     "brand": {
-      "accent": {
-        "value": "{color.global.grey.550}",
+      "primary": {
+        "value": "{color.global.blue.150}",
+        "type": "color"
+      },
+      "secondary": {
+        "value": "{color.global.grey.500}",
         "type": "color"
       }
     },
@@ -71,8 +75,8 @@
         "value": "{color.global.grey.100}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.grey.200}",
+      "brand": {
+        "value": "{color.brand.primary}",
         "type": "color"
       }
     },
@@ -132,40 +136,34 @@
         "type": "color"
       }
     },
-    "fill-primary": {
-      "default": {
-        "value": "{color.global.grey.500}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.global.grey.450}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.250}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.global.grey.500}",
-        "type": "color"
-      }
-    },
-    "on-fill-primary": {
-      "default": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.400}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
+    "primary": {
+      "interactive": {
+        "default": {
+          "value": "{color.brand.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.blue.100}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.blue.150}",
+          "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": {
@@ -203,14 +201,40 @@
         "value": "{color.global.grey.450}",
         "type": "color"
       },
-      "disabled": {
-        "value": "{color.global.grey.250}",
-        "type": "color"
-      },
       "active": {
         "value": "{color.global.grey.500}",
         "type": "color"
       }
+    },
+    "secondary": {
+      "interactive": {
+        "default": {
+          "value": "{color.global.grey.500}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.global.grey.400}",
+          "type": "color"
+        },
+        "active": {
+          "value": "{color.global.grey.450}",
+          "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"
+        }
+      }
     }
   }
 }

package/tokens/global.json CHANGED Viewed

@@ -17,10 +17,6 @@
         "value": "Simplistic Sans Outline",
         "type": "fontFamilies"
       },
-      "bureau-condensed": {
-        "value": "Bureau Grot Condensed",
-        "type": "fontFamilies"
-      },
       "helvetica": {
         "value": "Helvetica Neue",
         "type": "fontFamilies"
@@ -34,19 +30,19 @@
   "fontsize": {
     "global": {
       "20": {
-        "value": "10.42",
+        "value": "10",
         "type": "fontSizes"
       },
       "40": {
-        "value": "11.06",
+        "value": "11",
         "type": "fontSizes"
       },
       "60": {
-        "value": "12.44",
+        "value": "12",
         "type": "fontSizes"
       },
       "80": {
-        "value": "12.5",
+        "value": "13",
         "type": "fontSizes"
       },
       "100": {
@@ -62,7 +58,7 @@
         "type": "fontSizes"
       },
       "160": {
-        "value": "17.72",
+        "value": "17",
         "type": "fontSizes"
       },
       "180": {
@@ -70,63 +66,63 @@
         "type": "fontSizes"
       },
       "200": {
-        "value": "19.93",
+        "value": "20",
         "type": "fontSizes"
       },
       "220": {
-        "value": "21.60",
+        "value": "22",
         "type": "fontSizes"
       },
       "240": {
-        "value": "22.43",
+        "value": "23",
         "type": "fontSizes"
       },
       "260": {
-        "value": "25.92",
+        "value": "26",
         "type": "fontSizes"
       },
       "280": {
-        "value": "25.23",
+        "value": "27",
         "type": "fontSizes"
       },
       "300": {
-        "value": "28.38",
+        "value": "28",
         "type": "fontSizes"
       },
       "320": {
-        "value": "31.1",
+        "value": "31",
         "type": "fontSizes"
       },
       "340": {
-        "value": "31.93",
+        "value": "32",
         "type": "fontSizes"
       },
       "360": {
-        "value": "35.92",
+        "value": "36",
         "type": "fontSizes"
       },
       "380": {
-        "value": "37.32",
+        "value": "37",
         "type": "fontSizes"
       },
       "400": {
-        "value": "40.41",
+        "value": "40",
         "type": "fontSizes"
       },
       "420": {
-        "value": "44.79",
+        "value": "45",
         "type": "fontSizes"
       },
       "440": {
-        "value": "53.75",
+        "value": "54",
         "type": "fontSizes"
       },
       "460": {
-        "value": "65.5",
+        "value": "66",
         "type": "fontSizes"
       },
       "480": {
-        "value": "77.4",
+        "value": "77",
         "type": "fontSizes"
       }
     }
@@ -178,7 +174,7 @@
         "type": "lineHeights"
       },
       "300": {
-        "value": "140%",
+        "value": "150%",
         "type": "lineHeights"
       },
       "400": {
@@ -259,6 +255,10 @@
           "value": "#FF6E29",
           "type": "color"
         },
+        "125": {
+          "value": "#FF5605",
+          "type": "color"
+        },
         "150": {
           "value": "#803714",
           "type": "color"
@@ -390,6 +390,26 @@
           "type": "color"
         }
       }
+    },
+    "transparent": {
+      "50": {
+        "value": "rgba(255,255,255,0.5)",
+        "type": "color"
+      },
+      "100": {
+        "value": "rgba(255,255,255,0)",
+        "type": "color"
+      }
+    }
+  },
+  "style": {
+    "global": {
+      "opacity": {
+        "50": {
+          "value": "0.5",
+          "type": "opacity"
+        }
+      }
     }
   }
 }