@hopper-ui/tokens 0.1.1-beta.0 → 0.2.0

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
  1. package/README.md +2 -2
  2. package/dist/fonts.css +16 -16
  3. package/dist/tokens.css +11 -11
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -32,12 +32,12 @@ npm install -D @hopper-ui/tokens
32
32
  The tokens are available in the `dist` folder. You can import the tokens in your project by doing:
33
33
 
34
34
  ```css
35
- @import '@hopper-ui/tokens/dist/tokens.css';
35
+ @import '@hopper-ui/tokens/tokens.css';
36
36
  ```
37
37
 
38
38
  for the dark mode, you can import them by doing:
39
39
  ```css
40
- @import '@hopper-ui/tokens/dist/dark/tokens.css';
40
+ @import '@hopper-ui/tokens/dark/tokens.css';
41
41
  ```
42
42
 
43
43
  ## License
package/dist/fonts.css CHANGED
@@ -2,7 +2,7 @@
2
2
  font-family: "Inter";
3
3
  font-style: normal;
4
4
  font-weight: 410;
5
- src: url("../assets/fonts/Inter-Regular.otf") format("opentype");
5
+ src: url("./assets/fonts/Inter-Regular.otf") format("opentype");
6
6
  font-display: fallback;
7
7
  }
8
8
 
@@ -10,7 +10,7 @@
10
10
  font-family: "Inter";
11
11
  font-style: normal;
12
12
  font-weight: 505;
13
- src: url("../assets/fonts/Inter-Medium.otf") format("opentype");
13
+ src: url("./assets/fonts/Inter-Medium.otf") format("opentype");
14
14
  font-display: fallback;
15
15
  }
16
16
 
@@ -18,7 +18,7 @@
18
18
  font-family: "Inter";
19
19
  font-style: normal;
20
20
  font-weight: 590;
21
- src: url("../assets/fonts/Inter-SemiBold.otf") format("opentype");
21
+ src: url("./assets/fonts/Inter-SemiBold.otf") format("opentype");
22
22
  font-display: fallback;
23
23
  }
24
24
 
@@ -26,7 +26,7 @@
26
26
  font-family: "Inter";
27
27
  font-style: normal;
28
28
  font-weight: 690;
29
- src: url("../assets/fonts/Inter-Bold.otf") format("opentype");
29
+ src: url("./assets/fonts/Inter-Bold.otf") format("opentype");
30
30
  font-display: fallback;
31
31
  }
32
32
 
@@ -34,9 +34,9 @@
34
34
  font-family: "ABC Favorit Mono";
35
35
  font-style: normal;
36
36
  font-weight: 400;
37
- src: url("../assets/fonts/ABCFavoritMono-Regular.otf") format("opentype"),
38
- url("../assets/fonts/ABCFavoritMono-Regular.woff") format("woff"),
39
- url("../assets/fonts/ABCFavoritMono-Regular.woff2") format("woff2");
37
+ src: url("./assets/fonts/ABCFavoritMono-Regular.otf") format("opentype"),
38
+ url("./assets/fonts/ABCFavoritMono-Regular.woff") format("woff"),
39
+ url("./assets/fonts/ABCFavoritMono-Regular.woff2") format("woff2");
40
40
  font-display: fallback;
41
41
  }
42
42
 
@@ -44,9 +44,9 @@
44
44
  font-family: "ABC Favorit";
45
45
  font-style: normal;
46
46
  font-weight: 410;
47
- src: url("../assets/fonts/ABCFavorit-Regular.otf") format("opentype"),
48
- url("../assets/fonts/ABCFavorit-Regular.woff") format("woff"),
49
- url("../assets/fonts/ABCFavorit-Regular.woff2") format("woff2");
47
+ src: url("./assets/fonts/ABCFavorit-Regular.otf") format("opentype"),
48
+ url("./assets/fonts/ABCFavorit-Regular.woff") format("woff"),
49
+ url("./assets/fonts/ABCFavorit-Regular.woff2") format("woff2");
50
50
  font-display: fallback;
