@hopper-ui/tokens 0.0.0 → 0.1.0-beta.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 (22) hide show
  1. package/dist/assets/fonts/ABCFavorit-Bold.otf +0 -0
  2. package/dist/assets/fonts/ABCFavorit-Bold.woff +0 -0
  3. package/dist/assets/fonts/ABCFavorit-Bold.woff2 +0 -0
  4. package/dist/assets/fonts/ABCFavorit-Medium.otf +0 -0
  5. package/dist/assets/fonts/ABCFavorit-Medium.woff +0 -0
  6. package/dist/assets/fonts/ABCFavorit-Medium.woff2 +0 -0
  7. package/dist/assets/fonts/ABCFavorit-Regular.otf +0 -0
  8. package/dist/assets/fonts/ABCFavorit-Regular.woff +0 -0
  9. package/dist/assets/fonts/ABCFavorit-Regular.woff2 +0 -0
  10. package/dist/assets/fonts/ABCFavoritMono-Regular.otf +0 -0
  11. package/dist/assets/fonts/ABCFavoritMono-Regular.woff +0 -0
  12. package/dist/assets/fonts/ABCFavoritMono-Regular.woff2 +0 -0
  13. package/dist/assets/fonts/Inter-Bold.otf +0 -0
  14. package/dist/assets/fonts/Inter-BoldItalic.otf +0 -0
  15. package/dist/assets/fonts/Inter-Medium.otf +0 -0
  16. package/dist/assets/fonts/Inter-MediumItalic.otf +0 -0
  17. package/dist/assets/fonts/Inter-Regular.otf +0 -0
  18. package/dist/assets/fonts/Inter-SemiBold.otf +0 -0
  19. package/dist/assets/fonts/Inter-SemiBoldItalic.otf +0 -0
  20. package/dist/fonts.css +71 -0
  21. package/dist/tokens.css +81 -5
  22. package/package.json +4 -3
package/dist/assets/fonts/Inter-Bold.otf ADDED
Binary file
package/dist/fonts.css ADDED
@@ -0,0 +1,71 @@
1
+ @font-face {
2
+ font-family: "Inter";
3
+ font-style: normal;
4
+ font-weight: 410;
5
+ src: url("./assets/fonts/Inter-Regular.otf") format("opentype");
6
+ font-display: fallback;
7
+ }
8
+
9
+ @font-face {
10
+ font-family: "Inter";
11
+ font-style: normal;
12
+ font-weight: 505;
13
+ src: url("./assets/fonts/Inter-Medium.otf") format("opentype");
14
+ font-display: fallback;
15
+ }
16
+
17
+ @font-face {
18
+ font-family: "Inter";
19
+ font-style: normal;
20
+ font-weight: 590;
21
+ src: url("./assets/fonts/Inter-SemiBold.otf") format("opentype");
22
+ font-display: fallback;
23
+ }
24
+
25
+ @font-face {
26
+ font-family: "Inter";
27
+ font-style: normal;
28
+ font-weight: 690;
29
+ src: url("./assets/fonts/Inter-Bold.otf") format("opentype");
30
+ font-display: fallback;
31
+ }
32
+
33
+ @font-face {
34
+ font-family: "ABC Favorit Mono";
35
+ font-style: normal;
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");
40
+ font-display: fallback;
41
+ }
42
+
43
+ @font-face {
44
+ font-family: "ABC Favorit";
45
+ font-style: normal;
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");
50
+ font-display: fallback;
51
+ }
52
+
53
+ @font-face {
54
+ font-family: "ABC Favorit";
55
+ font-style: normal;
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");
60
+ font-display: fallback;
61
+ }
62
+
63
+ @font-face {
64
+ font-family: "ABC Favorit";
65
+ font-style: normal;
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");
70
+ font-display: fallback;
71
+ }
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Aug 2023 18:00:32 GMT
3
+ * Generated on Tue, 15 Aug 2023 19:21:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -38,9 +38,9 @@
38
38
  --hop-font-family-tertiary: ABC Favorit Mono;
39
39
  --hop-font-family-secondary: Inter;
40
40
  --hop-font-family-primary: ABC Favorit;
41
- --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);;
42
- --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);;
43
- --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);;
41
+ --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
42
+ --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
43
+ --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
44
44
  --hop-shadow-none: none;
45
45
  --hop-samoyed: #ffffff;
46
46
  --hop-rock-900: #292929;
@@ -216,18 +216,90 @@
216
216
  --hop-shape-rounded-lg: var(--hop-border-radius-3);
217
217
  --hop-shape-pill: var(--hop-border-radius-4);
218
218
  --hop-shape-circle: var(--hop-border-radius-9999);
219
+ --hop-accent-sm-line-height: var(--hop-line-height-1-33);
220
+ --hop-accent-sm-font-weight: var(--hop-font-weight-580);
221
+ --hop-accent-sm-font-size: var(--hop-font-size-180);
222
+ --hop-accent-sm-font-family: var(--hop-font-family-primary);
223
+ --hop-accent-lg-line-height: var(--hop-line-height-1-125);
224
+ --hop-accent-lg-font-weight: var(--hop-font-weight-580);
225
+ --hop-accent-lg-font-size: var(--hop-font-size-480);
226
+ --hop-accent-lg-font-family: var(--hop-font-family-primary);
227
+ --hop-body-xs-underline-line-height: var(--hop-line-height-1-33);
228
+ --hop-body-xs-underline-font-weight: var(--hop-font-weight-505);
229
+ --hop-body-xs-underline-font-size: var(--hop-font-size-120);
230
+ --hop-body-xs-underline-font-family: var(--hop-font-family-secondary);
231
+ --hop-body-xs-bold-line-height: var(--hop-line-height-1-33);
232
+ --hop-body-xs-bold-font-weight: var(--hop-font-weight-690);
233
+ --hop-body-xs-bold-font-size: var(--hop-font-size-120);
234
+ --hop-body-xs-bold-font-family: var(--hop-font-family-secondary);
235
+ --hop-body-xs-semibold-line-height: var(--hop-line-height-1-33);
236
+ --hop-body-xs-semibold-font-weight: var(--hop-font-weight-590);
237
+ --hop-body-xs-semibold-font-size: var(--hop-font-size-120);
238
+ --hop-body-xs-semibold-font-family: var(--hop-font-family-secondary);
239
+ --hop-body-xs-medium-line-height: var(--hop-line-height-1-33);
240
+ --hop-body-xs-medium-font-weight: var(--hop-font-weight-505);
241
+ --hop-body-xs-medium-font-size: var(--hop-font-size-120);
242
+ --hop-body-xs-medium-font-family: var(--hop-font-family-secondary);
219
243
  --hop-body-xs-line-height: var(--hop-line-height-1-33);
220
244
  --hop-body-xs-font-weight: var(--hop-font-weight-410);
221
245
  --hop-body-xs-font-size: var(--hop-font-size-120);
222
246
  --hop-body-xs-font-family: var(--hop-font-family-secondary);
247
+ --hop-body-sm-underline-line-height: var(--hop-line-height-1-4295);
248
+ --hop-body-sm-underline-font-weight: var(--hop-font-weight-505);
249
+ --hop-body-sm-underline-font-size: var(--hop-font-size-140);
250
+ --hop-body-sm-underline-font-family: var(--hop-font-family-secondary);
251
+ --hop-body-sm-bold-line-height: var(--hop-line-height-1-4295);
252
+ --hop-body-sm-bold-font-weight: var(--hop-font-weight-690);
253
+ --hop-body-sm-bold-font-size: var(--hop-font-size-140);
254
+ --hop-body-sm-bold-font-family: var(--hop-font-family-secondary);
255
+ --hop-body-sm-semibold-line-height: var(--hop-line-height-1-4295);
256
+ --hop-body-sm-semibold-font-weight: var(--hop-font-weight-590);
257
+ --hop-body-sm-semibold-font-size: var(--hop-font-size-140);
258
+ --hop-body-sm-semibold-font-family: var(--hop-font-family-secondary);
259
+ --hop-body-sm-medium-line-height: var(--hop-line-height-1-4295);
260
+ --hop-body-sm-medium-font-weight: var(--hop-font-weight-505);
261
+ --hop-body-sm-medium-font-size: var(--hop-font-size-140);
262
+ --hop-body-sm-medium-font-family: var(--hop-font-family-secondary);
223
263
  --hop-body-sm-line-height: var(--hop-line-height-1-4285);
224
264
  --hop-body-sm-font-weight: var(--hop-font-weight-410);
225
265
  --hop-body-sm-font-size: var(--hop-font-size-140);
226
266
  --hop-body-sm-font-family: var(--hop-font-family-secondary);
