villa-design-tokens 1.0.246 → 1.0.248

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

package/tokens/base.json

@@ -115,6 +115,15 @@
             "lineHeight": "{lineheight.display.headline}"
           },
           "type": "typography"
+        },
+        "title": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.display.title}",
+            "fontSize": "{fontsize.global.600}",
+            "lineHeight": "{lineheight.display.title}"
+          },
+          "type": "typography"
         }
       },
       "min": {
@@ -153,6 +162,15 @@
             "lineHeight": "{lineheight.display.headline}"
           },
           "type": "typography"
+        },
+        "title": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.display.title}",
+            "fontSize": "{fontsize.global.450}",
+            "lineHeight": "{lineheight.display.title}"
+          },
+          "type": "typography"
         }
       }
     },
@@ -419,6 +437,66 @@
           "type": "typography"
         }
       }
+    },
+    "program": {
+      "min": {
+        "xxl": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.450}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        },
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.420}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        },
+        "lg": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.340}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        }
+      },
+      "max": {
+        "xxl": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.600}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        },
+        "xl": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.560}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        },
+        "lg": {
+          "value": {
+            "fontFamily": "{fontfamily.program}",
+            "fontWeight": "{fontweight.program}",
+            "fontSize": "{fontsize.global.400}",
+            "lineHeight": "{lineheight.program}"
+          },
+          "type": "typography"
+        }
+      }
     }
   },
   "spacing": {

package/tokens/brands/argos.json

@@ -710,6 +710,10 @@
       "value": "{fontfamily.global.agrandir}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.agrandir}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.agrandir}",
@@ -742,6 +746,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.500}",
@@ -774,6 +782,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/brands/brainwash.json

@@ -709,6 +709,10 @@
       "value": "{fontfamily.global.poppins}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.poppins}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.poppins}",
@@ -741,6 +745,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.500}",
@@ -773,6 +781,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/brands/dpt.json

@@ -713,6 +713,10 @@
       "value": "{fontfamily.global.bureau}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.bureau}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.bureau}",
@@ -745,6 +749,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.500}",
@@ -777,6 +785,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/brands/human.json

@@ -694,6 +694,496 @@
           }
         }
       }
