@automattic/vip-design-system 2.4.5 → 2.6.1

package/tokens/valet-core/parsely-web-core.json

@@ -1,172 +0,0 @@
-{
-  "space": {
-    "padding": {
-      "global": {
-        "value": "{space.responsive.4-7}",
-        "type": "spacing",
-        "description": "Use for global padding for the application—usually the outer margins of the screen. "
-      }
-    },
-    "responsive": {
-      "x-small": {
-        "value": "{space.responsive.3-4}",
-        "type": "spacing"
-      },
-      "small": {
-        "value": "{space.responsive.4-5}",
-        "type": "spacing"
-      },
-      "medium": {
-        "value": "{space.responsive.5-6}",
-        "type": "spacing"
-      },
-      "large": {
-        "value": "{space.responsive.6-7}",
-        "type": "spacing",
-        "description": "The default space between sequential blocks in a layout"
-      },
-      "x-large": {
-        "value": "{space.responsive.7-8}",
-        "type": "spacing"
-      },
-      "xx-large": {
-        "value": "{space.responsive.8-9}",
-        "type": "spacing"
-      },
-      "xxx-large": {
-        "value": "{space.responsive.9-10}",
-        "type": "spacing"
-      }
-    },
-    "static": {
-      "x-small": {
-        "value": "{space.static.1}",
-        "type": "spacing"
-      },
-      "small": {
-        "value": "{space.static.2}",
-        "type": "spacing"
-      },
-      "medium": {
-        "value": "{space.static.3}",
-        "type": "spacing"
-      },
-      "large": {
-        "value": "{space.static.4}",
-        "type": "spacing"
-      },
-      "x-large": {
-        "value": "{space.static.5}",
-        "type": "spacing"
-      },
-      "xx-large": {
-        "value": "{space.static.6}",
-        "type": "spacing"
-      },
-      "xxx-large": {
-        "value": "{space.static.7}",
-        "type": "spacing"
-      }
-    }
-  },
-  "shadow": {
-    "high": {
-      "value": "{shadow.3}",
-      "type": "boxShadow"
-    },
-    "medium": {
-      "value": "{shadow.2}",
-      "type": "boxShadow"
-    },
-    "low": {
-      "value": "{shadow.1}",
-      "type": "boxShadow"
-    }
-  },
-  "breakpoint": {
-    "S": {
-      "value": "320",
-      "type": "sizing",
-      "description": "< 655px"
-    },
-    "M": {
-      "value": "656",
-      "type": "sizing",
-      "description": "656–1047px"
-    },
-    "L": {
-      "value": "1048",
-      "type": "sizing"
-    },
-    "XL": {
-      "value": "1312",
-      "type": "sizing",
-      "description": "1312–1535px"
-    },
-    "XXL": {
-      "value": "1536",
-      "type": "sizing",
-      "description": "1536–1647px"
-    },
-    "MAX": {
-      "value": "1648",
-      "type": "sizing",
-      "description": "1648px +"
-    }
-  },
-  "alignment": {
-    "center": {
-      "value": "744",
-      "type": "sizing",
-      "description": "min-width: 744px"
-    },
-    "wide": {
-      "value": "1008",
-      "type": "sizing",
-      "description": "min-width: 1008px"
-    },
-    "full": {
-      "value": "1536",
-      "type": "sizing",
-      "description": "max-width: 1536px"
-    }
-  },
-  "borderRadius": {
-    "static": {
-      "small": {
-        "value": "{borderRadius.static.2}",
-        "type": "borderRadius"
-      },
-      "medium": {
-        "value": "{borderRadius.static.3}",
-        "type": "borderRadius"
-      },
-      "large": {
-        "value": "{borderRadius.static.4}",
-        "type": "borderRadius"
-      },
-      "x-large": {
-        "value": "{borderRadius.static.5}",
-        "type": "borderRadius"
-      },
-      "xx-large": {
-        "value": "{borderRadius.static.6}",
-        "type": "borderRadius"
-      },
-      "x-small": {
-        "value": "{borderRadius.static.1}",
-        "type": "borderRadius"
-      }
-    },
-    "responsive": {
-      "medium": {
-        "value": "{borderRadius.responsive.3-5}",
-        "type": "borderRadius"
-      },
-      "large": {
-        "value": "{borderRadius.responsive.4-6}",
-        "type": "borderRadius"
-      }
-    }
-  }
-}

package/tokens/valet-core/parsely-web-type.json

@@ -1,362 +0,0 @@
-{
-  "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.bold}",
-        "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.medium}",
-        "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.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.6}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "2": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.8}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "3": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.9}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "4": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.10}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "5": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.11}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "6": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.12}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "7": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.13}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "7-serif": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.13}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "6-serif": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.12}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "5-serif": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.responsive}",
-        "fontSize": "{fontSize.responsive.11}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    }
-  },
-  "paragraph": {
-    "1": {
-      "value": {
-        "fontFamily": "{fontFamily.sans}",
-        "fontWeight": "{fontWeight.regular}",
-        "lineHeight": "{lineHeight.4}",
-        "fontSize": "{fontSize.responsive.8}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    }
-  },
-  "quotation": {
-    "1": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.4}",
-        "fontSize": "{fontSize.responsive.7}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "2": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.4}",
-        "fontSize": "{fontSize.responsive.8}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    },
-    "3": {
-      "value": {
-        "fontFamily": "{fontFamily.serif}",
-        "fontWeight": "{fontWeight.bold}",
-        "lineHeight": "{lineHeight.3}",
-        "fontSize": "{fontSize.responsive.9}",
-        "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.bold}",
-          "lineHeight": "{lineHeight.4}",
-          "fontSize": "{fontSize.static.1}",
-          "letterSpacing": "{letterSpacing.loose}",
-          "textCase": "{textCase.uppercase}"
-        },
-        "type": "typography"
-      },
-      "2": {
-        "value": {
-          "fontFamily": "{fontFamily.accent}",
-          "fontWeight": "{fontWeight.bold}",
-          "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": "Aktiv Grotesk VF",
-      "type": "fontFamilies"
-    },
-    "accent": {
-      "value": "Aktiv Grotesk VF",
-      "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.12}",
-        "letterSpacing": "{letterSpacing.tight}"
-      },
-      "type": "typography"
-    }
-  }
-}