@automattic/vip-design-system 1.2.3 → 1.3.1

package/tokens/valet-core/wpvip-services-web-type.json

@@ -0,0 +1,412 @@
+{
+  "body": {
+    "1-short": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.2}"
+      },
+      "type": "typography"
+    },
+    "1-short-medium": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.2}"
+      },
+      "type": "typography"
+    },
+    "1-short-caps": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.2}",
+        "textCase": "uppercase"
+      },
+      "type": "typography"
+    },
+    "2-short": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.3}"
+      },
+      "type": "typography"
+    },
+    "2-short-medium": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.3}"
+      },
+      "type": "typography"
+    },
+    "3-short": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.4}"
+      },
+      "type": "typography"
+    },
+    "4-short": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.5}"
+      },
+      "type": "typography"
+    },
+    "4-serif": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.5}",
+        "fontSize": "{fontSize.static.5}"
+      },
+      "type": "typography"
+    }
+  },
+  "heading": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.6}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "2": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.7}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "3": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.9}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "4": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.10}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "5": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.11}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "6": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.12}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "7": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.medium}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.13}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "1-light": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.light}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.6}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "2-light": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.light}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.8}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "3-light": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.light}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.9}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "4-light": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.light}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.10}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "5-light": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.light}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.11}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "5-serif": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.11}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "6-serif": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.12}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "7-serif": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.13}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    }
+  },
+  "paragraph": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.7}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    }
+  },
+  "quotation": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.responsive.8}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "2": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.responsive.10}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    },
+    "3": {
+      "value": {
+        "fontFamily": "{fontFamily.serif}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.3}",
+        "fontSize": "{fontSize.responsive.11}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    }
+  },
+  "caption": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.1}",
+        "letterSpacing": "{letterSpacing.loose}"
+      },
+      "type": "typography"
+    },
+    "2": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.2}",
+        "letterSpacing": "{letterSpacing.loose}"
+      },
+      "type": "typography"
+    }
+  },
+  "code": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.monospace}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.2}"
+      },
+      "type": "typography"
+    },
+    "2": {
+      "value": {
+        "fontFamily": "{fontFamily.monospace}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.4}",
+        "fontSize": "{fontSize.static.3}"
+      },
+      "type": "typography"
+    }
+  },
+  "supporting": {
+    "helper-text": {
+      "1": {
+        "value": {
+          "fontFamily": "{fontFamily.sans}",
+          "fontWeight": "{fontWeight.regular}",
+          "lineHeight": "{lineHeight.4}",
+          "fontSize": "{fontSize.static.1}",
+          "letterSpacing": "{letterSpacing.loose}"
+        },
+        "type": "typography"
+      },
+      "1-caps": {
+        "value": {
+          "fontFamily": "{fontFamily.sans}",
+          "fontWeight": "{fontWeight.regular}",
+          "lineHeight": "{lineHeight.4}",
+          "fontSize": "{fontSize.static.1}",
+          "letterSpacing": "{letterSpacing.loose}",
+          "textCase": "{textCase.uppercase}"
+        },
+        "type": "typography"
+      }
+    },
+    "support-text": {
+      "1": {
+        "value": {
+          "fontFamily": "{fontFamily.accent}",
+          "fontWeight": "{fontWeight.medium}",
+          "lineHeight": "{lineHeight.4}",
+          "fontSize": "{fontSize.static.1}",
+          "letterSpacing": "{letterSpacing.loose}",
+          "textCase": "{textCase.uppercase}"
+        },
+        "type": "typography"
+      },
+      "2": {
+        "value": {
+          "fontFamily": "{fontFamily.accent}",
+          "fontWeight": "{fontWeight.medium}",
+          "lineHeight": "{lineHeight.4}",
+          "fontSize": "{fontSize.static.3}",
+          "letterSpacing": "{letterSpacing.loose}",
+          "textCase": "{textCase.uppercase}"
+        },
+        "type": "typography"
+      }
+    }
+  },
+  "fontFamily": {
+    "sans": {
+      "value": "Aktiv Grotesk VF",
+      "type": "fontFamilies"
+    },
+    "serif": {
+      "value": "IvarText-Regular",
+      "type": "fontFamilies"
+    },
+    "display": {
+      "value": "Recoleta",
+      "type": "fontFamilies"
+    },
+    "accent": {
+      "value": "Aktiv Grotesk EX",
+      "type": "fontFamilies"
+    },
+    "mono": {
+      "value": "AkkuratMonoLLWeb-Regular",
+      "type": "fontFamilies"
+    }
+  },
+  "letterSpacing": {
+    "tight": {
+      "value": "-0.01em",
+      "type": "letterSpacing"
+    },
+    "none": {
+      "value": "0em",
+      "type": "letterSpacing"
+    },
+    "loose": {
+      "value": "0.03em",
+      "type": "letterSpacing"
+    }
+  },
+  "statistic": {
+    "1": {
+      "value": {
+        "fontFamily": "{fontFamily.sans}",
+        "fontWeight": "{fontWeight.regular}",
+        "lineHeight": "{lineHeight.responsive}",
+        "fontSize": "{fontSize.responsive.12b}",
+        "letterSpacing": "{letterSpacing.tight}"
+      },
+      "type": "typography"
+    }
+  }
+}

package/tokens/valet-core/{wpvip-expressive-color-dark.json → wpvip-web-color-dark.json}

@@ -732,4 +732,4 @@
       }
     }
   }
-}
+}