+    },
+    "combo": {
+      "0": {
+        "top": {
+          "value": "{color.palette.tertiary.main}",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "{color.palette.primary.main}",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "1": {
+        "top": {
+          "value": "#00A266",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#9D64FF",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "2": {
+        "top": {
+          "value": "#F5FF00",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#00FFA2",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "3": {
+        "top": {
+          "value": "#FF0000",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#8A0000",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "4": {
+        "top": {
+          "value": "#FF57EC",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FF808B",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "5": {
+        "top": {
+          "value": "#00FFC8",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#0197FF",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "6": {
+        "top": {
+          "value": "#FF9905",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FFDC05",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "7": {
+        "top": {
+          "value": "#FF5D00",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FF7A3A",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "8": {
+        "top": {
+          "value": "#FFCCC8",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FFB4AF",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "9": {
+        "top": {
+          "value": "#00FFCA",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#6CFF97",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "10": {
+        "top": {
+          "value": "#8997FF",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#9D51DC",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "11": {
+        "top": {
+          "value": "#FFDC00",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#90D0BD",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "12": {
+        "top": {
+          "value": "#90D0BD",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#00FFE6",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "13": {
+        "top": {
+          "value": "#FF7AEB",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FF0000",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "14": {
+        "top": {
+          "value": "#E5EA87",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#FFFF00",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "15": {
+        "top": {
+          "value": "#464D93",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#464469",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "16": {
+        "top": {
+          "value": "#683E3E",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#3E6942",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "17": {
+        "top": {
+          "value": "#9B4144",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#674679",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "18": {
+        "top": {
+          "value": "#806586",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#3A716D",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "19": {
+        "top": {
+          "value": "#778500",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#901F3B",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "20": {
+        "top": {
+          "value": "#86723A",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#007767",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "21": {
+        "top": {
+          "value": "#566279",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#005360",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "22": {
+        "top": {
+          "value": "#B64F00",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#B97700",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "23": {
+        "top": {
+          "value": "#1D49FF",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#003384",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "24": {
+        "top": {
+          "value": "#DAC89A",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#80AE9E",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "25": {
+        "top": {
+          "value": "#D2DC7F",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#9DA45F",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      },
+      "26": {
+        "top": {
+          "value": "#487A70",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#41007A",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "27": {
+        "top": {
+          "value": "#650037",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#9A0042",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.faded}",
+          "type": "color"
+        }
+      },
+      "28": {
+        "top": {
+          "value": "#FFD200",
+          "type": "color"
+        },
+        "bottom": {
+          "value": "#E19F00",
+          "type": "color"
+        },
+        "foreground": {
+          "value": "{color.palette.greyscale.dark}",
+          "type": "color"
+        }
+      }
+    },
+    "portal": {
+      "0": {
+        "value": "#4D0E2F",
+        "type": "color"
+      },
+      "10": {
+        "value": "#B80056",
+        "type": "color"
+      },
+      "20": {
+        "value": "#7900F8",
+        "type": "color"
+      },
+      "30": {
+        "value": "#507F00",
+        "type": "color"
+      },
+      "40": {
+        "value": "#FF8E46",
+        "type": "color"
+      },
+      "50": {
+        "value": "#9EBCAC",
+        "type": "color"
+      },
+      "60": {
+        "value": "#0063A1",
+        "type": "color"
+      },
+      "70": {
+        "value": "#00B300",
+        "type": "color"
+      },
+      "80": {
+        "value": "#E838BA",
+        "type": "color"
+      },
+      "90": {
+        "value": "#FF93FF",
+        "type": "color"
+      },
+      "100": {
+        "value": "#006148",
+        "type": "color"
+      },
+      "110": {
+        "value": "#FF0043",
+        "type": "color"
+      },
+      "120": {
+        "value": "#00AFB8",
+        "type": "color"
+      },
+      "130": {
+        "value": "#1600FF",
+        "type": "color"
+      },
+      "140": {
+        "value": "#FC3BFF",
+        "type": "color"
+      },
+      "150": {
+        "value": "#AFFF00",
+        "type": "color"
+      },
+      "160": {
+        "value": "#2802BD",
+        "type": "color"
+      },
+      "170": {
+        "value": "#E1FAAD",
+        "type": "color"
+      },
+      "180": {
+        "value": "#FF57ED",
+        "type": "color"
+      },
+      "190": {
+        "value": "#FF4C00",
+        "type": "color"
+      }
     }
   },
   "fontfamily": {
@@ -709,6 +1199,10 @@
       "value": "{fontfamily.global.riforma}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.riforma}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.riforma}",
@@ -741,6 +1235,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.300}",
@@ -773,6 +1271,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/brands/unbranded.json

@@ -713,6 +713,10 @@
       "value": "{fontfamily.global.helvetica}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.helvetica}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.helvetica}",
@@ -745,6 +749,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.500}",
@@ -777,6 +785,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/brands/vpro.json

@@ -709,6 +709,10 @@
       "value": "{fontfamily.global.simplistic}",
       "type": "fontFamilies"
     },
+    "program": {
+      "value": "{fontfamily.global.simplistic}",
+      "type": "fontFamilies"
+    },
     "display": {
       "intro": {
         "value": "{fontfamily.global.simplistic}",
@@ -741,6 +745,10 @@
       "value": "{lineheight.global.200}",
       "type": "lineHeights"
     },
+    "program": {
+      "value": "{lineheight.global.150}",
+      "type": "lineHeights"
+    },
     "display": {
       "intro": {
         "value": "{lineheight.global.500}",
@@ -773,6 +781,10 @@
       "value": "{fontweight.global.700}",
       "type": "fontWeights"
     },
+    "program": {
+      "value": "{fontweight.global.700}",
+      "type": "fontWeights"
+    },
     "display": {
       "intro": {
         "value": "{fontweight.global.500}",

package/tokens/global.json

@@ -133,6 +133,10 @@
         "value": "54",
         "type": "fontSizes"
       },
+      "450": {
+        "value": "60",
+        "type": "fontSizes"
+      },
       "460": {
         "value": "66",
         "type": "fontSizes"
@@ -140,6 +144,14 @@
       "480": {
         "value": "77",
         "type": "fontSizes"
+      },
+      "560": {
+        "value": "100",
+        "type": "fontSizes"
+      },
+      "600": {
+        "value": "128",
+        "type": "fontSizes"
       }
     }
   },
@@ -185,6 +197,10 @@
         "value": "100%",
         "type": "lineHeights"
       },
+      "150": {
+        "value": "110%",
+        "type": "lineHeights"
+      },
       "200": {
         "value": "120%",
         "type": "lineHeights"