@hopper-ui/tokens 1.0.1 → 2.0.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.
- package/CHANGELOG.md +35 -0
- package/dist/assets/fonts/Inter-Bold.woff2 +0 -0
- package/dist/assets/fonts/Inter-BoldItalic.woff2 +0 -0
- package/dist/assets/fonts/Inter-Medium.woff2 +0 -0
- package/dist/assets/fonts/Inter-MediumItalic.woff2 +0 -0
- package/dist/assets/fonts/Inter-Regular.woff2 +0 -0
- package/dist/assets/fonts/Inter-SemiBold.woff2 +0 -0
- package/dist/assets/fonts/Inter-SemiBoldItalic.woff2 +0 -0
- package/dist/dark/tokens.css +19 -6
- package/dist/fonts.css +8 -16
- package/dist/tokens.css +20 -7
- package/package.json +1 -1
- package/dist/assets/fonts/ABCFavorit-Bold.otf +0 -0
- package/dist/assets/fonts/ABCFavorit-Bold.woff +0 -0
- package/dist/assets/fonts/ABCFavorit-Medium.otf +0 -0
- package/dist/assets/fonts/ABCFavorit-Medium.woff +0 -0
- package/dist/assets/fonts/ABCFavorit-Regular.otf +0 -0
- package/dist/assets/fonts/ABCFavorit-Regular.woff +0 -0
- package/dist/assets/fonts/ABCFavoritMono-Regular.otf +0 -0
- package/dist/assets/fonts/ABCFavoritMono-Regular.woff +0 -0
- package/dist/assets/fonts/Inter-BoldItalic.otf +0 -0
- package/dist/assets/fonts/Inter-Medium.otf +0 -0
- package/dist/assets/fonts/Inter-MediumItalic.otf +0 -0
- package/dist/assets/fonts/Inter-Regular.otf +0 -0
- package/dist/assets/fonts/Inter-SemiBold.otf +0 -0
- package/dist/assets/fonts/Inter-SemiBoldItalic.otf +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,40 @@
|
|
|
1
1
|
# @hopper-ui/tokens
|
|
2
2
|
|
|
3
|
+
## 2.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- 51c5357: replace the relative path of assets by an absolute path
|
|
8
|
+
|
|
9
|
+
## 1.1.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 2c7f2ab: ### New Tokens
|
|
14
|
+
|
|
15
|
+
- decorative-option2-surface-weak
|
|
16
|
+
- decorative-option2-surface-weakest
|
|
17
|
+
- decorative-option4-surface-weak
|
|
18
|
+
- decorative-option4-surface-weakest
|
|
19
|
+
- decorative-option5-surface-weak
|
|
20
|
+
- decorative-option5-surface-weakest
|
|
21
|
+
- decorative-option6-surface-weak
|
|
22
|
+
- decorative-option6-surface-weakest
|
|
23
|
+
- decorative-option7-surface-weak
|
|
24
|
+
- decorative-option7-surface-weakest
|
|
25
|
+
- decorative-option8-surface-weak
|
|
26
|
+
- decorative-option8-surface-weakest
|
|
27
|
+
- decorative-option9-surface-weak
|
|
28
|
+
- decorative-option9-surface-weakest
|
|
29
|
+
|
|
30
|
+
### Update
|
|
31
|
+
|
|
32
|
+
- decorative-option1-text-weak
|
|
33
|
+
- decorative-option2-text-weak
|
|
34
|
+
- decorative-option3-text-weak
|
|
35
|
+
- decorative-option5-text-weak
|
|
36
|
+
- decorative-option9-text-weak
|
|
37
|
+
|
|
3
38
|
## 1.0.1
|
|
4
39
|
|
|
5
40
|
### Patch Changes
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/dark/tokens.css
CHANGED
|
@@ -64,13 +64,17 @@
|
|
|
64
64
|
--hop-primary-surface-active: var(--hop-sapphire-800);
|
|
65
65
|
--hop-decorative-option9-border: var(--hop-rock-400);
|
|
66
66
|
--hop-decorative-option9-icon: var(--hop-samoyed);
|
|
67
|
+
--hop-decorative-option9-surface-weakest: var(--hop-rock-25);
|
|
68
|
+
--hop-decorative-option9-surface-weak: var(--hop-rock-50);
|
|
67
69
|
--hop-decorative-option9-surface-strong: var(--hop-rock-800);
|
|
68
70
|
--hop-decorative-option9-surface-hover: var(--hop-rock-500);
|
|
69
71
|
--hop-decorative-option9-surface: var(--hop-rock-400);
|
|
70
72
|
--hop-decorative-option9-text: var(--hop-samoyed);
|
|
71
|
-
--hop-decorative-option9-text-weak: var(--hop-rock-
|
|
73
|
+
--hop-decorative-option9-text-weak: var(--hop-rock-300);
|
|
72
74
|
--hop-decorative-option8-border: var(--hop-amanita-400);
|
|
73
75
|
--hop-decorative-option8-icon: var(--hop-amanita-900);
|
|
76
|
+
--hop-decorative-option8-surface-weakest: var(--hop-amanita-25);
|
|
77
|
+
--hop-decorative-option8-surface-weak: var(--hop-amanita-50);
|
|
74
78
|
--hop-decorative-option8-surface-strong: var(--hop-amanita-100);
|
|
75
79
|
--hop-decorative-option8-surface-hover: var(--hop-amanita-200);
|
|
76
80
|
--hop-decorative-option8-text-weak: var(--hop-amanita-300);
|
|
@@ -78,19 +82,24 @@
|
|
|
78
82
|
--hop-decorative-option8-text: var(--hop-amanita-900);
|
|
79
83
|
--hop-decorative-option7-border: var(--hop-toad-400);
|
|
80
84
|
--hop-decorative-option7-icon: var(--hop-toad-900);
|
|
85
|
+
--hop-decorative-option7-surface-weakest: var(--hop-toad-25);
|
|
86
|
+
--hop-decorative-option7-surface-weak: var(--hop-toad-50);
|
|
81
87
|
--hop-decorative-option7-surface-strong: var(--hop-toad-75);
|
|
82
88
|
--hop-decorative-option7-surface-hover: var(--hop-toad-75);
|
|
83
89
|
--hop-decorative-option7-surface: var(--hop-toad-50);
|
|
84
90
|
--hop-decorative-option7-text-weak: var(--hop-toad-500);
|
|
85
91
|
--hop-decorative-option7-text: var(--hop-toad-900);
|
|
86
|
-
--hop-decorative-option5-text-weak: var(--hop-coastal-
|
|
92
|
+
--hop-decorative-option5-text-weak: var(--hop-coastal-300);
|
|
87
93
|
--hop-decorative-option5-text: var(--hop-coastal-900);
|
|
94
|
+
--hop-decorative-option5-surface-weakest: var(--hop-coastal-25);
|
|
95
|
+
--hop-decorative-option5-surface-weak: var(--hop-coastal-50);
|
|
88
96
|
--hop-decorative-option5-surface-strong: var(--hop-coastal-100);
|
|
89
97
|
--hop-decorative-option5-surface-hover: var(--hop-coastal-100);
|
|
90
98
|
--hop-decorative-option5-surface: var(--hop-coastal-75);
|
|
91
99
|
--hop-decorative-option5-border: var(--hop-coastal-400);
|
|
92
100
|
--hop-decorative-option5-icon: var(--hop-coastal-900);
|
|
93
|
-
--hop-decorative-option6-surface-
|
|
101
|
+
--hop-decorative-option6-surface-weakest: var(--hop-sunken-treasure-25);
|
|
102
|
+
--hop-decorative-option6-surface-weak: var(--hop-sunken-treasure-50);
|
|
94
103
|
--hop-decorative-option6-surface-strong: var(--hop-sunken-treasure-100);
|
|
95
104
|
--hop-decorative-option6-surface-hover: var(--hop-sunken-treasure-100);
|
|
96
105
|
--hop-decorative-option6-surface: var(--hop-sunken-treasure-75);
|
|
@@ -98,6 +107,8 @@
|
|
|
98
107
|
--hop-decorative-option6-icon: var(--hop-sunken-treasure-900);
|
|
99
108
|
--hop-decorative-option6-text: var(--hop-sunken-treasure-900);
|
|
100
109
|
--hop-decorative-option6-text-weak: var(--hop-sunken-treasure-200);
|
|
110
|
+
--hop-decorative-option4-surface-weakest: var(--hop-moss-25);
|
|
111
|
+
--hop-decorative-option4-surface-weak: var(--hop-moss-50);
|
|
101
112
|
--hop-decorative-option4-surface-strong: var(--hop-moss-100);
|
|
102
113
|
--hop-decorative-option4-surface-hover: var(--hop-moss-100);
|
|
103
114
|
--hop-decorative-option4-surface: var(--hop-moss-75);
|
|
@@ -113,12 +124,14 @@
|
|
|
113
124
|
--hop-decorative-option3-border: var(--hop-koi-400);
|
|
114
125
|
--hop-decorative-option3-icon: var(--hop-koi-900);
|
|
115
126
|
--hop-decorative-option3-text: var(--hop-koi-900);
|
|
116
|
-
--hop-decorative-option3-text-weak: var(--hop-koi-
|
|
127
|
+
--hop-decorative-option3-text-weak: var(--hop-koi-300);
|
|
128
|
+
--hop-decorative-option2-surface-weakest: var(--hop-quetzal-25);
|
|
129
|
+
--hop-decorative-option2-surface-weak: var(--hop-quetzal-50);
|
|
117
130
|
--hop-decorative-option2-surface-strong: var(--hop-quetzal-100);
|
|
118
131
|
--hop-decorative-option2-surface-hover: var(--hop-quetzal-100);
|
|
119
132
|
--hop-decorative-option2-surface: var(--hop-quetzal-75);
|
|
120
133
|
--hop-decorative-option2-text: var(--hop-quetzal-900);
|
|
121
|
-
--hop-decorative-option2-text-weak: var(--hop-quetzal-
|
|
134
|
+
--hop-decorative-option2-text-weak: var(--hop-quetzal-300);
|
|
122
135
|
--hop-decorative-option2-border: var(--hop-quetzal-400);
|
|
123
136
|
--hop-decorative-option2-icon: var(--hop-quetzal-900);
|
|
124
137
|
--hop-decorative-option1-surface-strong: var(--hop-sapphire-200);
|
|
@@ -126,7 +139,7 @@
|
|
|
126
139
|
--hop-decorative-option1-surface-weak: var(--hop-sapphire-50);
|
|
127
140
|
--hop-decorative-option1-surface-hover: var(--hop-sapphire-200);
|
|
128
141
|
--hop-decorative-option1-surface: var(--hop-sapphire-100);
|
|
129
|
-
--hop-decorative-option1-text-weak: var(--hop-sapphire-
|
|
142
|
+
--hop-decorative-option1-text-weak: var(--hop-sapphire-300);
|
|
130
143
|
--hop-decorative-option1-border: var(--hop-sapphire-400);
|
|
131
144
|
--hop-decorative-option1-icon: var(--hop-sapphire-900);
|
|
132
145
|
--hop-decorative-option1-text: var(--hop-sapphire-900);
|
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("
|
|
5
|
+
src: url("assets/fonts/Inter-Regular.woff2") format("woff2");
|
|
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("
|
|
13
|
+
src: url("assets/fonts/Inter-Medium.woff2") format("woff2");
|
|
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("
|
|
21
|
+
src: url("assets/fonts/Inter-SemiBold.woff2") format("woff2");
|
|
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("
|
|
29
|
+
src: url("assets/fonts/Inter-Bold.woff2") format("woff2");
|
|
30
30
|
font-display: fallback;
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -34,9 +34,7 @@
|
|
|
34
34
|
font-family: "ABC Favorit Mono";
|
|
35
35
|
font-style: normal;
|
|
36
36
|
font-weight: 400;
|
|
37
|
-
src: url("
|
|
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.woff2") format("woff2");
|
|
40
38
|
font-display: fallback;
|
|
41
39
|
}
|
|
42
40
|
|
|
@@ -44,9 +42,7 @@
|
|
|
44
42
|
font-family: "ABC Favorit";
|
|
45
43
|
font-style: normal;
|
|
46
44
|
font-weight: 410;
|
|
47
|
-
src: url("
|
|
48
|
-
url("./assets/fonts/ABCFavorit-Regular.woff") format("woff"),
|
|
49
|
-
url("./assets/fonts/ABCFavorit-Regular.woff2") format("woff2");
|
|
45
|
+
src: url("assets/fonts/ABCFavorit-Regular.woff2") format("woff2");
|
|
50
46
|
font-display: fallback;
|
|
51
47
|
}
|
|
52
48
|
|
|
@@ -54,9 +50,7 @@
|
|
|
54
50
|
font-family: "ABC Favorit";
|
|
55
51
|
font-style: normal;
|
|
56
52
|
font-weight: 580;
|
|
57
|
-
src: url("
|
|
58
|
-
url("./assets/fonts/ABCFavorit-Medium.woff") format("woff"),
|
|
59
|
-
url("./assets/fonts/ABCFavorit-Medium.woff2") format("woff2");
|
|
53
|
+
src: url("assets/fonts/ABCFavorit-Medium.woff2") format("woff2");
|
|
60
54
|
font-display: fallback;
|
|
61
55
|
}
|
|
62
56
|
|
|
@@ -64,8 +58,6 @@
|
|
|
64
58
|
font-family: "ABC Favorit";
|
|
65
59
|
font-style: normal;
|
|
66
60
|
font-weight: 680;
|
|
67
|
-
src: url("
|
|
68
|
-
url("./assets/fonts/ABCFavorit-Bold.woff") format("woff"),
|
|
69
|
-
url("./assets/fonts/ABCFavorit-Bold.woff2") format("woff2");
|
|
61
|
+
src: url("assets/fonts/ABCFavorit-Bold.woff2") format("woff2");
|
|
70
62
|
font-display: fallback;
|
|
71
63
|
}
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 27 Oct 2023 20:26:36 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
--hop-neutral-text-hover: var(--hop-rock-700);
|
|
462
462
|
--hop-decorative-option1-text: var(--hop-sapphire-900);
|
|
463
463
|
--hop-decorative-option1-icon: var(--hop-sapphire-900);
|
|
464
|
-
--hop-decorative-option1-text-weak: var(--hop-sapphire-
|
|
464
|
+
--hop-decorative-option1-text-weak: var(--hop-sapphire-300);
|
|
465
465
|
--hop-decorative-option1-border: var(--hop-sapphire-100);
|
|
466
466
|
--hop-decorative-option1-surface: var(--hop-sapphire-100);
|
|
467
467
|
--hop-decorative-option1-surface-hover: var(--hop-sapphire-200);
|
|
@@ -470,13 +470,15 @@
|
|
|
470
470
|
--hop-decorative-option1-surface-weak: var(--hop-sapphire-50);
|
|
471
471
|
--hop-decorative-option2-border: var(--hop-quetzal-100);
|
|
472
472
|
--hop-decorative-option2-icon: var(--hop-quetzal-900);
|
|
473
|
-
--hop-decorative-option2-text-weak: var(--hop-quetzal-
|
|
473
|
+
--hop-decorative-option2-text-weak: var(--hop-quetzal-300);
|
|
474
474
|
--hop-decorative-option2-text: var(--hop-quetzal-900);
|
|
475
475
|
--hop-decorative-option2-surface-hover: var(--hop-quetzal-100);
|
|
476
476
|
--hop-decorative-option2-surface: var(--hop-quetzal-75);
|
|
477
|
-
--hop-decorative-option2-surface-
|
|
477
|
+
--hop-decorative-option2-surface-strong: var(--hop-quetzal-100);
|
|
478
|
+
--hop-decorative-option2-surface-weak: var(--hop-quetzal-50);
|
|
479
|
+
--hop-decorative-option2-surface-weakest: var(--hop-quetzal-25);
|
|
478
480
|
--hop-decorative-option3-border: var(--hop-koi-100);
|
|
479
|
-
--hop-decorative-option3-text-weak: var(--hop-koi-
|
|
481
|
+
--hop-decorative-option3-text-weak: var(--hop-koi-300);
|
|
480
482
|
--hop-decorative-option3-text: var(--hop-koi-900);
|
|
481
483
|
--hop-decorative-option3-icon: var(--hop-koi-900);
|
|
482
484
|
--hop-decorative-option3-surface: var(--hop-koi-200);
|
|
@@ -491,6 +493,8 @@
|
|
|
491
493
|
--hop-decorative-option4-surface: var(--hop-moss-75);
|
|
492
494
|
--hop-decorative-option4-surface-hover: var(--hop-moss-100);
|
|
493
495
|
--hop-decorative-option4-surface-strong: var(--hop-moss-100);
|
|
496
|
+
--hop-decorative-option4-surface-weak: var(--hop-moss-50);
|
|
497
|
+
--hop-decorative-option4-surface-weakest: var(--hop-moss-25);
|
|
494
498
|
--hop-decorative-option6-border: var(--hop-sunken-treasure-100);
|
|
495
499
|
--hop-decorative-option6-text-weak: var(--hop-sunken-treasure-200);
|
|
496
500
|
--hop-decorative-option6-text: var(--hop-sunken-treasure-900);
|
|
@@ -499,19 +503,24 @@
|
|
|
499
503
|
--hop-decorative-option6-surface-strong: var(--hop-sunken-treasure-100);
|
|
500
504
|
--hop-decorative-option6-surface-hover: var(--hop-sunken-treasure-100);
|
|
501
505
|
--hop-decorative-option6-surface-weak: var(--hop-sunken-treasure-50);
|
|
506
|
+
--hop-decorative-option6-surface-weakest: var(--hop-sunken-treasure-25);
|
|
502
507
|
--hop-decorative-option5-border: var(--hop-coastal-100);
|
|
503
508
|
--hop-decorative-option5-icon: var(--hop-coastal-900);
|
|
504
509
|
--hop-decorative-option5-surface: var(--hop-coastal-75);
|
|
505
510
|
--hop-decorative-option5-surface-hover: var(--hop-coastal-100);
|
|
506
511
|
--hop-decorative-option5-surface-strong: var(--hop-coastal-100);
|
|
512
|
+
--hop-decorative-option5-surface-weak: var(--hop-coastal-50);
|
|
513
|
+
--hop-decorative-option5-surface-weakest: var(--hop-coastal-25);
|
|
507
514
|
--hop-decorative-option5-text: var(--hop-coastal-900);
|
|
508
|
-
--hop-decorative-option5-text-weak: var(--hop-coastal-
|
|
515
|
+
--hop-decorative-option5-text-weak: var(--hop-coastal-300);
|
|
509
516
|
--hop-decorative-option7-border: var(--hop-toad-100);
|
|
510
517
|
--hop-decorative-option7-text: var(--hop-toad-900);
|
|
511
518
|
--hop-decorative-option7-text-weak: var(--hop-toad-500);
|
|
512
519
|
--hop-decorative-option7-surface: var(--hop-toad-75);
|
|
513
520
|
--hop-decorative-option7-surface-hover: var(--hop-toad-75);
|
|
514
521
|
--hop-decorative-option7-surface-strong: var(--hop-toad-75);
|
|
522
|
+
--hop-decorative-option7-surface-weak: var(--hop-toad-50);
|
|
523
|
+
--hop-decorative-option7-surface-weakest: var(--hop-toad-25);
|
|
515
524
|
--hop-decorative-option7-icon: var(--hop-toad-900);
|
|
516
525
|
--hop-decorative-option8-border: var(--hop-amanita-100);
|
|
517
526
|
--hop-decorative-option8-text: var(--hop-amanita-900);
|
|
@@ -519,10 +528,14 @@
|
|
|
519
528
|
--hop-decorative-option8-text-weak: var(--hop-amanita-300);
|
|
520
529
|
--hop-decorative-option8-surface-strong: var(--hop-amanita-100);
|
|
521
530
|
--hop-decorative-option8-surface-hover: var(--hop-amanita-200);
|
|
531
|
+
--hop-decorative-option8-surface-weak: var(--hop-amanita-50);
|
|
532
|
+
--hop-decorative-option8-surface-weakest: var(--hop-amanita-25);
|
|
522
533
|
--hop-decorative-option8-icon: var(--hop-amanita-900);
|
|
523
534
|
--hop-decorative-option9-border: var(--hop-rock-100);
|
|
524
|
-
--hop-decorative-option9-text-weak: var(--hop-rock-
|
|
535
|
+
--hop-decorative-option9-text-weak: var(--hop-rock-300);
|
|
525
536
|
--hop-decorative-option9-text: var(--hop-samoyed);
|
|
537
|
+
--hop-decorative-option9-surface-weakest: var(--hop-rock-25);
|
|
538
|
+
--hop-decorative-option9-surface-weak: var(--hop-rock-50);
|
|
526
539
|
--hop-decorative-option9-surface-hover: var(--hop-rock-500);
|
|
527
540
|
--hop-decorative-option9-surface-strong: var(--hop-rock-800);
|
|
528
541
|
--hop-decorative-option9-surface: var(--hop-rock-400);
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|