villa-design-tokens 1.0.261 → 1.0.263

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- retest again",
   "author": "VPRO",
-  "version": "1.0.261",
+  "version": "1.0.263",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vpro/Design-tokens.git"

package/tokens/$metadata.json

@@ -6,7 +6,6 @@
     "brands/human",
     "brands/argos",
     "brands/brainwash",
-    "brands/vpro",
-    "brands/dpt"
+    "brands/vpro"
   ]
 }

package/tokens/$themes.json

@@ -1823,16 +1823,5 @@
       "fontweight.global.700": "5cb1284fe4f4922c6d10d11dfc64651113e67e37",
       "style.global.opacity.50": "e4a4cfe4d0403f2369e0522caecda2847a8dc11c"
     }
-  },
-  {
-    "id": "4643b1367b2e96909cb51490960b14010319b65c",
-    "name": "dpt",
-    "$figmaStyleReferences": {},
-    "selectedTokenSets": {
-      "global": "source",
-      "base": "enabled",
-      "brands/dpt": "enabled"
-    },
-    "$figmaVariableReferences": {}
   }
 ]

package/tokens/base.json

@@ -429,8 +429,7 @@
             "fontSize": "{fontsize.global.450}",
             "lineHeight": "{lineheight.program}"
           },
-          "type": "typography",
-          "description": "Program detail header"
+          "type": "typography"
         },
         "xl": {
           "value": {

package/tokens/brands/vpro.json

@@ -81,7 +81,7 @@
           "type": "color"
         },
         "muted": {
-          "value": "{color.global.grey.450}",
+          "value": "{color.global.grey.500}",
           "type": "color"
         },
         "dark": {
@@ -178,11 +178,11 @@
     },
     "border": {
       "default": {
-        "value": "{color.palette.primary.faded}",
+        "value": "{color.palette.primary.pastel}",
         "type": "color"
       },
       "hover": {
-        "value": "{color.palette.secondary.muted}",
+        "value": "{color.palette.primary.main}",
         "type": "color"
       },
       "focus": {
@@ -200,23 +200,23 @@
     },
     "link": {
       "default": {
-        "value": "{color.palette.secondary.muted}",
+        "value": "{color.palette.primary.muted}",
         "type": "color"
       },
       "hover": {
-        "value": "{color.palette.secondary.dark}",
+        "value": "{color.palette.primary.main}",
         "type": "color"
       },
       "active": {
-        "value": "{color.palette.secondary.dark}",
+        "value": "{color.palette.primary.main}",
         "type": "color"
       },
       "inverse": {
-        "value": "{color.palette.secondary.faded}",
+        "value": "{color.palette.primary.faded}",
         "type": "color"
       },
       "inverse-hover": {
-        "value": "{color.palette.primary.faded}",
+        "value": "{color.palette.secondary.faded}",
         "type": "color"
       }
     },
@@ -224,29 +224,29 @@
       "primary": {
         "background": {
           "default": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "active": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           }
         },
         "foreground": {
           "default": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "active": {
-            "value": "{color.global.grey.100}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         }
@@ -254,29 +254,29 @@
       "secondary": {
         "background": {
           "default": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "active": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           }
         },
         "foreground": {
           "default": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "active": {
-            "value": "{color.global.grey.100}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         }
@@ -288,25 +288,25 @@
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "active": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           }
         },
         "foreground": {
           "default": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "active": {
-            "value": "{color.global.grey.100}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         }
@@ -337,11 +337,11 @@
             "type": "color"
           },
           "subtle": {
-            "value": "{color.palette.primary.muted}",
+            "value": "{color.palette.primary.pastel}",
             "type": "color"
           },
           "title": {
-            "value": "{color.palette.primary.main}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "link": {
@@ -349,7 +349,7 @@
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.primary.muted}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           }
         },
@@ -363,7 +363,7 @@
             "type": "color"
           },
           "hover-background": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "hover-foreground": {
@@ -377,15 +377,15 @@
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "border-default": {
-            "value": "{color.palette.tertiary.muted}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "border-active": {
-            "value": "{color.palette.tertiary.main}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           }
         }
@@ -410,11 +410,11 @@
         },
         "text": {
           "default": {
-            "value": "{color.palette.primary.dark}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           },
           "subtle": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.secondary.pastel}",
             "type": "color"
           },
           "title": {
@@ -426,25 +426,25 @@
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.primary.muted}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           }
         },
         "interactive": {
           "background": {
-            "value": "{color.palette.primary.main}",
+            "value": "{color.palette.secondary.main}",
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.primary.faded}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "hover-background": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "hover-foreground": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         },
@@ -454,15 +454,15 @@
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           },
           "border-default": {
-            "value": "{color.palette.tertiary.muted}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           },
           "border-active": {
-            "value": "{color.palette.tertiary.main}",
+            "value": "{color.palette.secondary.muted}",
             "type": "color"
           }
         }