267
+ --hop-body-md-underline-line-height: var(--hop-line-height-1-50);
268
+ --hop-body-md-underline-font-weight: var(--hop-font-weight-410);
269
+ --hop-body-md-underline-font-size: var(--hop-font-size-160);
270
+ --hop-body-md-underline-font-family: var(--hop-font-family-secondary);
271
+ --hop-body-md-bold-line-height: var(--hop-line-height-1-50);
272
+ --hop-body-md-bold-font-weight: var(--hop-font-weight-690);
273
+ --hop-body-md-bold-font-size: var(--hop-font-size-160);
274
+ --hop-body-md-bold-font-family: var(--hop-font-family-secondary);
275
+ --hop-body-md-semibold-line-height: var(--hop-line-height-1-50);
276
+ --hop-body-md-semibold-font-weight: var(--hop-font-weight-590);
277
+ --hop-body-md-semibold-font-size: var(--hop-font-size-160);
278
+ --hop-body-md-semibold-font-family: var(--hop-font-family-secondary);
279
+ --hop-body-md-medium-line-height: var(--hop-line-height-1-50);
280
+ --hop-body-md-medium-font-weight: var(--hop-font-weight-505);
281
+ --hop-body-md-medium-font-size: var(--hop-font-size-160);
282
+ --hop-body-md-medium-font-family: var(--hop-font-family-secondary);
227
283
  --hop-body-md-line-height: var(--hop-line-height-1-50);
228
284
  --hop-body-md-font-weight: var(--hop-font-weight-410);
229
285
  --hop-body-md-font-size: var(--hop-font-size-160);
230
286
  --hop-body-md-font-family: var(--hop-font-family-secondary);
287
+ --hop-body-lg-underline-line-height: var(--hop-line-height-1-33);
288
+ --hop-body-lg-underline-font-weight: var(--hop-font-weight-505);
289
+ --hop-body-lg-underline-font-size: var(--hop-font-size-180);
290
+ --hop-body-lg-underline-font-family: var(--hop-font-family-secondary);
291
+ --hop-body-lg-bold-line-height: var(--hop-line-height-1-33);
292
+ --hop-body-lg-bold-font-weight: var(--hop-font-weight-690);
293
+ --hop-body-lg-bold-font-size: var(--hop-font-size-180);
294
+ --hop-body-lg-bold-font-family: var(--hop-font-family-secondary);
295
+ --hop-body-lg-semibold-line-height: var(--hop-line-height-1-33);
296
+ --hop-body-lg-semibold-font-weight: var(--hop-font-weight-590);
297
+ --hop-body-lg-semibold-font-size: var(--hop-font-size-180);
298
+ --hop-body-lg-semibold-font-family: var(--hop-font-family-secondary);
299
+ --hop-body-lg-medium-line-height: var(--hop-line-height-1-33);
300
+ --hop-body-lg-medium-font-weight: var(--hop-font-weight-505);
301
+ --hop-body-lg-medium-font-size: var(--hop-font-size-180);
302
+ --hop-body-lg-medium-font-family: var(--hop-font-family-secondary);
231
303
  --hop-body-lg-line-height: var(--hop-line-height-1-33);
232
304
  --hop-body-lg-font-weight: var(--hop-font-weight-410);
233
305
  --hop-body-lg-font-size: var(--hop-font-size-180);
@@ -243,7 +315,11 @@
243
315
  --hop-overline-line-height: var(--hop-line-height-1-33);
244
316
  --hop-overline-font-weight: var(--hop-font-weight-400);
245
317
  --hop-overline-font-size: var(--hop-font-size-120);
246
- --hop-overline-font-family: var(--hop-font-family-primary);
318
+ --hop-overline-font-family: var(--hop-font-family-tertiary);
319
+ --hop-heading-xs-medium-line-height: var(--hop-line-height-1-50);
320
+ --hop-heading-xs-medium-font-weight: var(--hop-font-weight-580);
321
+ --hop-heading-xs-medium-font-size: var(--hop-font-size-160);
322
+ --hop-heading-xs-medium-font-family: var(--hop-font-family-primary);
247
323
  --hop-heading-xs-line-height: var(--hop-line-height-1-50);
248
324
  --hop-heading-xs-font-weight: var(--hop-font-weight-410);
249
325
  --hop-heading-xs-font-size: var(--hop-font-size-160);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "0.0.0",
4
+ "version": "0.1.0-beta.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -20,8 +20,9 @@
20
20
  },
21
21
  "type": "module",
22
22
  "exports": {
23
- ".": {
24
- "style": "./dist/tokens.css"
23
+ "./dist/": {
24
+ "import": "./dist/",
25
+ "require": "./dist/"
25
26
  }
26
27
  },
27
28
  "files": [