51
51
  }
52
52
 
@@ -54,9 +54,9 @@
54
54
  font-family: "ABC Favorit";
55
55
  font-style: normal;
56
56
  font-weight: 580;
57
- src: url("../assets/fonts/ABCFavorit-Medium.otf") format("opentype"),
58
- url("../assets/fonts/ABCFavorit-Medium.woff") format("woff"),
59
- url("../assets/fonts/ABCFavorit-Medium.woff2") format("woff2");
57
+ src: url("./assets/fonts/ABCFavorit-Medium.otf") format("opentype"),
58
+ url("./assets/fonts/ABCFavorit-Medium.woff") format("woff"),
59
+ url("./assets/fonts/ABCFavorit-Medium.woff2") format("woff2");
60
60
  font-display: fallback;
61
61
  }
62
62
 
@@ -64,8 +64,8 @@
64
64
  font-family: "ABC Favorit";
65
65
  font-style: normal;
66
66
  font-weight: 680;
67
- src: url("../assets/fonts/ABCFavorit-Bold.otf") format("opentype"),
68
- url("../assets/fonts/ABCFavorit-Bold.woff") format("woff"),
69
- url("../assets/fonts/ABCFavorit-Bold.woff2") format("woff2");
67
+ src: url("./assets/fonts/ABCFavorit-Bold.otf") format("opentype"),
68
+ url("./assets/fonts/ABCFavorit-Bold.woff") format("woff"),
69
+ url("./assets/fonts/ABCFavorit-Bold.woff2") format("woff2");
70
70
  font-display: fallback;
71
71
  }
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Aug 2023 19:47:00 GMT
3
+ * Generated on Tue, 29 Aug 2023 16:37:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -190,16 +190,16 @@
190
190
  --hop-space-40: 0.25rem;
191
191
  --hop-space-20: 0.125rem;
192
192
  --hop-space-0: 0;
193
- --hop-space-inline-xl: 0 var(--hop-space-320) 0 0;
194
- --hop-space-inline-lg: 0 var(--hop-space-240) 0 0;
195
- --hop-space-inline-md: 0 var(--hop-space-160) 0 0;
196
- --hop-space-inline-sm: 0 var(--hop-space-80) 0 0;
197
- --hop-space-inline-xs: 0 var(--hop-space-40) 0 0;
198
- --hop-space-stack-xl: 0 0 var(--hop-space-320) 0;
199
- --hop-space-stack-lg: 0 0 var(--hop-space-240) 0;
200
- --hop-space-stack-md: 0 0 var(--hop-space-160) 0;
201
- --hop-space-stack-sm: 0 0 var(--hop-space-80) 0;
202
- --hop-space-stack-xs: 0 0 var(--hop-space-40) 0;
193
+ --hop-space-inline-xl: var(--hop-space-320);
194
+ --hop-space-inline-lg: var(--hop-space-240);
195
+ --hop-space-inline-md: var(--hop-space-160);
196
+ --hop-space-inline-sm: var(--hop-space-80);
197
+ --hop-space-inline-xs: var(--hop-space-40);
198
+ --hop-space-stack-xl: var(--hop-space-320);
199
+ --hop-space-stack-lg: var(--hop-space-240);
200
+ --hop-space-stack-md: var(--hop-space-160);
201
+ --hop-space-stack-sm: var(--hop-space-80);
202
+ --hop-space-stack-xs: var(--hop-space-40);
203
203
  --hop-space-inset-stretch-lg: var(--hop-space-480) var(--hop-space-240);
204
204
  --hop-space-inset-stretch-md: var(--hop-space-240) var(--hop-space-160);
205
205
  --hop-space-inset-stretch-sm: var(--hop-space-160) var(--hop-space-80);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "0.1.1-beta.0",
4
+ "version": "0.2.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {