@hopper-ui/tokens 3.1.4 → 3.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @hopper-ui/tokens
 
+## 3.2.0
+
+### Minor Changes
+
+- ff7fed1: # Font Tokens
+
+  - Swapped referenced token fonts for variable fonts.
+  - Woff2 are now the defacto font extension.
+
+## 3.1.5
+
+### Patch Changes
+
+- 2f18e75: - Upsell disabled surface value has been set to treasure-25
+  - Upsell surface value has been set to treasure-75
+
 ## 3.1.4
 
 ### Patch Changes

package/README.md

@@ -5,28 +5,6 @@ Hopper tokens are all the values needed to construct and maintain a design syste
 [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
 [![npm version](https://img.shields.io/npm/v/@hopper-ui/tokens)](https://www.npmjs.com/package/@hopper-ui/tokens)
 
-## Installation
-
-Install the following packages:
-
-**With pnpm**
-
-```shell
-pnpm add @hopper-ui/tokens
-```
-
-**With yarn**
-
-```shell
-yarn add -D @hopper-ui/tokens
-```
-
-**With npm**
-
-```shell
-npm install -D @hopper-ui/tokens
-```
-
 ## Usage
 
 View the [user's documentation](https://hopper.workleap.design/).

package/dist/fonts.css

@@ -1,32 +1,8 @@
 @font-face {
 	font-family: "Inter";
 	font-style: normal;
-	font-weight: 410;
-	src: url("assets/fonts/Inter-Regular.woff2") format("woff2");
-	font-display: fallback;
-}
-
-@font-face {
-	font-family: "Inter";
-	font-style: normal;
-	font-weight: 505;
-	src: url("assets/fonts/Inter-Medium.woff2") format("woff2");
-	font-display: fallback;
-}
-
-@font-face {
-	font-family: "Inter";
-	font-style: normal;
-	font-weight: 590;
-	src: url("assets/fonts/Inter-SemiBold.woff2") format("woff2");
-	font-display: fallback;
-}
-
-@font-face {
-	font-family: "Inter";
-	font-style: normal;
-	font-weight: 690;
-	src: url("assets/fonts/Inter-Bold.woff2") format("woff2");
+	font-weight: 100 900;
+	src: url("https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2") format("woff2-variations");
 	font-display: fallback;
 }
 
@@ -34,30 +10,14 @@
 	font-family: "ABC Favorit Mono";
 	font-style: normal;
 	font-weight: 400;
-	src: url("assets/fonts/ABCFavoritMono-Regular.woff2") format("woff2");
-	font-display: fallback;
-}
-
-@font-face {
-	font-family: "ABC Favorit";
-	font-style: normal;
-	font-weight: 410;
-	src: url("assets/fonts/ABCFavorit-Regular.woff2") format("woff2");
-	font-display: fallback;
-}
-
-@font-face {
-	font-family: "ABC Favorit";
-	font-style: normal;
-	font-weight: 580;
-	src: url("assets/fonts/ABCFavorit-Medium.woff2") format("woff2");
+	src: url("https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/ABCFavoritMono-Regular.woff2") format("woff2-variations");
 	font-display: fallback;
 }
 
 @font-face {
 	font-family: "ABC Favorit";
 	font-style: normal;
-	font-weight: 680;
-	src: url("assets/fonts/ABCFavorit-Bold.woff2") format("woff2");
+	font-weight: 100 900;
+	src: url("https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/ABCFavoritVariable.woff2") format("woff2-variations");
 	font-display: fallback;
 }

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 15 Feb 2024 21:14:25 GMT
+ * Generated on Tue, 12 Mar 2024 17:18:06 GMT
  */
 
 :root {
@@ -863,13 +863,13 @@
   --hop-danger-text-active: var(--hop-amanita-400);
   --hop-danger-icon-active: var(--hop-amanita-400);
   --hop-danger-border-active: var(--hop-amanita-300);
-  --hop-upsell-surface: var(--hop-sunken-treasure-25);
+  --hop-upsell-surface: var(--hop-sunken-treasure-75);
   --hop-upsell-surface-active: var(--hop-sunken-treasure-50);
   --hop-upsell-text-disabled: var(--hop-sunken-treasure-400);
   --hop-upsell-text-hover: var(--hop-sunken-treasure-900);
   --hop-upsell-icon: var(--hop-sunken-treasure-800);
   --hop-upsell-text: var(--hop-sunken-treasure-800);
-  --hop-upsell-surface-disabled: var(--hop-sunken-treasure-75);
+  --hop-upsell-surface-disabled: var(--hop-sunken-treasure-25);
   --hop-upsell-surface-weak: var(--hop-sunken-treasure-25);
   --hop-upsell-icon-active: var(--hop-sunken-treasure-400);
   --hop-upsell-border-disabled: var(--hop-sunken-treasure-75);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/tokens",
   "author": "Workleap",
-  "version": "3.1.4",
+  "version": "3.2.0",
   "description": "The tokens package.",
   "license": "Apache-2.0",
   "repository": {