villa-design-tokens 1.0.76 → 1.0.78

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

package/tokens/$themes.json

@@ -3,7 +3,6 @@
     "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,",
@@ -26,14 +25,6 @@
       "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,",
@@ -42,16 +33,9 @@
       "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,",
@@ -68,13 +52,27 @@
       "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,"
+      "text.body.max.sm": "S:fe9c4be69c56c19830dabf78403ada9833224b36,",
+      "text.utility.min.lg": "S:fd23cbed2167ca7d503132a1f14af7ac452fc495,",
+      "text.utility.min.md": "S:63bbad5d56045505754459ed9f298c8e9590d420,",
+      "text.utility.min.sm": "S:688487ec68b9289ebe74e50bcff0fd5e4ac88aca,",
+      "text.utility.max.lg": "S:af10f25a890aa666b4178e60e79c525b1575a53f,",
+      "text.utility.max.md": "S:bc0f26e4a0e0eac36b43dfe2ea0f89da2499812b,",
+      "text.utility.max.sm": "S:ed90a49a1c6d0af32709c7e9ff05bb7bbf8ba0cf,",
+      "color.primary.interactive.default": "S:72787a0a5565968d259b7812d7e240196bada457,",
+      "color.primary.interactive.hover": "S:9093214f2246b65c7c8794af49518141e2bbdb84,",
+      "color.primary.interactive.disabled": "S:ddd181c2abc0874055a2af07b89d48f5f13231d8,",
+      "color.primary.interactive.active": "S:c527dc5ed63ae49b202d6a4fa835732efa215532,",
+      "color.primary.on-interactive.default": "S:7eb3fcb9cf94753f09db14e746e44470d32a7a5e,",
+      "color.primary.on-interactive.hover": "S:40d2f0d7e8f1f7e7574a3898bc8e82292bda85a5,",
+      "color.primary.on-interactive.disabled": "S:bd68db2d750c7e8750d92322e02a6a39048642b6,",
+      "color.primary.on-interactive.active": "S:b659d5b4aa245b4e96cbc82bad49e9495c4ca8ed,",
+      "color.brand.primary": "S:2fa27681a05d92b4f34c82329ba63bf05eebbb28,"
     },
     "selectedTokenSets": {
       "global": "source",
@@ -86,15 +84,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 +92,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 +116,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

@@ -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,13 +85,106 @@
         }
       }
     },
-    "label": {
+    "display": {
+      "max": {
+        "list": {
+          "value": {
+            "fontFamily": "{fontfamily.body}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.140}",
+            "lineHeight": "{lineheight.global.400}",
+            "letterSpacing": "{letterspacing.body}"
+          },
+          "type": "typography"
+        },
+        "intro": {
+          "value": {
+            "fontFamily": "{fontfamily.global.bureau}",
+            "fontWeight": "Book",
+            "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": "Light",
+            "fontSize": "{fontsize.global.220}",
+            "lineHeight": "{lineheight.global.400}"
+          },
+          "type": "typography"
+        }
+      },
       "min": {
+        "list": {
+          "value": {
+            "fontFamily": "{fontfamily.body}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.120}",
+            "lineHeight": "{lineheight.global.400}",
+            "letterSpacing": "{letterspacing.body}"
+          },
+          "type": "typography"
+        },
+        "intro": {
+          "value": {
+            "fontFamily": "{fontfamily.global.bureau}",
+            "fontWeight": "Book",
+            "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": "Light",
+            "fontSize": "{fontsize.global.200}",
+            "lineHeight": "{lineheight.global.400}"
+          },
+          "type": "typography"
+        }
+      }
+    },
+    "utility": {
+      "max": {
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.label}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.160}",
+            "lineHeight": "{lineheight.label}"
+          },
+          "type": "typography"
+        },
         "lg": {
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.100}",
+            "fontSize": "{fontsize.global.120}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },
@@ -91,7 +194,7 @@
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.60}",
+            "fontSize": "{fontsize.global.80}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },
@@ -101,19 +204,28 @@
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.20}",
+            "fontSize": "{fontsize.global.40}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },
           "type": "typography"
         }
       },
-      "max": {
+      "min": {
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.label}",
+            "fontWeight": "{fontweight.normal}",
+            "fontSize": "{fontsize.global.140}",
+            "lineHeight": "{lineheight.label}"
+          },
+          "type": "typography"
+        },
         "lg": {
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.120}",
+            "fontSize": "{fontsize.global.100}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },
@@ -123,7 +235,7 @@
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.80}",
+            "fontSize": "{fontsize.global.60}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },
@@ -133,7 +245,7 @@
           "value": {
             "fontFamily": "{fontfamily.label}",
             "fontWeight": "{fontweight.medium}",
-            "fontSize": "{fontsize.global.40}",
+            "fontSize": "{fontsize.global.20}",
             "lineHeight": "{lineheight.label}",
             "letterSpacing": "{letterspacing.label}"
           },

package/tokens/brands/human.json

@@ -15,7 +15,7 @@
   },
   "lineheight": {
     "body": {
-      "value": "{lineheight.global.200}",
+      "value": "{lineheight.global.300}",
       "type": "lineHeights"
     },
     "label": {
@@ -37,15 +37,19 @@
       "type": "letterSpacing"
     },
     "heading": {
-      "value": "{letterspacing.global.200}",
+      "value": "{letterspacing.global.300}",
       "type": "letterSpacing"
     }
   },
   "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

@@ -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

@@ -34,19 +34,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 +62,7 @@
         "type": "fontSizes"
       },
       "160": {
-        "value": "17.72",
+        "value": "17",
         "type": "fontSizes"
       },
       "180": {
@@ -70,63 +70,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 +178,7 @@
         "type": "lineHeights"
       },
       "300": {
-        "value": "140%",
+        "value": "150%",
         "type": "lineHeights"
       },
       "400": {
@@ -259,6 +259,10 @@
           "value": "#FF6E29",
           "type": "color"
         },
+        "125": {
+          "value": "#FF5605",
+          "type": "color"
+        },
         "150": {
           "value": "#803714",
           "type": "color"
@@ -390,6 +394,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"
+        }
+      }
     }
   }
 }