npm - villa-design-tokens - Versions diffs - 1.0.246 → 1.0.247 - Mend

villa-design-tokens 1.0.246 → 1.0.247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/package.json +1 -1
package/tokens/base.json +18 -0
package/tokens/brands/human.json +502 -0
package/tokens/global.json +12 -0

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

package/tokens/base.json CHANGED Viewed

@@ -115,6 +115,15 @@
             "lineHeight": "{lineheight.display.headline}"
           },
           "type": "typography"
+        },
+        "title": {
+          "value": {
+            "fontFamily": "{fontfamily.display.title}",
+            "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.display.title}",
+            "fontWeight": "{fontweight.display.title}",
+            "fontSize": "{fontsize.global.450}",
+            "lineHeight": "{lineheight.display.title}"
+          },
+          "type": "typography"
         }
       }
     },

package/tokens/brands/human.json CHANGED Viewed

@@ -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"
+        }
+      }
+    },
+    "branding": {
+      "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": {
@@ -725,6 +1215,10 @@
       "headline": {
         "value": "{fontfamily.global.riforma}",
         "type": "fontFamilies"
+      },
+      "title": {
+        "value": "{fontfamily.global.riforma}",
+        "type": "fontFamilies"
       }
     }
   },
@@ -757,6 +1251,10 @@
       "headline": {
         "value": "{lineheight.global.200}",
         "type": "lineHeights"
+      },
+      "title": {
+        "value": "{lineheight.global.150}",
+        "type": "lineHeights"
       }
     }
   },
@@ -789,6 +1287,10 @@
       "headline": {
         "value": "{fontweight.global.700}",
         "type": "fontWeights"
+      },
+      "title": {
+        "value": "{fontweight.global.700}",
+        "type": "fontWeights"
       }
     }
   }

package/tokens/global.json CHANGED Viewed

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