@hopper-ui/tokens 1.0.0 → 1.1.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/CHANGELOG.md +35 -0
  2. package/dist/dark/tokens.css +19 -6
  3. package/dist/tokens.css +21 -8
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,40 @@
1
1
  # @hopper-ui/tokens
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 2c7f2ab: ### New Tokens
8
+
9
+ - decorative-option2-surface-weak
10
+ - decorative-option2-surface-weakest
11
+ - decorative-option4-surface-weak
12
+ - decorative-option4-surface-weakest
13
+ - decorative-option5-surface-weak
14
+ - decorative-option5-surface-weakest
15
+ - decorative-option6-surface-weak
16
+ - decorative-option6-surface-weakest
17
+ - decorative-option7-surface-weak
18
+ - decorative-option7-surface-weakest
19
+ - decorative-option8-surface-weak
20
+ - decorative-option8-surface-weakest
21
+ - decorative-option9-surface-weak
22
+ - decorative-option9-surface-weakest
23
+
24
+ ### Update
25
+
26
+ - decorative-option1-text-weak
27
+ - decorative-option2-text-weak
28
+ - decorative-option3-text-weak
29
+ - decorative-option5-text-weak
30
+ - decorative-option9-text-weak
31
+
32
+ ## 1.0.1
33
+
34
+ ### Patch Changes
35
+
36
+ - 01844dd: Fix typo in size tokens
37
+
3
38
  ## 1.0.0
4
39
 
5
40
  ### Major Changes
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-50);
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-50);
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-weak: var(--hop-sunken-treasure-25);
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-50);
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-50);
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-50);
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/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Oct 2023 15:53:22 GMT
3
+ * Generated on Thu, 12 Oct 2023 16:19:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -179,7 +179,7 @@
179
179
  --hop-space-1280: 8rem;
180
180
  --hop-space-960: 6rem;
181
181
  --hop-space-800: 5rem;
182
- --hop-space-640: 64;
182
+ --hop-space-640: 4rem;
183
183
  --hop-space-480: 3rem;
184
184
  --hop-space-400: 2.5rem;
185
185
  --hop-space-320: 2rem;
@@ -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-50);
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-50);
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-weak: var(--hop-quetzal-100);
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-50);
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-50);
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-50);
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "1.0.0",
4
+ "version": "1.1.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {