npm - villa-design-tokens - Versions diffs - 1.0.255 → 1.0.256 - Mend

villa-design-tokens 1.0.255 → 1.0.256

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/brands/human.json +58 -174
package/tokens/brands/vpro.json +376 -2
package/tokens/global.json +8 -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.255",
+  "version": "1.0.256",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vpro/Design-tokens.git"

package/tokens/brands/human.json CHANGED Viewed

@@ -701,409 +701,293 @@
     },
     "combo": {
       "0": {
-        "top": {
+        "primary": {
           "value": "{color.palette.tertiary.main}",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "{color.palette.primary.main}",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "1": {
-        "top": {
+        "primary": {
           "value": "#00D687",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#BD96FF",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "2": {
-        "top": {
+        "primary": {
           "value": "#F5FF00",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#00FFA2",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "3": {
-        "top": {
+        "primary": {
           "value": "#FF4D4D",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#D60000",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "4": {
-        "top": {
+        "primary": {
           "value": "#FF57EC",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FF808B",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "5": {
-        "top": {
+        "primary": {
           "value": "#00FFC8",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#4DB6FF",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "6": {
-        "top": {
+        "primary": {
           "value": "#FFA31F",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FFDC05",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "7": {
-        "top": {
+        "primary": {
           "value": "#FF6D1A",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FF9D6E",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "8": {
-        "top": {
+        "primary": {
           "value": "#FFCCC8",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FFB4AF",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "9": {
-        "top": {
+        "primary": {
           "value": "#00FFCA",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#6CFF97",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "10": {
-        "top": {
+        "primary": {
           "value": "#BDC5FF",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#C278FF",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "11": {
-        "top": {
+        "primary": {
           "value": "#FFDC00",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#90D0BD",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "12": {
-        "top": {
+        "primary": {
           "value": "#90D0BD",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#00FFE6",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "13": {
-        "top": {
+        "primary": {
           "value": "#FF7AEB",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FF0000",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "14": {
-        "top": {
+        "primary": {
           "value": "#E5EA87",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FFFF00",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "15": {
-        "top": {
+        "primary": {
           "value": "#949EFF",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#7975B5",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "16": {
-        "top": {
+        "primary": {
           "value": "#CF7B7B",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#65AB6B",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "17": {
-        "top": {
+        "primary": {
           "value": "#E86166",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#A772C4",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "18": {
-        "top": {
+        "primary": {
           "value": "#CAA0D4",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#61BDB6",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "19": {
-        "top": {
+        "primary": {
           "value": "#BBD100",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FF527D",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "20": {
-        "top": {
+        "primary": {
           "value": "#E5C363",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#00C4AA",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "21": {
-        "top": {
+        "primary": {
           "value": "#9EB4DE",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#0096AD",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "22": {
-        "top": {
+        "primary": {
           "value": "#FF6F00",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#FFA400",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "23": {
-        "top": {
+        "primary": {
           "value": "#829AFF",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#3D74CC",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "24": {
-        "top": {
+        "primary": {
           "value": "#DAC89A",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#80AE9E",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "25": {
-        "top": {
+        "primary": {
           "value": "#D2DC7F",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#9DA45F",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       },
       "26": {
-        "top": {
+        "primary": {
           "value": "#75C7B7",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#AC4DFF",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "27": {
-        "top": {
+        "primary": {
           "value": "#FF008B",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#B2366B",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.faded}",
-          "type": "color"
         }
       },
       "28": {
-        "top": {
+        "primary": {
           "value": "#FFD200",
           "type": "color"
         },
-        "bottom": {
+        "secondary": {
           "value": "#E19F00",
           "type": "color"
-        },
-        "foreground": {
-          "value": "{color.palette.greyscale.dark}",
-          "type": "color"
         }
       }
     },

package/tokens/brands/vpro.json CHANGED Viewed

@@ -698,6 +698,380 @@
           }
         }
       }
+    },
+    "combo": {
+      "0": {
+        "primary": {
+          "value": "#FFC2B2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#002E73",
+          "type": "color"
+        }
+      },
+      "1": {
+        "primary": {
+          "value": "#FFD7CC",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#005924",
+          "type": "color"
+        }
+      },
+      "2": {
+        "primary": {
+          "value": "#FFD1B2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#006652",
+          "type": "color"
+        }
+      },
+      "3": {
+        "primary": {
+          "value": "#FFE0B2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#73005C",
+          "type": "color"
+        }
+      },
+      "4": {
+        "primary": {
+          "value": "#FFF0B2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#73002E",
+          "type": "color"
+        }
+      },
+      "5": {
+        "primary": {
+          "value": "#FCFFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#001773",
+          "type": "color"
+        }
+      },
+      "6": {
+        "primary": {
+          "value": "#F0FFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#170073",
+          "type": "color"
+        }
+      },
+      "7": {
+        "primary": {
+          "value": "#E0FFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#730073",
+          "type": "color"
+        }
+      },
+      "8": {
+        "primary": {
+          "value": "#D1FFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#5C0073",
+          "type": "color"
+        }
+      },
+      "9": {
+        "primary": {
+          "value": "#C2FFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#731700",
+          "type": "color"
+        }
+      },
+      "10": {
+        "primary": {
+          "value": "#B2FFB2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#450073",
+          "type": "color"
+        }
+      },
+      "11": {
+        "primary": {
+          "value": "#B2FFC2",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#004573",
+          "type": "color"
+        }
+      },
+      "12": {
+        "primary": {
+          "value": "#CCFFE1",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#730045",
+          "type": "color"
+        }
+      },
+      "13": {
+        "primary": {
+          "value": "#B2FFE0",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#660052",
+          "type": "color"
+        }
+      },
+      "14": {
+        "primary": {
+          "value": "#B2FFF0",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#2E0073",
+          "type": "color"
+        }
+      },
+      "15": {
+        "primary": {
+          "value": "#B2FFFF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#730000",
+          "type": "color"
+        }
+      },
+      "16": {
+        "primary": {
+          "value": "#CCEAFF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#593600",
+          "type": "color"
+        }
+      },
+      "17": {
+        "primary": {
+          "value": "#B2D1FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#004000",
+          "type": "color"
+        }
+      },
+      "18": {
+        "primary": {
+          "value": "#B2C2FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#001773",
+          "type": "color"
+        }
+      },
+      "19": {
+        "primary": {
+          "value": "#D9D9FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#125900",
+          "type": "color"
+        }
+      },
+      "20": {
+        "primary": {
+          "value": "#C2B2FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#73002E",
+          "type": "color"
+        }
+      },
+      "21": {
+        "primary": {
+          "value": "#D1B2FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#002E73",
+          "type": "color"
+        }
+      },
+      "22": {
+        "primary": {
+          "value": "#EACCFF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#731700",
+          "type": "color"
+        }
+      },
+      "23": {
+        "primary": {
+          "value": "#F0B2FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#005912",
+          "type": "color"
+        }
+      },
+      "24": {
+        "primary": {
+          "value": "#FFB2FF",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#494D00",
+          "type": "color"
+        }
+      },
+      "25": {
+        "primary": {
+          "value": "#FFB2F0",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#732E00",
+          "type": "color"
+        }
+      },
+      "26": {
+        "primary": {
+          "value": "#FFB2E0",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#000073",
+          "type": "color"
+        }
+      },
+      "27": {
+        "primary": {
+          "value": "#FFCCE1",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "#005959",
+          "type": "color"
+        }
+      },
+      "28": {
+        "primary": {
+          "value": "{color.global.grey.150}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{color.global.grey.450}",
+          "type": "color"
+        }
+      }
+    },
+    "portal": {
+      "0": {
+        "value": "#FF0000",
+        "type": "color"
+      },
+      "10": {
+        "value": "#FF6600",
+        "type": "color"
+      },
+      "20": {
+        "value": "#FFCC00",
+        "type": "color"
+      },
+      "30": {
+        "value": "#F5FF00",
+        "type": "color"
+      },
+      "40": {
+        "value": "#CCFF00",
+        "type": "color"
+      },
+      "50": {
+        "value": "#99FF00",
+        "type": "color"
+      },
+      "60": {
+        "value": "#66FF00",
+        "type": "color"
+      },
+      "70": {
+        "value": "#33FF00",
+        "type": "color"
+      },
+      "80": {
+        "value": "#00FF99",
+        "type": "color"
+      },
+      "90": {
+        "value": "#00FFCC",
+        "type": "color"
+      },
+      "100": {
+        "value": "#00FFFF",
+        "type": "color"
+      },
+      "110": {
+        "value": "#0099FF",
+        "type": "color"
+      },
+      "120": {
+        "value": "#0066FF",
+        "type": "color"
+      },
+      "130": {
+        "value": "#3300FF",
+        "type": "color"
+      },
+      "140": {
+        "value": "#6600FF",
+        "type": "color"
+      },
+      "150": {
+        "value": "#9900FF",
+        "type": "color"
+      },
+      "160": {
+        "value": "#CC00FF",
+        "type": "color"
+      },
+      "170": {
+        "value": "#FF00FF",
+        "type": "color"
+      },
+      "180": {
+        "value": "#FF0099",
+        "type": "color"
+      },
+      "190": {
+        "value": "#FF0066",
+        "type": "color"
+      }
     }
   },
   "fontfamily": {
@@ -714,7 +1088,7 @@
       "type": "fontFamilies"
     },
     "program": {
-      "value": "{fontfamily.global.simplistic}",
+      "value": "{fontfamily.global.simplistic-outline-program}",
       "type": "fontFamilies"
     },
     "display": {
@@ -750,7 +1124,7 @@
       "type": "lineHeights"
     },
     "program": {
-      "value": "{lineheight.global.90}",
+      "value": "{lineheight.global.80}",
       "type": "lineHeights"
     },
     "display": {

package/tokens/global.json CHANGED Viewed

@@ -40,6 +40,10 @@
       "arizona": {
         "value": "ABC Arizona Serif Unlicensed Trial",
         "type": "fontFamilies"
+      },
+      "simplistic-outline-program": {
+        "value": "Simplistic Sans Program",
+        "type": "fontFamilies"
       }
     }
   },
@@ -193,6 +197,10 @@
         "value": "60%",
         "type": "lineHeights"
       },
+      "80": {
+        "value": "80%",
+        "type": "lineHeights"
+      },
       "90": {
         "value": "90%",
         "type": "lineHeights"