@hopper-ui/styled-system 2.0.0 → 2.0.1

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 (54) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +14 -14
  4. package/dist/chunk-2UOTJGT6.js +12 -0
  5. package/dist/{chunk-REAV6RA4.js → chunk-3KPNXG7H.js} +8 -8
  6. package/dist/{chunk-DVOV55CD.js → chunk-4E7VQIC5.js} +130 -103
  7. package/dist/{chunk-B6ZBFYWJ.js → chunk-6IPAN22Z.js} +3 -3
  8. package/dist/{chunk-AZ44JR7G.js → chunk-6KT6K6NI.js} +1 -1
  9. package/dist/{chunk-VJNKYHHT.js → chunk-BUQLB5H6.js} +2 -2
  10. package/dist/{chunk-EF3UX45A.js → chunk-CFIMNXX5.js} +2 -2
  11. package/dist/{chunk-Y7GWSHYF.js → chunk-FAICHNEU.js} +117 -90
  12. package/dist/{chunk-XEJOSGGW.js → chunk-JSOM3YJJ.js} +4 -4
  13. package/dist/{chunk-GZ3MQOPA.js → chunk-KOWHTPQC.js} +2 -2
  14. package/dist/{chunk-SSBFBJJN.js → chunk-KQGCMT5E.js} +5 -5
  15. package/dist/{chunk-YJKWZYVH.js → chunk-LKOZVSXD.js} +129 -102
  16. package/dist/{chunk-5GX5VZFT.js → chunk-NJIDLCB7.js} +1 -1
  17. package/dist/{chunk-BA7JHGU6.js → chunk-VTGIKL3T.js} +2 -2
  18. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  19. package/dist/color-scheme/useColorScheme.js +1 -1
  20. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  21. package/dist/global-styles/BodyStyleProvider.js +4 -4
  22. package/dist/html-wrappers/html.css +34 -34
  23. package/dist/html-wrappers/html.js +6 -6
  24. package/dist/html-wrappers/htmlElement.css +34 -34
  25. package/dist/html-wrappers/htmlElement.js +5 -5
  26. package/dist/index.css +34 -34
  27. package/dist/index.js +14 -14
  28. package/dist/responsive/BreakpointContext.js +1 -1
  29. package/dist/responsive/BreakpointProvider.js +1 -1
  30. package/dist/responsive/Breakpoints.js +1 -1
  31. package/dist/responsive/useResponsiveValue.js +1 -1
  32. package/dist/styledSystemProps.js +1 -1
  33. package/dist/styledSystemRootCssClass.js +2 -2
  34. package/dist/tokens/TokenProvider.js +6 -6
  35. package/dist/tokens/generated/darkSemanticTokens.d.ts +129 -102
  36. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  37. package/dist/tokens/generated/lightSemanticTokens.d.ts +129 -102
  38. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  39. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +117 -90
  40. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  41. package/dist/tokens/tokenMappings.d.ts +145 -113
  42. package/dist/tokens/tokenMappings.js +3 -3
  43. package/dist/tokens/tokens.d.ts +258 -204
  44. package/dist/tokens/tokens.js +4 -4
  45. package/dist/useStyledSystem.css +31 -31
  46. package/dist/useStyledSystem.js +4 -4
  47. package/dist/utils/assertion.js +1 -1
  48. package/dist/utils/useInsertStyleElement.js +1 -1
  49. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  50. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  51. package/dist/utils/useMediaQuery.js +1 -1
  52. package/dist/utils/useThemeComputedStyle.js +2 -2
  53. package/package.json +9 -9
  54. package/dist/chunk-6LX4VMOV.js +0 -26
package/dist/responsive/useResponsiveValue.js CHANGED
@@ -2,4 +2,4 @@ export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from '..
2
2
  import '../chunk-VBKLISDI.js';
3
3
  import '../chunk-XUHDFZZL.js';
4
4
  import '../chunk-U5R6ZXH3.js';
5
- import '../chunk-6LX4VMOV.js';
5
+ import '../chunk-2UOTJGT6.js';
package/dist/styledSystemProps.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
2
- import './chunk-6LX4VMOV.js';
2
+ import './chunk-2UOTJGT6.js';
package/dist/styledSystemRootCssClass.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
2
- import './chunk-6LX4VMOV.js';
1
+ export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-3KPNXG7H.js';
2
+ import './chunk-2UOTJGT6.js';
package/dist/tokens/TokenProvider.js CHANGED
@@ -1,9 +1,9 @@
1
- export { TokenProvider } from '../chunk-VJNKYHHT.js';
2
- import '../chunk-EF3UX45A.js';
3
- import '../chunk-YJKWZYVH.js';
4
- import '../chunk-DVOV55CD.js';
1
+ export { TokenProvider } from '../chunk-BUQLB5H6.js';
2
+ import '../chunk-CFIMNXX5.js';
3
+ import '../chunk-LKOZVSXD.js';
4
+ import '../chunk-4E7VQIC5.js';
5
5
  import '../chunk-RIORU7JO.js';
6
6
  import '../chunk-YPIK2HRL.js';
7
- import '../chunk-REAV6RA4.js';
7
+ import '../chunk-3KPNXG7H.js';
8
8
  import '../chunk-U5R6ZXH3.js';
9
- import '../chunk-6LX4VMOV.js';
9
+ import '../chunk-2UOTJGT6.js';
package/dist/tokens/generated/darkSemanticTokens.d.ts CHANGED
@@ -2,6 +2,13 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
  declare const DarkSemanticTokens: {
5
+ "--hop-danger-border-active": string;
6
+ "--hop-danger-icon-active": string;
7
+ "--hop-danger-icon-weak-active": string;
8
+ "--hop-danger-surface-active": string;
9
+ "--hop-danger-surface-weak-active": string;
10
+ "--hop-danger-text-active": string;
11
+ "--hop-danger-text-weak-active": string;
5
12
  "--hop-danger-border": string;
6
13
  "--hop-danger-border-selected": string;
7
14
  "--hop-danger-border-press": string;
@@ -36,6 +43,128 @@ declare const DarkSemanticTokens: {
36
43
  "--hop-danger-text-weak": string;
37
44
  "--hop-danger-text-weak-hover": string;
38
45
  "--hop-danger-text-weak-press": string;
46
+ "--hop-neutral-border-active": string;
47
+ "--hop-neutral-icon-active": string;
48
+ "--hop-neutral-icon-weak-active": string;
49
+ "--hop-neutral-surface-active": string;
50
+ "--hop-neutral-surface-weak-active": string;
51
+ "--hop-neutral-text-active": string;
52
+ "--hop-neutral-text-weak-active": string;
53
+ "--hop-neutral-border": string;
54
+ "--hop-neutral-border-selected": string;
55
+ "--hop-neutral-border-disabled": string;
56
+ "--hop-neutral-border-hover": string;
57
+ "--hop-neutral-border-press": string;
58
+ "--hop-neutral-border-strong": string;
59
+ "--hop-neutral-border-strong-hover": string;
60
+ "--hop-neutral-border-weakest": string;
61
+ "--hop-neutral-border-weak": string;
62
+ "--hop-neutral-icon": string;
63
+ "--hop-neutral-icon-selected": string;
64
+ "--hop-neutral-icon-disabled": string;
65
+ "--hop-neutral-icon-hover": string;
66
+ "--hop-neutral-icon-press": string;
67
+ "--hop-neutral-icon-strong": string;
68
+ "--hop-neutral-icon-strong-hover": string;
69
+ "--hop-neutral-icon-weak": string;
70
+ "--hop-neutral-icon-weak-hover": string;
71
+ "--hop-neutral-icon-weak-press": string;
72
+ "--hop-neutral-icon-weakest": string;
73
+ "--hop-neutral-surface": string;
74
+ "--hop-neutral-surface-selected": string;
75
+ "--hop-neutral-surface-disabled": string;
76
+ "--hop-neutral-surface-hover": string;
77
+ "--hop-neutral-surface-press": string;
78
+ "--hop-neutral-surface-strong": string;
79
+ "--hop-neutral-surface-weakest": string;
80
+ "--hop-neutral-surface-weak": string;
81
+ "--hop-neutral-surface-weak-selected": string;
82
+ "--hop-neutral-surface-weak-hover": string;
83
+ "--hop-neutral-surface-weak-press": string;
84
+ "--hop-neutral-surface-weakest-selected": string;
85
+ "--hop-neutral-surface-weakest-hover": string;
86
+ "--hop-neutral-text": string;
87
+ "--hop-neutral-text-selected": string;
88
+ "--hop-neutral-text-disabled": string;
89
+ "--hop-neutral-text-hover": string;
90
+ "--hop-neutral-text-press": string;
91
+ "--hop-neutral-text-strong": string;
92
+ "--hop-neutral-text-weak": string;
93
+ "--hop-neutral-text-weak-hover": string;
94
+ "--hop-neutral-text-weak-press": string;
95
+ "--hop-neutral-text-weakest": string;
96
+ "--hop-primary-border-active": string;
97
+ "--hop-primary-icon-active": string;
98
+ "--hop-primary-surface-active": string;
99
+ "--hop-primary-surface-strong-active": string;
100
+ "--hop-primary-surface-weak-active": string;
101
+ "--hop-primary-text-active": string;
102
+ "--hop-primary-border": string;
103
+ "--hop-primary-border-selected": string;
104
+ "--hop-primary-border-focus": string;
105
+ "--hop-primary-border-press": string;
106
+ "--hop-primary-icon": string;
107
+ "--hop-primary-icon-selected": string;
108
+ "--hop-primary-icon-disabled": string;
109
+ "--hop-primary-icon-hover": string;
110
+ "--hop-primary-icon-press": string;
111
+ "--hop-primary-icon-strong": string;
112
+ "--hop-primary-icon-strong-hover": string;
113
+ "--hop-primary-surface": string;
114
+ "--hop-primary-surface-selected": string;
115
+ "--hop-primary-surface-disabled": string;
116
+ "--hop-primary-surface-focus": string;
117
+ "--hop-primary-surface-hover": string;
118
+ "--hop-primary-surface-press": string;
119
+ "--hop-primary-surface-strong": string;
120
+ "--hop-primary-surface-strong-selected": string;
121
+ "--hop-primary-surface-strong-hover": string;
122
+ "--hop-primary-surface-strong-press": string;
123
+ "--hop-primary-surface-weak": string;
124
+ "--hop-primary-surface-weak-hover": string;
125
+ "--hop-primary-surface-weak-press": string;
126
+ "--hop-primary-text": string;
127
+ "--hop-primary-text-hover": string;
128
+ "--hop-primary-text-press": string;
129
+ "--hop-primary-text-strong": string;
130
+ "--hop-primary-text-strong-hover": string;
131
+ "--hop-primary-text-selected": string;
132
+ "--hop-primary-text-disabled": string;
133
+ "--hop-upsell-border-active": string;
134
+ "--hop-upsell-icon-active": string;
135
+ "--hop-upsell-icon-weak-active": string;
136
+ "--hop-upsell-surface-active": string;
137
+ "--hop-upsell-surface-weak-active": string;
138
+ "--hop-upsell-text-active": string;
139
+ "--hop-upsell-text-weak-active": string;
140
+ "--hop-upsell-border": string;
141
+ "--hop-upsell-border-selected": string;
142
+ "--hop-upsell-border-disabled": string;
143
+ "--hop-upsell-border-press": string;
144
+ "--hop-upsell-icon": string;
145
+ "--hop-upsell-icon-selected": string;
146
+ "--hop-upsell-icon-hover": string;
147
+ "--hop-upsell-icon-press": string;
148
+ "--hop-upsell-icon-weakest": string;
149
+ "--hop-upsell-icon-weak": string;
150
+ "--hop-upsell-icon-weak-hover": string;
151
+ "--hop-upsell-icon-weak-press": string;
152
+ "--hop-upsell-surface": string;
153
+ "--hop-upsell-surface-selected": string;
154
+ "--hop-upsell-surface-disabled": string;
155
+ "--hop-upsell-surface-hover": string;
156
+ "--hop-upsell-surface-press": string;
157
+ "--hop-upsell-surface-weak": string;
158
+ "--hop-upsell-surface-weak-hover": string;
159
+ "--hop-upsell-surface-weak-press": string;
160
+ "--hop-upsell-text": string;
161
+ "--hop-upsell-text-selected": string;
162
+ "--hop-upsell-text-disabled": string;
163
+ "--hop-upsell-text-hover": string;
164
+ "--hop-upsell-text-press": string;
165
+ "--hop-upsell-text-weak": string;
166
+ "--hop-upsell-text-weak-hover": string;
167
+ "--hop-upsell-text-weak-press": string;
39
168
  "--hop-decorative-option1-border": string;
40
169
  "--hop-decorative-option1-icon": string;
41
170
  "--hop-decorative-option1-surface": string;
@@ -135,80 +264,6 @@ declare const DarkSemanticTokens: {
135
264
  "--hop-information-surface-weak": string;
136
265
  "--hop-information-text": string;
137
266
  "--hop-information-text-weak": string;
138
- "--hop-neutral-border": string;
139
- "--hop-neutral-border-selected": string;
140
- "--hop-neutral-border-disabled": string;
141
- "--hop-neutral-border-hover": string;
142
- "--hop-neutral-border-press": string;
143
- "--hop-neutral-border-strong": string;
144
- "--hop-neutral-border-strong-hover": string;
145
- "--hop-neutral-border-weakest": string;
146
- "--hop-neutral-border-weak": string;
147
- "--hop-neutral-icon": string;
148
- "--hop-neutral-icon-selected": string;
149
- "--hop-neutral-icon-disabled": string;
150
- "--hop-neutral-icon-hover": string;
151
- "--hop-neutral-icon-press": string;
152
- "--hop-neutral-icon-strong": string;
153
- "--hop-neutral-icon-strong-hover": string;
154
- "--hop-neutral-icon-weak": string;
155
- "--hop-neutral-icon-weak-hover": string;
156
- "--hop-neutral-icon-weak-press": string;
157
- "--hop-neutral-icon-weakest": string;
158
- "--hop-neutral-surface": string;
159
- "--hop-neutral-surface-selected": string;
160
- "--hop-neutral-surface-disabled": string;
161
- "--hop-neutral-surface-hover": string;
162
- "--hop-neutral-surface-press": string;
163
- "--hop-neutral-surface-strong": string;
164
- "--hop-neutral-surface-weakest": string;
165
- "--hop-neutral-surface-weak": string;
166
- "--hop-neutral-surface-weak-selected": string;
167
- "--hop-neutral-surface-weak-hover": string;
168
- "--hop-neutral-surface-weak-press": string;
169
- "--hop-neutral-surface-weakest-selected": string;
170
- "--hop-neutral-surface-weakest-hover": string;
171
- "--hop-neutral-text": string;
172
- "--hop-neutral-text-selected": string;
173
- "--hop-neutral-text-disabled": string;
174
- "--hop-neutral-text-hover": string;
175
- "--hop-neutral-text-press": string;
176
- "--hop-neutral-text-strong": string;
177
- "--hop-neutral-text-weak": string;
178
- "--hop-neutral-text-weak-hover": string;
179
- "--hop-neutral-text-weak-press": string;
180
- "--hop-neutral-text-weakest": string;
181
- "--hop-primary-border": string;
182
- "--hop-primary-border-selected": string;
183
- "--hop-primary-border-focus": string;
184
- "--hop-primary-border-press": string;
185
- "--hop-primary-icon": string;
186
- "--hop-primary-icon-selected": string;
187
- "--hop-primary-icon-disabled": string;
188
- "--hop-primary-icon-hover": string;
189
- "--hop-primary-icon-press": string;
190
- "--hop-primary-icon-strong": string;
191
- "--hop-primary-icon-strong-hover": string;
192
- "--hop-primary-surface": string;
193
- "--hop-primary-surface-selected": string;
194
- "--hop-primary-surface-disabled": string;
195
- "--hop-primary-surface-focus": string;
196
- "--hop-primary-surface-hover": string;
197
- "--hop-primary-surface-press": string;
198
- "--hop-primary-surface-strong": string;
199
- "--hop-primary-surface-strong-selected": string;
200
- "--hop-primary-surface-strong-hover": string;
201
- "--hop-primary-surface-strong-press": string;
202
- "--hop-primary-surface-weak": string;
203
- "--hop-primary-surface-weak-hover": string;
204
- "--hop-primary-surface-weak-press": string;
205
- "--hop-primary-text": string;
206
- "--hop-primary-text-hover": string;
207
- "--hop-primary-text-press": string;
208
- "--hop-primary-text-strong": string;
209
- "--hop-primary-text-strong-hover": string;
210
- "--hop-primary-text-selected": string;
211
- "--hop-primary-text-disabled": string;
212
267
  "--hop-status-caution-icon": string;
213
268
  "--hop-status-caution-surface": string;
214
269
  "--hop-status-caution-surface-strong": string;
@@ -267,34 +322,6 @@ declare const DarkSemanticTokens: {
267
322
  "--hop-success-text": string;
268
323
  "--hop-success-text-weak": string;
269
324
  "--hop-success-text-hover": string;
270
- "--hop-upsell-border": string;
271
- "--hop-upsell-border-selected": string;
272
- "--hop-upsell-border-disabled": string;
273
- "--hop-upsell-border-press": string;
274
- "--hop-upsell-icon": string;
275
- "--hop-upsell-icon-selected": string;
276
- "--hop-upsell-icon-hover": string;
277
- "--hop-upsell-icon-press": string;
278
- "--hop-upsell-icon-weakest": string;
279
- "--hop-upsell-icon-weak": string;
280
- "--hop-upsell-icon-weak-hover": string;
281
- "--hop-upsell-icon-weak-press": string;
282
- "--hop-upsell-surface": string;
283
- "--hop-upsell-surface-selected": string;
284
- "--hop-upsell-surface-disabled": string;
285
- "--hop-upsell-surface-hover": string;
286
- "--hop-upsell-surface-press": string;
287
- "--hop-upsell-surface-weak": string;
288
- "--hop-upsell-surface-weak-hover": string;
289
- "--hop-upsell-surface-weak-press": string;
290
- "--hop-upsell-text": string;
291
- "--hop-upsell-text-selected": string;
292
- "--hop-upsell-text-disabled": string;
293
- "--hop-upsell-text-hover": string;
294
- "--hop-upsell-text-press": string;
295
- "--hop-upsell-text-weak": string;
296
- "--hop-upsell-text-weak-hover": string;
297
- "--hop-upsell-text-weak-press": string;
298
325
  "--hop-warning-border": string;
299
326
  "--hop-warning-icon": string;
300
327
  "--hop-warning-icon-weakest": string;
package/dist/tokens/generated/darkSemanticTokens.js CHANGED
@@ -1,2 +1,2 @@
1
- export { DarkSemanticTokens } from '../../chunk-YJKWZYVH.js';
2
- import '../../chunk-6LX4VMOV.js';
1
+ export { DarkSemanticTokens } from '../../chunk-LKOZVSXD.js';
2
+ import '../../chunk-2UOTJGT6.js';
package/dist/tokens/generated/lightSemanticTokens.d.ts CHANGED
@@ -218,6 +218,13 @@ declare const SemanticTokens: {
218
218
  "--hop-space-inline-md": string;
219
219
  "--hop-space-inline-lg": string;
220
220
  "--hop-space-inline-xl": string;
221
+ "--hop-danger-border-active": string;
222
+ "--hop-danger-icon-active": string;
223
+ "--hop-danger-icon-weak-active": string;
224
+ "--hop-danger-surface-active": string;
225
+ "--hop-danger-surface-weak-active": string;
226
+ "--hop-danger-text-active": string;
227
+ "--hop-danger-text-weak-active": string;
221
228
  "--hop-danger-border": string;
222
229
  "--hop-danger-border-selected": string;
223
230
  "--hop-danger-border-strong": string;
@@ -252,6 +259,128 @@ declare const SemanticTokens: {
252
259
  "--hop-danger-text-weak": string;
253
260
  "--hop-danger-text-weak-hover": string;
254
261
  "--hop-danger-text-weak-press": string;
262
+ "--hop-neutral-border-active": string;
263
+ "--hop-neutral-icon-active": string;
264
+ "--hop-neutral-icon-weak-active": string;
265
+ "--hop-neutral-surface-active": string;
266
+ "--hop-neutral-surface-weak-active": string;
267
+ "--hop-neutral-text-active": string;
268
+ "--hop-neutral-text-weak-active": string;
269
+ "--hop-neutral-border": string;
270
+ "--hop-neutral-border-selected": string;
271
+ "--hop-neutral-border-disabled": string;
272
+ "--hop-neutral-border-hover": string;
273
+ "--hop-neutral-border-press": string;
274
+ "--hop-neutral-border-strong": string;
275
+ "--hop-neutral-border-strong-hover": string;
276
+ "--hop-neutral-border-weak": string;
277
+ "--hop-neutral-border-weakest": string;
278
+ "--hop-neutral-icon": string;
279
+ "--hop-neutral-icon-selected": string;
280
+ "--hop-neutral-icon-disabled": string;
281
+ "--hop-neutral-icon-hover": string;
282
+ "--hop-neutral-icon-press": string;
283
+ "--hop-neutral-icon-strong": string;
284
+ "--hop-neutral-icon-strong-hover": string;
285
+ "--hop-neutral-icon-weak": string;
286
+ "--hop-neutral-icon-weak-hover": string;
287
+ "--hop-neutral-icon-weak-press": string;
288
+ "--hop-neutral-icon-weakest": string;
289
+ "--hop-neutral-surface": string;
290
+ "--hop-neutral-surface-selected": string;
291
+ "--hop-neutral-surface-disabled": string;
292
+ "--hop-neutral-surface-hover": string;
293
+ "--hop-neutral-surface-press": string;
294
+ "--hop-neutral-surface-strong": string;
295
+ "--hop-neutral-surface-weak": string;
296
+ "--hop-neutral-surface-weak-selected": string;
297
+ "--hop-neutral-surface-weak-hover": string;
298
+ "--hop-neutral-surface-weak-press": string;
299
+ "--hop-neutral-surface-weakest": string;
300
+ "--hop-neutral-surface-weakest-selected": string;
301
+ "--hop-neutral-surface-weakest-hover": string;
302
+ "--hop-neutral-text": string;
303
+ "--hop-neutral-text-selected": string;
304
+ "--hop-neutral-text-disabled": string;
305
+ "--hop-neutral-text-hover": string;
306
+ "--hop-neutral-text-press": string;
307
+ "--hop-neutral-text-strong": string;
308
+ "--hop-neutral-text-weak": string;
309
+ "--hop-neutral-text-weak-hover": string;
310
+ "--hop-neutral-text-weak-press": string;
311
+ "--hop-neutral-text-weakest": string;
312
+ "--hop-primary-border-active": string;
313
+ "--hop-primary-icon-active": string;
314
+ "--hop-primary-surface-active": string;
315
+ "--hop-primary-surface-strong-active": string;
316
+ "--hop-primary-surface-weak-active": string;
317
+ "--hop-primary-text-active": string;
318
+ "--hop-primary-border": string;
319
+ "--hop-primary-border-selected": string;
320
+ "--hop-primary-border-focus": string;
321
+ "--hop-primary-border-press": string;
322
+ "--hop-primary-icon": string;
323
+ "--hop-primary-icon-selected": string;
324
+ "--hop-primary-icon-disabled": string;
325
+ "--hop-primary-icon-hover": string;
326
+ "--hop-primary-icon-press": string;
327
+ "--hop-primary-icon-strong": string;
328
+ "--hop-primary-icon-strong-hover": string;
329
+ "--hop-primary-surface": string;
330
+ "--hop-primary-surface-selected": string;
331
+ "--hop-primary-surface-disabled": string;
332
+ "--hop-primary-surface-focus": string;
333
+ "--hop-primary-surface-hover": string;
334
+ "--hop-primary-surface-press": string;
335
+ "--hop-primary-surface-strong": string;
336
+ "--hop-primary-surface-strong-selected": string;
337
+ "--hop-primary-surface-strong-hover": string;
338
+ "--hop-primary-surface-strong-press": string;
339
+ "--hop-primary-surface-weak": string;
340
+ "--hop-primary-surface-weak-hover": string;
341
+ "--hop-primary-surface-weak-press": string;
342
+ "--hop-primary-text": string;
343
+ "--hop-primary-text-selected": string;
344
+ "--hop-primary-text-disabled": string;
345
+ "--hop-primary-text-hover": string;
346
+ "--hop-primary-text-press": string;
347
+ "--hop-primary-text-strong": string;
348
+ "--hop-primary-text-strong-hover": string;
349
+ "--hop-upsell-border-active": string;
350
+ "--hop-upsell-icon-active": string;
351
+ "--hop-upsell-icon-weak-active": string;
352
+ "--hop-upsell-surface-active": string;
353
+ "--hop-upsell-surface-weak-active": string;
354
+ "--hop-upsell-text-active": string;
355
+ "--hop-upsell-text-weak-active": string;
356
+ "--hop-upsell-border": string;
357
+ "--hop-upsell-border-selected": string;
358
+ "--hop-upsell-border-disabled": string;
359
+ "--hop-upsell-border-press": string;
360
+ "--hop-upsell-icon": string;
361
+ "--hop-upsell-icon-selected": string;
362
+ "--hop-upsell-icon-hover": string;
363
+ "--hop-upsell-icon-press": string;
364
+ "--hop-upsell-icon-weakest": string;
365
+ "--hop-upsell-icon-weak": string;
366
+ "--hop-upsell-icon-weak-hover": string;
367
+ "--hop-upsell-icon-weak-press": string;
368
+ "--hop-upsell-surface": string;
369
+ "--hop-upsell-surface-selected": string;
370
+ "--hop-upsell-surface-disabled": string;
371
+ "--hop-upsell-surface-hover": string;
372
+ "--hop-upsell-surface-press": string;
373
+ "--hop-upsell-surface-weak": string;
374
+ "--hop-upsell-surface-weak-hover": string;
375
+ "--hop-upsell-surface-weak-press": string;
376
+ "--hop-upsell-text": string;
377
+ "--hop-upsell-text-selected": string;
378
+ "--hop-upsell-text-disabled": string;
379
+ "--hop-upsell-text-hover": string;
380
+ "--hop-upsell-text-press": string;
381
+ "--hop-upsell-text-weak": string;
382
+ "--hop-upsell-text-weak-hover": string;
383
+ "--hop-upsell-text-weak-press": string;
255
384
  "--hop-decorative-option9-border": string;
256
385
  "--hop-decorative-option9-icon": string;
257
386
  "--hop-decorative-option9-surface": string;
@@ -351,80 +480,6 @@ declare const SemanticTokens: {
351
480
  "--hop-information-surface-weak": string;
352
481
  "--hop-information-text": string;
353
482
  "--hop-information-text-weak": string;
354
- "--hop-neutral-border": string;
355
- "--hop-neutral-border-selected": string;
356
- "--hop-neutral-border-disabled": string;
357
- "--hop-neutral-border-hover": string;
358
- "--hop-neutral-border-press": string;
359
- "--hop-neutral-border-strong": string;
360
- "--hop-neutral-border-strong-hover": string;
361
- "--hop-neutral-border-weak": string;
362
- "--hop-neutral-border-weakest": string;
363
- "--hop-neutral-icon": string;
364
- "--hop-neutral-icon-selected": string;
365
- "--hop-neutral-icon-disabled": string;
366
- "--hop-neutral-icon-hover": string;
367
- "--hop-neutral-icon-press": string;
368
- "--hop-neutral-icon-strong": string;
369
- "--hop-neutral-icon-strong-hover": string;
370
- "--hop-neutral-icon-weak": string;
371
- "--hop-neutral-icon-weak-hover": string;
372
- "--hop-neutral-icon-weak-press": string;
373
- "--hop-neutral-icon-weakest": string;
374
- "--hop-neutral-surface": string;
375
- "--hop-neutral-surface-selected": string;
376
- "--hop-neutral-surface-disabled": string;
377
- "--hop-neutral-surface-hover": string;
378
- "--hop-neutral-surface-press": string;
379
- "--hop-neutral-surface-strong": string;
380
- "--hop-neutral-surface-weak": string;
381
- "--hop-neutral-surface-weak-selected": string;
382
- "--hop-neutral-surface-weak-hover": string;
383
- "--hop-neutral-surface-weak-press": string;
384
- "--hop-neutral-surface-weakest": string;
385
- "--hop-neutral-surface-weakest-selected": string;
386
- "--hop-neutral-surface-weakest-hover": string;
387
- "--hop-neutral-text": string;
388
- "--hop-neutral-text-selected": string;
389
- "--hop-neutral-text-disabled": string;
390
- "--hop-neutral-text-hover": string;
391
- "--hop-neutral-text-press": string;
392
- "--hop-neutral-text-strong": string;
393
- "--hop-neutral-text-weak": string;
394
- "--hop-neutral-text-weak-hover": string;
395
- "--hop-neutral-text-weak-press": string;
396
- "--hop-neutral-text-weakest": string;
397
- "--hop-primary-border": string;
398
- "--hop-primary-border-selected": string;
399
- "--hop-primary-border-focus": string;
400
- "--hop-primary-border-press": string;
401
- "--hop-primary-icon": string;
402
- "--hop-primary-icon-selected": string;
403
- "--hop-primary-icon-disabled": string;
404
- "--hop-primary-icon-hover": string;
405
- "--hop-primary-icon-press": string;
406
- "--hop-primary-icon-strong": string;
407
- "--hop-primary-icon-strong-hover": string;
408
- "--hop-primary-surface": string;
409
- "--hop-primary-surface-selected": string;
410
- "--hop-primary-surface-disabled": string;
411
- "--hop-primary-surface-focus": string;
412
- "--hop-primary-surface-hover": string;
413
- "--hop-primary-surface-press": string;
414
- "--hop-primary-surface-strong": string;
415
- "--hop-primary-surface-strong-selected": string;
416
- "--hop-primary-surface-strong-hover": string;
417
- "--hop-primary-surface-strong-press": string;
418
- "--hop-primary-surface-weak": string;
419
- "--hop-primary-surface-weak-hover": string;
420
- "--hop-primary-surface-weak-press": string;
421
- "--hop-primary-text": string;
422
- "--hop-primary-text-selected": string;
423
- "--hop-primary-text-disabled": string;
424
- "--hop-primary-text-hover": string;
425
- "--hop-primary-text-press": string;
426
- "--hop-primary-text-strong": string;
427
- "--hop-primary-text-strong-hover": string;
428
483
  "--hop-status-caution-surface-strong": string;
429
484
  "--hop-status-caution-icon": string;
430
485
  "--hop-status-caution-surface": string;
@@ -483,34 +538,6 @@ declare const SemanticTokens: {
483
538
  "--hop-success-text": string;
484
539
  "--hop-success-text-hover": string;
485
540
  "--hop-success-text-weak": string;
486
- "--hop-upsell-border": string;
487
- "--hop-upsell-border-selected": string;
488
- "--hop-upsell-border-disabled": string;
489
- "--hop-upsell-border-press": string;
490
- "--hop-upsell-icon": string;
491
- "--hop-upsell-icon-selected": string;
492
- "--hop-upsell-icon-hover": string;
493
- "--hop-upsell-icon-press": string;
494
- "--hop-upsell-icon-weakest": string;
495
- "--hop-upsell-icon-weak": string;
496
- "--hop-upsell-icon-weak-hover": string;
497
- "--hop-upsell-icon-weak-press": string;
498
- "--hop-upsell-surface": string;
499
- "--hop-upsell-surface-selected": string;
500
- "--hop-upsell-surface-disabled": string;
501
- "--hop-upsell-surface-hover": string;
502
- "--hop-upsell-surface-press": string;
503
- "--hop-upsell-surface-weak": string;
504
- "--hop-upsell-surface-weak-hover": string;
505
- "--hop-upsell-surface-weak-press": string;
506
- "--hop-upsell-text": string;
507
- "--hop-upsell-text-selected": string;
508
- "--hop-upsell-text-disabled": string;
509
- "--hop-upsell-text-hover": string;
510
- "--hop-upsell-text-press": string;
511
- "--hop-upsell-text-weak": string;
512
- "--hop-upsell-text-weak-hover": string;
513
- "--hop-upsell-text-weak-press": string;
514
541
  "--hop-warning-border": string;
515
542
  "--hop-warning-icon": string;
516
543
  "--hop-warning-icon-weakest": string;
package/dist/tokens/generated/lightSemanticTokens.js CHANGED
@@ -1,2 +1,2 @@
1
- export { CoreTokens, SemanticTokens } from '../../chunk-DVOV55CD.js';
2
- import '../../chunk-6LX4VMOV.js';
1
+ export { CoreTokens, SemanticTokens } from '../../chunk-4E7VQIC5.js';
2
+ import '../../chunk-2UOTJGT6.js';