@hopper-ui/tokens 4.4.7 → 5.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 (6) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/sharegate/dark/tokens.css +544 -0
  3. package/dist/sharegate/tokens.css +1222 -0
  4. package/dist/{dark → workleap/dark}/tokens.css +4 -3
  5. package/dist/{tokens.css → workleap/tokens.css} +65 -25
  6. package/package.json +18 -11
package/dist/{dark → workleap/dark}/tokens.css RENAMED
@@ -102,14 +102,14 @@
102
102
  --hop-primary-border: var(--hop-sapphire-300);
103
103
  --hop-primary-border-selected: var(--hop-sapphire-300);
104
104
  --hop-primary-border-focus: var(--hop-sapphire-200);
105
- --hop-primary-border-press: var(--hop-sapphire-500);
106
- --hop-primary-icon: var(--hop-sapphire-200);
105
+ --hop-primary-border-press: var(--hop-sapphire-400);
106
+ --hop-primary-icon: var(--hop-sapphire-100);
107
107
  --hop-primary-icon-selected: var(--hop-sapphire-200);
108
108
  --hop-primary-icon-disabled: var(--hop-sapphire-700);
109
109
  --hop-primary-icon-hover: var(--hop-sapphire-300);
110
110
  --hop-primary-icon-press: var(--hop-sapphire-75);
111
111
  --hop-primary-icon-strong: var(--hop-samoyed);
112
- --hop-primary-icon-strong-hover: var(--hop-sapphire-300);
112
+ --hop-primary-icon-strong-hover: var(--hop-samoyed);
113
113
  --hop-primary-surface: var(--hop-sapphire-200);
114
114
  --hop-primary-surface-selected: var(--hop-sapphire-800);
115
115
  --hop-primary-surface-disabled: var(--hop-sapphire-700);
@@ -121,6 +121,7 @@
121
121
  --hop-primary-surface-strong-hover: var(--hop-sapphire-500);
122
122
  --hop-primary-surface-strong-press: var(--hop-sapphire-600);
123
123
  --hop-primary-surface-weak: var(--hop-sapphire-800);
124
+ --hop-primary-surface-weak-selected: var(--hop-sapphire-600);
124
125
  --hop-primary-surface-weak-hover: var(--hop-sapphire-700);
125
126
  --hop-primary-surface-weak-press: var(--hop-sapphire-600);
126
127
  --hop-primary-text: var(--hop-sapphire-100);
package/dist/{tokens.css → workleap/tokens.css} RENAMED
@@ -1,9 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 22 Oct 2025 16:32:06 GMT
3
+ * Generated on Fri, 06 Feb 2026 18:24:05 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --hop-border-radius-2-5: 0.75rem;
7
8
  --hop-border-radius-9999: 624.9375rem;
8
9
  --hop-border-radius-4: 1.5rem;
9
10
  --hop-border-radius-3: 1rem;
@@ -45,24 +46,25 @@
45
46
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
46
47
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
47
48
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
49
+ --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
48
50
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
49
51
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
50
52
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
51
53
  --hop-shadow-none: none;
52
54
  --hop-samoyed: #ffffff;
53
- --hop-rock-900: #292929;
54
- --hop-rock-800: #3c3c3c;
55
- --hop-rock-700: #505050;
56
- --hop-rock-600: #636362;
57
- --hop-rock-500: #6c6c6b;
58
- --hop-rock-400: #777775;
59
- --hop-rock-300: #959593;
60
- --hop-rock-200: #b3b3b1;
61
- --hop-rock-100: #ccccca;
62
- --hop-rock-75: #e0dfdd;
63
- --hop-rock-50: #ecebe8;
64
- --hop-rock-25: #f8f6f3;
65
- --hop-rock-20: #fcfbfb;
55
+ --hop-rock-900: #232426;
56
+ --hop-rock-800: #313335;
57
+ --hop-rock-700: #484a4d;
58
+ --hop-rock-600: #5e6064;
59
+ --hop-rock-500: #6c6e72;
60
+ --hop-rock-400: #787a7e;
61
+ --hop-rock-300: #96989d;
62
+ --hop-rock-200: #b3b5ba;
63
+ --hop-rock-100: #cbcdd2;
64
+ --hop-rock-75: #e1e3e7;
65
+ --hop-rock-50: #eef0f2;
66
+ --hop-rock-25: #f8f9fa;
67
+ --hop-rock-20: #fafbfc;
66
68
  --hop-abyss: #1d1d1c;
67
69
  --hop-moss-900: #132a27;
68
70
  --hop-moss-800: #16433d;
@@ -88,6 +90,18 @@
88
90
  --hop-amanita-75: #ffd6d3;
89
91
  --hop-amanita-50: #fde6e5;
90
92
  --hop-amanita-25: #fdf6f6;
93
+ --hop-limeburst-900: #1f2b00;
94
+ --hop-limeburst-800: #304200;
95
+ --hop-limeburst-700: #415800;
96
+ --hop-limeburst-600: #4f6c00;
97
+ --hop-limeburst-500: #577600;
98
+ --hop-limeburst-400: #5f8100;
99
+ --hop-limeburst-300: #77a300;
100
+ --hop-limeburst-200: #8fc300;
101
+ --hop-limeburst-100: #a3df00;
102
+ --hop-limeburst-75: #b3f400;
103
+ --hop-limeburst-50: #ccff42;
104
+ --hop-limeburst-25: #edffbc;
91
105
  --hop-koi-900: #451a02;
92
106
  --hop-koi-800: #692803;
93
107
  --hop-koi-700: #8c3504;
@@ -124,6 +138,18 @@
124
138
  --hop-toad-75: #e5ded6;
125
139
  --hop-toad-50: #f0eae3;
126
140
  --hop-toad-25: #fef6ef;
141
+ --hop-iris-900: #292362;
142
+ --hop-iris-800: #3b356c;
143
+ --hop-iris-700: #4d468f;
144
+ --hop-iris-600: #6057b3;
145
+ --hop-iris-500: #685dc9;
146
+ --hop-iris-400: #736ad2;
147
+ --hop-iris-300: #8e85ec;
148
+ --hop-iris-200: #b4abff;
149
+ --hop-iris-100: #c3bcff;
150
+ --hop-iris-75: #deddff;
151
+ --hop-iris-50: #eceaff;
152
+ --hop-iris-25: #f6f6ff;
127
153
  --hop-fog-900: #20282a;
128
154
  --hop-fog-800: #313e43;
129
155
  --hop-fog-700: #40535a;
@@ -148,6 +174,18 @@
148
174
  --hop-sapphire-75: #d6e0ff;
149
175
  --hop-sapphire-50: #e6ebff;
150
176
  --hop-sapphire-25: #f5f6ff;
177
+ --hop-persimmon-900: #4c1300;
178
+ --hop-persimmon-800: #731e00;
179
+ --hop-persimmon-700: #982700;
180
+ --hop-persimmon-600: #ba3000;
181
+ --hop-persimmon-500: #ca3400;
182
+ --hop-persimmon-400: #dd3900;
183
+ --hop-persimmon-300: #ff5b22;
184
+ --hop-persimmon-200: #ff9874;
185
+ --hop-persimmon-100: #ffbda7;
186
+ --hop-persimmon-75: #ffd8ca;
187
+ --hop-persimmon-50: #ffe7df;
188
+ --hop-persimmon-25: #fff5f2;
151
189
  --hop-orchid-bloom-900: #1e1c5d;
152
190
  --hop-orchid-bloom-800: #322b8d;
153
191
  --hop-orchid-bloom-700: #433fac;
@@ -476,16 +514,7 @@
476
514
  --hop-dataviz-monochromatic-primary-75: #d6e0ff;
477
515
  --hop-dataviz-monochromatic-primary-50: #e6ebff;
478
516
  --hop-dataviz-monochromatic-primary-25: #f5f6ff;
479
- --hop-space-inline-xl: var(--hop-space-320);
480
- --hop-space-inline-lg: var(--hop-space-240);
481
- --hop-space-inline-md: var(--hop-space-160);
482
- --hop-space-inline-sm: var(--hop-space-80);
483
- --hop-space-inline-xs: var(--hop-space-40);
484
- --hop-space-stack-xl: var(--hop-space-320);
485
- --hop-space-stack-lg: var(--hop-space-240);
486
- --hop-space-stack-md: var(--hop-space-160);
487
- --hop-space-stack-sm: var(--hop-space-80);
488
- --hop-space-stack-xs: var(--hop-space-40);
517
+ --hop-comp-button-border-color: var(--hop-amanita-500);
489
518
  --hop-space-inset-stretch-lg: var(--hop-space-480) var(--hop-space-240);
490
519
  --hop-space-inset-stretch-md: var(--hop-space-240) var(--hop-space-160);
491
520
  --hop-space-inset-stretch-sm: var(--hop-space-160) var(--hop-space-80);
@@ -497,6 +526,16 @@
497
526
  --hop-space-inset-md: var(--hop-space-160);
498
527
  --hop-space-inset-sm: var(--hop-space-80);
499
528
  --hop-space-inset-xs: var(--hop-space-40);
529
+ --hop-space-inline-xl: var(--hop-space-320);
530
+ --hop-space-inline-lg: var(--hop-space-240);
531
+ --hop-space-inline-md: var(--hop-space-160);
532
+ --hop-space-inline-sm: var(--hop-space-80);
533
+ --hop-space-inline-xs: var(--hop-space-40);
534
+ --hop-space-stack-xl: var(--hop-space-320);
535
+ --hop-space-stack-lg: var(--hop-space-240);
536
+ --hop-space-stack-md: var(--hop-space-160);
537
+ --hop-space-stack-sm: var(--hop-space-80);
538
+ --hop-space-stack-xs: var(--hop-space-40);
500
539
  --hop-shape-rounded-sm: var(--hop-border-radius-1);
501
540
  --hop-shape-rounded-md: var(--hop-border-radius-2);
502
541
  --hop-shape-rounded-lg: var(--hop-border-radius-3);
@@ -1057,6 +1096,7 @@
1057
1096
  --hop-primary-text: var(--hop-sapphire-500);
1058
1097
  --hop-primary-surface-weak-press: var(--hop-sapphire-75);
1059
1098
  --hop-primary-surface-weak-hover: var(--hop-sapphire-50);
1099
+ --hop-primary-surface-weak-selected: var(--hop-sapphire-100);
1060
1100
  --hop-primary-surface-weak: var(--hop-sapphire-25);
1061
1101
  --hop-primary-surface-strong-press: var(--hop-sapphire-700);
1062
1102
  --hop-primary-surface-strong-hover: var(--hop-sapphire-600);
@@ -1075,7 +1115,7 @@
1075
1115
  --hop-primary-icon-disabled: var(--hop-sapphire-200);
1076
1116
  --hop-primary-icon-selected: var(--hop-sapphire-500);
1077
1117
  --hop-primary-icon: var(--hop-sapphire-500);
1078
- --hop-primary-border-press: var(--hop-sapphire-300);
1118
+ --hop-primary-border-press: var(--hop-sapphire-500);
1079
1119
  --hop-primary-border-focus: var(--hop-sapphire-500);
1080
1120
  --hop-primary-border-selected: var(--hop-sapphire-400);
1081
1121
  --hop-primary-border: var(--hop-sapphire-400);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "4.4.7",
4
+ "version": "5.1.0",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -20,31 +20,38 @@
20
20
  },
21
21
  "type": "module",
22
22
  "exports": {
23
- "./tokens.css": "./dist/tokens.css",
24
- "./fonts.css": "./dist/fonts.css",
25
- "./dark/tokens.css": "./dist/dark/tokens.css"
23
+ "./*": "./dist/*"
26
24
  },
27
25
  "files": [
28
26
  "dist",
29
- "CHANGELOG.md",
30
- "README.md"
27
+ "CHANGELOG.md"
31
28
  ],
32
29
  "devDependencies": {
33
- "@types/eslint": "8.56.12",
30
+ "@eslint/js": "9.38.0",
31
+ "@swc/core": "1.13.5",
32
+ "@swc/helpers": "0.5.17",
33
+ "@swc/jest": "0.2.39",
34
+ "@types/eslint": "9.6.1",
35
+ "@types/jest": "29.5.14",
34
36
  "@types/node": "24.5.1",
35
- "@workleap/eslint-plugin": "3.5.0",
37
+ "@workleap/eslint-configs": "0.0.7",
38
+ "@workleap/swc-configs": "2.3.0",
36
39
  "@workleap/tsup-configs": "3.1.0",
37
40
  "@workleap/typescript-configs": "3.0.4",
38
- "eslint": "8.57.1",
41
+ "eslint": "9.38.0",
42
+ "eslint-plugin-import": "2.32.0",
43
+ "jest": "29.7.0",
39
44
  "style-dictionary": "3.9.2",
40
45
  "tsx": "4.20.6",
41
- "typescript": "5.5.4"
46
+ "typescript": "5.5.4",
47
+ "typescript-eslint": "8.46.2"
42
48
  },
43
49
  "sideEffects": false,
44
50
  "scripts": {
45
51
  "clean:dist": "pnpm dlx rimraf dist",
46
52
  "build": "tsx src/style-dictionary/build.ts",
47
53
  "eslint": "eslint . --max-warnings=0 --cache --cache-location node_modules/.cache/eslint",
48
- "typecheck": "tsc"
54
+ "typecheck": "tsc",
55
+ "test": "jest"
49
56
  }
50
57
  }