@@ -487,7 +487,7 @@
         },
         "text": {
           "default": {
-            "value": "{color.global.grey.100}",
+            "value": "{color.palette.greyscale.faded}",
             "type": "color"
           },
           "subtle": {
@@ -495,7 +495,7 @@
             "type": "color"
           },
           "title": {
-            "value": "{color.palette.primary.faded}",
+            "value": "{color.palette.greyscale.faded}",
             "type": "color"
           },
           "link": {
@@ -503,7 +503,7 @@
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.primary.faded}",
+            "value": "{color.palette.secondary.main}",
             "type": "color"
           }
         },
@@ -517,11 +517,11 @@
             "type": "color"
           },
           "hover-background": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.primary.muted}",
             "type": "color"
           },
           "hover-foreground": {
-            "value": "{color.palette.secondary.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         },
@@ -531,22 +531,22 @@
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "border-default": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "border-active": {
-            "value": "{color.palette.tertiary.main}",
+            "value": "{color.palette.secondary.main}",
             "type": "color"
           }
         }
       },
       "alt-secondary": {
         "background": {
-          "value": "{color.palette.secondary.main}",
+          "value": "{color.palette.secondary.muted}",
           "type": "color"
         },
         "accent": {
@@ -564,23 +564,23 @@
         },
         "text": {
           "default": {
-            "value": "{color.palette.primary.dark}",
+            "value": "{color.palette.greyscale.faded}",
             "type": "color"
           },
           "subtle": {
-            "value": "{color.palette.secondary.muted}",
+            "value": "{color.palette.secondary.faded}",
             "type": "color"
           },
           "title": {
-            "value": "{color.palette.secondary.dark}",
+            "value": "{color.palette.greyscale.faded}",
             "type": "color"
           },
           "link": {
-            "value": "{color.palette.primary.main}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "hover": {
-            "value": "{color.palette.primary.muted}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           }
         },
@@ -608,15 +608,15 @@
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           },
           "border-default": {
-            "value": "{color.palette.tertiary.dark}",
+            "value": "{color.palette.secondary.dark}",
             "type": "color"
           },
           "border-active": {
-            "value": "{color.palette.tertiary.main}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           }
         }
@@ -663,19 +663,19 @@
         },
         "interactive": {
           "background": {
-            "value": "{color.link.default}",
+            "value": "{color.palette.primary.main}",
             "type": "color"
           },
           "foreground": {
-            "value": "{color.palette.greyscale.dark}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           },
           "hover-background": {
-            "value": "{color.palette.greyscale.muted}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           },
           "hover-foreground": {
-            "value": "{color.palette.greyscale.faded}",
+            "value": "{color.palette.primary.faded}",
             "type": "color"
           }
         },
@@ -693,7 +693,7 @@
             "type": "color"
           },
           "border-active": {
-            "value": "{color.palette.greyscale.main}",
+            "value": "{color.palette.primary.dark}",
             "type": "color"
           }
         }
@@ -1177,7 +1177,7 @@
         "type": "fontWeights"
       },
       "headline": {
-        "value": "{fontweight.global.500}",
+        "value": "{fontweight.global.700}",
         "type": "fontWeights"
       }
     }

package/tokens/global.json

@@ -841,11 +841,11 @@
           "type": "color"
         },
         "50": {
-          "value": "#80FF81",
+          "value": "#52C52C",
           "type": "color"
         },
         "100": {
-          "value": "#00FF00",
+          "value": "#0BDC0B",
           "type": "color"
         },
         "150": {
@@ -853,7 +853,7 @@
           "type": "color"
         },
         "200": {
-          "value": "#004C00",
+          "value": "#003300",
           "type": "color"
         }
       },
@@ -1047,8 +1047,7 @@
     "style": {
       "ease-in-out": {
         "value": "cubic-bezier(0.42, 0, 0.58, 1)",
-        "type": "other",
-        "description": "Responds quickly and finishes with control. A great default for any user interaction."
+        "type": "other"
       },
       "ease-out": {
         "value": "cubic-bezier(0.19, 0.91, 0.38, 1)",

package/tokens/brands/dpt.json

@@ -1,811 +0,0 @@
-{
-  "color": {
-    "palette": {
-      "primary": {
-        "faded": {
-          "value": "{color.global.grey.150}",
-          "type": "color"
-        },
-        "pastel": {
-          "value": "{color.global.grey.200}",
-          "type": "color"
-        },
-        "main": {
-          "value": "{color.global.charcoal.100}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{color.global.grey.400}",
-          "type": "color"
-        },
-        "dark": {
-          "value": "{color.global.charcoal.200}",
-          "type": "color"
-        }
-      },
-      "secondary": {
-        "faded": {
-          "value": "{color.global.pumpkin.25}",
-          "type": "color"
-        },
-        "pastel": {
-          "value": "{color.global.pumpkin.50}",
-          "type": "color"
-        },
-        "main": {
-          "value": "{color.global.pumpkin.100}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{color.global.pumpkin.150}",
-          "type": "color"
-        },
-        "dark": {
-          "value": "{color.global.pumpkin.200}",
-          "type": "color"
-        }
-      },
-      "tertiary": {
-        "faded": {
-          "value": "{color.global.blue.50}",
-          "type": "color"
-        },
-        "pastel": {
-          "value": "{color.global.blue.100}",
-          "type": "color"
-        },
-        "main": {
-          "value": "{color.global.blue.125}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{color.global.blue.150}",
-          "type": "color"
-        },
-        "dark": {
-          "value": "{color.global.oxford.100}",
-          "type": "color"
-        }
-      },
-      "greyscale": {
-        "faded": {
-          "value": "{color.global.grey.100}",
-          "type": "color"
-        },
-        "pastel": {
-          "value": "{color.global.grey.150}",
-          "type": "color"
-        },
-        "main": {
-          "value": "{color.global.grey.300}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{color.global.grey.450}",
-          "type": "color"
-        },
-        "dark": {
-          "value": "{color.global.grey.550}",
-          "type": "color"
-        }
-      }
-    },
-    "background": {
-      "default": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      },
-      "primary": {
-        "value": "{color.palette.primary.faded}",
-        "type": "color"
-      },
-      "secondary": {
-        "value": "{color.palette.primary.pastel}",
-        "type": "color"
-      },
-      "tertiary": {
-        "value": "{color.palette.secondary.faded}",
-        "type": "color"
-      },
-      "brand": {
-        "value": "{color.palette.primary.main}",
-        "type": "color"
-      },
-      "interactive": {
-        "value": "{color.palette.secondary.main}",
-        "type": "color"
-      },
-      "dark": {
-        "value": "{color.palette.primary.dark}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.200}",
-        "type": "color"
-      },
-      "neutral-light": {
-        "value": "{color.palette.greyscale.pastel}",
-        "type": "color"
-      },
-      "neutral-dark": {
-        "value": "{color.palette.greyscale.muted}",
-        "type": "color"
-      }
-    },
-    "text": {
-      "default": {
-        "value": "{color.palette.primary.main}",
-        "type": "color"
-      },
-      "title": {
-        "value": "{color.palette.primary.main}",
-        "type": "color"
-      },
-      "subtle": {
-        "value": "{color.palette.primary.muted}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.global.grey.400}",
-        "type": "color"
-      },
-      "inverse": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      },
-      "neutral": {
-        "value": "{color.palette.greyscale.dark}",
-        "type": "color"
-      }
-    },
-    "icon": {
-      "primary": {
-        "value": "{color.palette.primary.main}",
-        "type": "color"
-      },
-      "secondary": {
-        "value": "{color.palette.secondary.main}",
-        "type": "color"
-      },
-      "tertiary": {
-        "value": "{color.palette.tertiary.main}",
-        "type": "color"
-      },
-      "inverse": {
-        "value": "{color.global.grey.100}",
-        "type": "color"
-      }
-    },
-    "border": {
-      "default": {
-        "value": "{color.global.grey.250}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.palette.tertiary.pastel}",
-        "type": "color"
-      },
-      "focus": {
-        "value": "{color.palette.tertiary.main}",
-        "type": "color"
-      },
-      "filled": {
-        "value": "{color.palette.primary.main}",
-        "type": "color"
-      },
-      "inverse": {
-        "value": "{color.global.grey.300}",
-        "type": "color"
-      }
-    },
-    "link": {
-      "default": {
-        "value": "{color.palette.tertiary.muted}",
-        "type": "color"
-      },
-      "hover": {
-        "value": "{color.palette.tertiary.pastel}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.palette.primary.muted}",
-        "type": "color"
-      },
-      "inverse": {
-        "value": "{color.palette.primary.faded}",
-        "type": "color"
-      }
-    },
-    "interactive": {
-      "primary": {
-        "background": {
-          "default": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        },
-        "foreground": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.primary.faded}",
-            "type": "color"
-          }
-        }
-      },
-      "secondary": {
-        "background": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        },
-        "foreground": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.primary.faded}",
-            "type": "color"
-          }
-        }
-      },
-      "tertiary": {
-        "background": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        },
-        "foreground": {
-          "default": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{color.palette.primary.faded}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "surface": {
-      "primary": {
-        "background": {
-          "value": "{color.palette.primary.faded}",
-          "type": "color"
-        },
-        "accent": {
-          "value": "{color.palette.primary.pastel}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": ".33",
-                "space": "srgb"
-              }
-            }
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "{color.palette.primary.muted}",
-            "type": "color"
-          },
-          "title": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "link": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.tertiary.pastel}",
-            "type": "color"
-          }
-        },
-        "interactive": {
-          "background": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover-background": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "hover-foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          }
-        },
-        "input": {
-          "background": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.tertiary.muted}",
-            "type": "color"
-          },
-          "border-default": {
-            "value": "{color.palette.tertiary.dark}",
-            "type": "color"
-          },
-          "border-active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        }
-      },
-      "secondary": {
-        "background": {
-          "value": "{color.palette.secondary.faded}",
-          "type": "color"
-        },
-        "accent": {
-          "value": "{color.palette.secondary.pastel}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": ".33",
-                "space": "srgb"
-              }
-            }
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "{color.palette.secondary.dark}",
-            "type": "color"
-          },
-          "title": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "link": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.tertiary.pastel}",
-            "type": "color"
-          }
-        },
-        "interactive": {
-          "background": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.tertiary.pastel}",
-            "type": "color"
-          },
-          "hover-background": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "hover-foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          }
-        },
-        "input": {
-          "background": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.tertiary.muted}",
-            "type": "color"
-          },
-          "border-default": {
-            "value": "{color.palette.tertiary.dark}",
-            "type": "color"
-          },
-          "border-active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        }
-      },
-      "alt-primary": {
-        "background": {
-          "value": "{color.palette.primary.main}",
-          "type": "color"
-        },
-        "accent": {
-          "value": "{color.palette.primary.muted}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": ".33",
-                "space": "srgb"
-              }
-            }
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "{color.palette.primary.faded}",
-            "type": "color"
-          },
-          "title": {
-            "value": "{color.palette.primary.faded}",
-            "type": "color"
-          },
-          "link": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.tertiary.pastel}",
-            "type": "color"
-          }
-        },
-        "interactive": {
-          "background": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.primary.dark}",
-            "type": "color"
-          },
-          "hover-background": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "hover-foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          }
-        },
-        "input": {
-          "background": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.tertiary.muted}",
-            "type": "color"
-          },
-          "border-default": {
-            "value": "{color.palette.tertiary.dark}",
-            "type": "color"
-          },
-          "border-active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        }
-      },
-      "alt-secondary": {
-        "background": {
-          "value": "{color.palette.secondary.main}",
-          "type": "color"
-        },
-        "accent": {
-          "value": "{color.palette.secondary.muted}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": ".33",
-                "space": "srgb"
-              }
-            }
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "{color.palette.secondary.dark}",
-            "type": "color"
-          },
-          "title": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "link": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.palette.tertiary.pastel}",
-            "type": "color"
-          }
-        },
-        "interactive": {
-          "background": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.secondary.main}",
-            "type": "color"
-          },
-          "hover-background": {
-            "value": "{color.palette.secondary.pastel}",
-            "type": "color"
-          },
-          "hover-foreground": {
-            "value": "{color.palette.primary.main}",
-            "type": "color"
-          }
-        },
-        "input": {
-          "background": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.tertiary.muted}",
-            "type": "color"
-          },
-          "border-default": {
-            "value": "{color.palette.tertiary.dark}",
-            "type": "color"
-          },
-          "border-active": {
-            "value": "{color.palette.tertiary.main}",
-            "type": "color"
-          }
-        }
-      },
-      "neutral": {
-        "background": {
-          "value": "{color.palette.greyscale.pastel}",
-          "type": "color"
-        },
-        "accent": {
-          "value": "{color.palette.greyscale.pastel}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": ".33",
-                "space": "srgb"
-              }
-            }
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{color.palette.greyscale.dark}",
-            "type": "color"
-          },
-          "subtle": {
-            "value": "{color.palette.greyscale.main}",
-            "type": "color"
-          },
-          "title": {
-            "value": "{color.palette.greyscale.muted}",
-            "type": "color"
-          },
-          "link": {
-            "value": "{color.link.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{color.link.hover}",
-            "type": "color"
-          }
-        },
-        "interactive": {
-          "background": {
-            "value": "{color.link.default}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.greyscale.dark}",
-            "type": "color"
-          },
-          "hover-background": {
-            "value": "{color.palette.greyscale.muted}",
-            "type": "color"
-          },
-          "hover-foreground": {
-            "value": "{color.palette.greyscale.faded}",
-            "type": "color"
-          }
-        },
-        "input": {
-          "background": {
-            "value": "{color.global.grey.100}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{color.palette.greyscale.dark}",
-            "type": "color"
-          },
-          "border-default": {
-            "value": "{color.palette.greyscale.muted}",
-            "type": "color"
-          },
-          "border-active": {
-            "value": "{color.palette.greyscale.main}",
-            "type": "color"
-          }
-        }
-      }
-    }
-  },
-  "fontfamily": {
-    "body": {
-      "value": "{fontfamily.global.roboto}",
-      "type": "fontFamilies"
-    },
-    "utility": {
-      "value": "{fontfamily.global.roboto}",
-      "type": "fontFamilies"
-    },
-    "heading": {
-      "value": "{fontfamily.global.bureau}",
-      "type": "fontFamilies"
-    },
-    "program": {
-      "value": "{fontfamily.global.bureau}",
-      "type": "fontFamilies"
-    },
-    "display": {
-      "intro": {
-        "value": "{fontfamily.global.bureau}",
-        "type": "fontFamilies"
-      },
-      "name": {
-        "value": "{fontfamily.global.bureau}",
-        "type": "fontFamilies"
-      },
-      "quote": {
-        "value": "{fontfamily.global.bureau}",
-        "type": "fontFamilies"
-      },
-      "headline": {
-        "value": "{fontfamily.global.bureau}",
-        "type": "fontFamilies"
-      }
-    }
-  },
-  "lineheight": {
-    "body": {
-      "value": "{lineheight.global.500}",
-      "type": "lineHeights"
-    },
-    "utility": {
-      "value": "{lineheight.global.200}",
-      "type": "lineHeights"
-    },
-    "heading": {
-      "value": "{lineheight.global.200}",
-      "type": "lineHeights"
-    },
-    "program": {
-      "value": "{lineheight.global.150}",
-      "type": "lineHeights"
-    },
-    "display": {
-      "intro": {
-        "value": "{lineheight.global.500}",
-        "type": "lineHeights"
-      },
-      "name": {
-        "value": "{lineheight.global.100}",
-        "type": "lineHeights"
-      },
-      "quote": {
-        "value": "{lineheight.global.275}",
-        "type": "lineHeights"
-      },
-      "headline": {
-        "value": "{lineheight.global.200}",
-        "type": "lineHeights"
-      }
-    }
-  },
-  "fontweight": {
-    "body": {
-      "value": "{fontweight.global.400}",
-      "type": "fontWeights"
-    },
-    "utility": {
-      "value": "{fontweight.global.400}",
-      "type": "fontWeights"
-    },
-    "heading": {
-      "value": "{fontweight.global.700}",
-      "type": "fontWeights"
-    },
-    "program": {
-      "value": "{fontweight.global.700}",
-      "type": "fontWeights"
-    },
-    "display": {
-      "intro": {
-        "value": "{fontweight.global.500}",
-        "type": "fontWeights"
-      },
-      "name": {
-        "value": "{fontweight.global.700}",
-        "type": "fontWeights"
-      },
-      "quote": {
-        "value": "{fontweight.global.500}",
-        "type": "fontWeights"
-      },
-      "headline": {
-        "value": "{fontweight.global.700}",
-        "type": "fontWeights"
-      }
-    }
-  }
-}