@hopper-ui/styled-system 2.0.0 → 2.0.2

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 (58) hide show
  1. package/CHANGELOG.md +12 -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-XEJOSGGW.js → chunk-3QZI66SR.js} +4 -4
  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-7STOSQRA.js +8 -0
  9. package/dist/{chunk-EF3UX45A.js → chunk-CFIMNXX5.js} +2 -2
  10. package/dist/{chunk-BA7JHGU6.js → chunk-F7KWE6J5.js} +2 -2
  11. package/dist/{chunk-Y7GWSHYF.js → chunk-FAICHNEU.js} +117 -90
  12. package/dist/{chunk-YJKWZYVH.js → chunk-LKOZVSXD.js} +129 -102
  13. package/dist/{chunk-5GX5VZFT.js → chunk-NJIDLCB7.js} +1 -1
  14. package/dist/{chunk-VJNKYHHT.js → chunk-QLYSVZLZ.js} +2 -2
  15. package/dist/{chunk-AZ44JR7G.js → chunk-RU6U3SMC.js} +1 -1
  16. package/dist/{chunk-REAV6RA4.js → chunk-XGLTD52P.js} +8 -8
  17. package/dist/{chunk-SSBFBJJN.js → chunk-XOHK7VFY.js} +5 -5
  18. package/dist/{chunk-GZ3MQOPA.js → chunk-ZAHZAEAR.js} +2 -2
  19. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  20. package/dist/color-scheme/useColorScheme.js +1 -1
  21. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  22. package/dist/global-styles/BodyStyleProvider.js +4 -4
  23. package/dist/html-wrappers/html.css +34 -34
  24. package/dist/html-wrappers/html.js +6 -6
  25. package/dist/html-wrappers/htmlElement.css +34 -34
  26. package/dist/html-wrappers/htmlElement.js +5 -5
  27. package/dist/index.css +34 -34
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +15 -14
  30. package/dist/responsive/BreakpointContext.js +1 -1
  31. package/dist/responsive/BreakpointProvider.js +1 -1
  32. package/dist/responsive/Breakpoints.js +1 -1
  33. package/dist/responsive/useResponsiveValue.js +1 -1
  34. package/dist/styledSystemProps.js +1 -1
  35. package/dist/styledSystemRootCssClass.js +2 -2
  36. package/dist/tokens/TokenProvider.js +6 -6
  37. package/dist/tokens/generated/darkSemanticTokens.d.ts +129 -102
  38. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  39. package/dist/tokens/generated/lightSemanticTokens.d.ts +129 -102
  40. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  41. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +117 -90
  42. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  43. package/dist/tokens/tokenMappings.d.ts +145 -113
  44. package/dist/tokens/tokenMappings.js +3 -3
  45. package/dist/tokens/tokens.d.ts +258 -204
  46. package/dist/tokens/tokens.js +4 -4
  47. package/dist/useStyledSystem.css +31 -31
  48. package/dist/useStyledSystem.js +4 -4
  49. package/dist/utils/assertion.js +1 -1
  50. package/dist/utils/slot.d.ts +20 -0
  51. package/dist/utils/slot.js +2 -0
  52. package/dist/utils/useInsertStyleElement.js +1 -1
  53. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  54. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  55. package/dist/utils/useMediaQuery.js +1 -1
  56. package/dist/utils/useThemeComputedStyle.js +2 -2
  57. package/package.json +9 -9
  58. package/dist/chunk-6LX4VMOV.js +0 -26
package/dist/tokens/tokenMappings.js CHANGED
@@ -1,7 +1,7 @@
1
- export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-5GX5VZFT.js';
2
- import '../chunk-Y7GWSHYF.js';
1
+ export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-NJIDLCB7.js';
2
+ import '../chunk-FAICHNEU.js';
3
3
  import '../chunk-SFOVKOPG.js';
4
4
  import '../chunk-VBKLISDI.js';
5
5
  import '../chunk-XUHDFZZL.js';
6
6
  import '../chunk-U5R6ZXH3.js';
7
- import '../chunk-6LX4VMOV.js';
7
+ import '../chunk-2UOTJGT6.js';
package/dist/tokens/tokens.d.ts CHANGED
@@ -219,6 +219,13 @@ declare const Tokens: {
219
219
  "--hop-space-inline-md": string;
220
220
  "--hop-space-inline-lg": string;
221
221
  "--hop-space-inline-xl": string;
222
+ "--hop-danger-border-active": string;
223
+ "--hop-danger-icon-active": string;
224
+ "--hop-danger-icon-weak-active": string;
225
+ "--hop-danger-surface-active": string;
226
+ "--hop-danger-surface-weak-active": string;
227
+ "--hop-danger-text-active": string;
228
+ "--hop-danger-text-weak-active": string;
222
229
  "--hop-danger-border": string;
223
230
  "--hop-danger-border-selected": string;
224
231
  "--hop-danger-border-strong": string;
@@ -253,6 +260,128 @@ declare const Tokens: {
253
260
  "--hop-danger-text-weak": string;
254
261
  "--hop-danger-text-weak-hover": string;
255
262
  "--hop-danger-text-weak-press": string;
263
+ "--hop-neutral-border-active": string;
264
+ "--hop-neutral-icon-active": string;
265
+ "--hop-neutral-icon-weak-active": string;
266
+ "--hop-neutral-surface-active": string;
267
+ "--hop-neutral-surface-weak-active": string;
268
+ "--hop-neutral-text-active": string;
269
+ "--hop-neutral-text-weak-active": string;
270
+ "--hop-neutral-border": string;
271
+ "--hop-neutral-border-selected": string;
272
+ "--hop-neutral-border-disabled": string;
273
+ "--hop-neutral-border-hover": string;
274
+ "--hop-neutral-border-press": string;
275
+ "--hop-neutral-border-strong": string;
276
+ "--hop-neutral-border-strong-hover": string;
277
+ "--hop-neutral-border-weak": string;
278
+ "--hop-neutral-border-weakest": string;
279
+ "--hop-neutral-icon": string;
280
+ "--hop-neutral-icon-selected": string;
281
+ "--hop-neutral-icon-disabled": string;
282
+ "--hop-neutral-icon-hover": string;
283
+ "--hop-neutral-icon-press": string;
284
+ "--hop-neutral-icon-strong": string;
285
+ "--hop-neutral-icon-strong-hover": string;
286
+ "--hop-neutral-icon-weak": string;
287
+ "--hop-neutral-icon-weak-hover": string;
288
+ "--hop-neutral-icon-weak-press": string;
289
+ "--hop-neutral-icon-weakest": string;
290
+ "--hop-neutral-surface": string;
291
+ "--hop-neutral-surface-selected": string;
292
+ "--hop-neutral-surface-disabled": string;
293
+ "--hop-neutral-surface-hover": string;
294
+ "--hop-neutral-surface-press": string;
295
+ "--hop-neutral-surface-strong": string;
296
+ "--hop-neutral-surface-weak": string;
297
+ "--hop-neutral-surface-weak-selected": string;
298
+ "--hop-neutral-surface-weak-hover": string;
299
+ "--hop-neutral-surface-weak-press": string;
300
+ "--hop-neutral-surface-weakest": string;
301
+ "--hop-neutral-surface-weakest-selected": string;
302
+ "--hop-neutral-surface-weakest-hover": string;
303
+ "--hop-neutral-text": string;
304
+ "--hop-neutral-text-selected": string;
305
+ "--hop-neutral-text-disabled": string;
306
+ "--hop-neutral-text-hover": string;
307
+ "--hop-neutral-text-press": string;
308
+ "--hop-neutral-text-strong": string;
309
+ "--hop-neutral-text-weak": string;
310
+ "--hop-neutral-text-weak-hover": string;
311
+ "--hop-neutral-text-weak-press": string;
312
+ "--hop-neutral-text-weakest": string;
313
+ "--hop-primary-border-active": string;
314
+ "--hop-primary-icon-active": string;
315
+ "--hop-primary-surface-active": string;
316
+ "--hop-primary-surface-strong-active": string;
317
+ "--hop-primary-surface-weak-active": string;
318
+ "--hop-primary-text-active": string;
319
+ "--hop-primary-border": string;
320
+ "--hop-primary-border-selected": string;
321
+ "--hop-primary-border-focus": string;
322
+ "--hop-primary-border-press": string;
323
+ "--hop-primary-icon": string;
324
+ "--hop-primary-icon-selected": string;
325
+ "--hop-primary-icon-disabled": string;
326
+ "--hop-primary-icon-hover": string;
327
+ "--hop-primary-icon-press": string;
328
+ "--hop-primary-icon-strong": string;
329
+ "--hop-primary-icon-strong-hover": string;
330
+ "--hop-primary-surface": string;
331
+ "--hop-primary-surface-selected": string;
332
+ "--hop-primary-surface-disabled": string;
333
+ "--hop-primary-surface-focus": string;
334
+ "--hop-primary-surface-hover": string;
335
+ "--hop-primary-surface-press": string;
336
+ "--hop-primary-surface-strong": string;
337
+ "--hop-primary-surface-strong-selected": string;
338
+ "--hop-primary-surface-strong-hover": string;
339
+ "--hop-primary-surface-strong-press": string;
340
+ "--hop-primary-surface-weak": string;
341
+ "--hop-primary-surface-weak-hover": string;
342
+ "--hop-primary-surface-weak-press": string;
343
+ "--hop-primary-text": string;
344
+ "--hop-primary-text-selected": string;
345
+ "--hop-primary-text-disabled": string;
346
+ "--hop-primary-text-hover": string;
347
+ "--hop-primary-text-press": string;
348
+ "--hop-primary-text-strong": string;
349
+ "--hop-primary-text-strong-hover": string;
350
+ "--hop-upsell-border-active": string;
351
+ "--hop-upsell-icon-active": string;
352
+ "--hop-upsell-icon-weak-active": string;
353
+ "--hop-upsell-surface-active": string;
354
+ "--hop-upsell-surface-weak-active": string;
355
+ "--hop-upsell-text-active": string;
356
+ "--hop-upsell-text-weak-active": string;
357
+ "--hop-upsell-border": string;
358
+ "--hop-upsell-border-selected": string;
359
+ "--hop-upsell-border-disabled": string;
360
+ "--hop-upsell-border-press": string;
361
+ "--hop-upsell-icon": string;
362
+ "--hop-upsell-icon-selected": string;
363
+ "--hop-upsell-icon-hover": string;
364
+ "--hop-upsell-icon-press": string;
365
+ "--hop-upsell-icon-weakest": string;
366
+ "--hop-upsell-icon-weak": string;
367
+ "--hop-upsell-icon-weak-hover": string;
368
+ "--hop-upsell-icon-weak-press": string;
369
+ "--hop-upsell-surface": string;
370
+ "--hop-upsell-surface-selected": string;
371
+ "--hop-upsell-surface-disabled": string;
372
+ "--hop-upsell-surface-hover": string;
373
+ "--hop-upsell-surface-press": string;
374
+ "--hop-upsell-surface-weak": string;
375
+ "--hop-upsell-surface-weak-hover": string;
376
+ "--hop-upsell-surface-weak-press": string;
377
+ "--hop-upsell-text": string;
378
+ "--hop-upsell-text-selected": string;
379
+ "--hop-upsell-text-disabled": string;
380
+ "--hop-upsell-text-hover": string;
381
+ "--hop-upsell-text-press": string;
382
+ "--hop-upsell-text-weak": string;
383
+ "--hop-upsell-text-weak-hover": string;
384
+ "--hop-upsell-text-weak-press": string;
256
385
  "--hop-decorative-option9-border": string;
257
386
  "--hop-decorative-option9-icon": string;
258
387
  "--hop-decorative-option9-surface": string;
@@ -352,80 +481,6 @@ declare const Tokens: {
352
481
  "--hop-information-surface-weak": string;
353
482
  "--hop-information-text": string;
354
483
  "--hop-information-text-weak": string;
355
- "--hop-neutral-border": string;
356
- "--hop-neutral-border-selected": string;
357
- "--hop-neutral-border-disabled": string;
358
- "--hop-neutral-border-hover": string;
359
- "--hop-neutral-border-press": string;
360
- "--hop-neutral-border-strong": string;
361
- "--hop-neutral-border-strong-hover": string;
362
- "--hop-neutral-border-weak": string;
363
- "--hop-neutral-border-weakest": string;
364
- "--hop-neutral-icon": string;
365
- "--hop-neutral-icon-selected": string;
366
- "--hop-neutral-icon-disabled": string;
367
- "--hop-neutral-icon-hover": string;
368
- "--hop-neutral-icon-press": string;
369
- "--hop-neutral-icon-strong": string;
370
- "--hop-neutral-icon-strong-hover": string;
371
- "--hop-neutral-icon-weak": string;
372
- "--hop-neutral-icon-weak-hover": string;
373
- "--hop-neutral-icon-weak-press": string;
374
- "--hop-neutral-icon-weakest": string;
375
- "--hop-neutral-surface": string;
376
- "--hop-neutral-surface-selected": string;
377
- "--hop-neutral-surface-disabled": string;
378
- "--hop-neutral-surface-hover": string;
379
- "--hop-neutral-surface-press": string;
380
- "--hop-neutral-surface-strong": string;
381
- "--hop-neutral-surface-weak": string;
382
- "--hop-neutral-surface-weak-selected": string;
383
- "--hop-neutral-surface-weak-hover": string;
384
- "--hop-neutral-surface-weak-press": string;
385
- "--hop-neutral-surface-weakest": string;
386
- "--hop-neutral-surface-weakest-selected": string;
387
- "--hop-neutral-surface-weakest-hover": string;
388
- "--hop-neutral-text": string;
389
- "--hop-neutral-text-selected": string;
390
- "--hop-neutral-text-disabled": string;
391
- "--hop-neutral-text-hover": string;
392
- "--hop-neutral-text-press": string;
393
- "--hop-neutral-text-strong": string;
394
- "--hop-neutral-text-weak": string;
395
- "--hop-neutral-text-weak-hover": string;
396
- "--hop-neutral-text-weak-press": string;
397
- "--hop-neutral-text-weakest": string;
398
- "--hop-primary-border": string;
399
- "--hop-primary-border-selected": string;
400
- "--hop-primary-border-focus": string;
401
- "--hop-primary-border-press": string;
402
- "--hop-primary-icon": string;
403
- "--hop-primary-icon-selected": string;
404
- "--hop-primary-icon-disabled": string;
405
- "--hop-primary-icon-hover": string;
406
- "--hop-primary-icon-press": string;
407
- "--hop-primary-icon-strong": string;
408
- "--hop-primary-icon-strong-hover": string;
409
- "--hop-primary-surface": string;
410
- "--hop-primary-surface-selected": string;
411
- "--hop-primary-surface-disabled": string;
412
- "--hop-primary-surface-focus": string;
413
- "--hop-primary-surface-hover": string;
414
- "--hop-primary-surface-press": string;
415
- "--hop-primary-surface-strong": string;
416
- "--hop-primary-surface-strong-selected": string;
417
- "--hop-primary-surface-strong-hover": string;
418
- "--hop-primary-surface-strong-press": string;
419
- "--hop-primary-surface-weak": string;
420
- "--hop-primary-surface-weak-hover": string;
421
- "--hop-primary-surface-weak-press": string;
422
- "--hop-primary-text": string;
423
- "--hop-primary-text-selected": string;
424
- "--hop-primary-text-disabled": string;
425
- "--hop-primary-text-hover": string;
426
- "--hop-primary-text-press": string;
427
- "--hop-primary-text-strong": string;
428
- "--hop-primary-text-strong-hover": string;
429
484
  "--hop-status-caution-surface-strong": string;
430
485
  "--hop-status-caution-icon": string;
431
486
  "--hop-status-caution-surface": string;
@@ -484,34 +539,6 @@ declare const Tokens: {
484
539
  "--hop-success-text": string;
485
540
  "--hop-success-text-hover": string;
486
541
  "--hop-success-text-weak": string;
487
- "--hop-upsell-border": string;
488
- "--hop-upsell-border-selected": string;
489
- "--hop-upsell-border-disabled": string;
490
- "--hop-upsell-border-press": string;
491
- "--hop-upsell-icon": string;
492
- "--hop-upsell-icon-selected": string;
493
- "--hop-upsell-icon-hover": string;
494
- "--hop-upsell-icon-press": string;
495
- "--hop-upsell-icon-weakest": string;
496
- "--hop-upsell-icon-weak": string;
497
- "--hop-upsell-icon-weak-hover": string;
498
- "--hop-upsell-icon-weak-press": string;
499
- "--hop-upsell-surface": string;
500
- "--hop-upsell-surface-selected": string;
501
- "--hop-upsell-surface-disabled": string;
502
- "--hop-upsell-surface-hover": string;
503
- "--hop-upsell-surface-press": string;
504
- "--hop-upsell-surface-weak": string;
505
- "--hop-upsell-surface-weak-hover": string;
506
- "--hop-upsell-surface-weak-press": string;
507
- "--hop-upsell-text": string;
508
- "--hop-upsell-text-selected": string;
509
- "--hop-upsell-text-disabled": string;
510
- "--hop-upsell-text-hover": string;
511
- "--hop-upsell-text-press": string;
512
- "--hop-upsell-text-weak": string;
513
- "--hop-upsell-text-weak-hover": string;
514
- "--hop-upsell-text-weak-press": string;
515
542
  "--hop-warning-border": string;
516
543
  "--hop-warning-icon": string;
517
544
  "--hop-warning-icon-weakest": string;
@@ -947,6 +974,13 @@ declare const Tokens: {
947
974
  "--hop-shape-rounded-sm": string;
948
975
  };
949
976
  DarkSemantic: {
977
+ "--hop-danger-border-active": string;
978
+ "--hop-danger-icon-active": string;
979
+ "--hop-danger-icon-weak-active": string;
980
+ "--hop-danger-surface-active": string;
981
+ "--hop-danger-surface-weak-active": string;
982
+ "--hop-danger-text-active": string;
983
+ "--hop-danger-text-weak-active": string;
950
984
  "--hop-danger-border": string;
951
985
  "--hop-danger-border-selected": string;
952
986
  "--hop-danger-border-press": string;
@@ -981,6 +1015,128 @@ declare const Tokens: {
981
1015
  "--hop-danger-text-weak": string;
982
1016
  "--hop-danger-text-weak-hover": string;
983
1017
  "--hop-danger-text-weak-press": string;
1018
+ "--hop-neutral-border-active": string;
1019
+ "--hop-neutral-icon-active": string;
1020
+ "--hop-neutral-icon-weak-active": string;
1021
+ "--hop-neutral-surface-active": string;
1022
+ "--hop-neutral-surface-weak-active": string;
1023
+ "--hop-neutral-text-active": string;
1024
+ "--hop-neutral-text-weak-active": string;
1025
+ "--hop-neutral-border": string;
1026
+ "--hop-neutral-border-selected": string;
1027
+ "--hop-neutral-border-disabled": string;
1028
+ "--hop-neutral-border-hover": string;
1029
+ "--hop-neutral-border-press": string;
1030
+ "--hop-neutral-border-strong": string;
1031
+ "--hop-neutral-border-strong-hover": string;
1032
+ "--hop-neutral-border-weakest": string;
1033
+ "--hop-neutral-border-weak": string;
1034
+ "--hop-neutral-icon": string;
1035
+ "--hop-neutral-icon-selected": string;
1036
+ "--hop-neutral-icon-disabled": string;
1037
+ "--hop-neutral-icon-hover": string;
1038
+ "--hop-neutral-icon-press": string;
1039
+ "--hop-neutral-icon-strong": string;
1040
+ "--hop-neutral-icon-strong-hover": string;
1041
+ "--hop-neutral-icon-weak": string;
1042
+ "--hop-neutral-icon-weak-hover": string;
1043
+ "--hop-neutral-icon-weak-press": string;
1044
+ "--hop-neutral-icon-weakest": string;
1045
+ "--hop-neutral-surface": string;
1046
+ "--hop-neutral-surface-selected": string;
1047
+ "--hop-neutral-surface-disabled": string;
1048
+ "--hop-neutral-surface-hover": string;
1049
+ "--hop-neutral-surface-press": string;
1050
+ "--hop-neutral-surface-strong": string;
1051
+ "--hop-neutral-surface-weakest": string;
1052
+ "--hop-neutral-surface-weak": string;
1053
+ "--hop-neutral-surface-weak-selected": string;
1054
+ "--hop-neutral-surface-weak-hover": string;
1055
+ "--hop-neutral-surface-weak-press": string;
1056
+ "--hop-neutral-surface-weakest-selected": string;
1057
+ "--hop-neutral-surface-weakest-hover": string;
1058
+ "--hop-neutral-text": string;
1059
+ "--hop-neutral-text-selected": string;
1060
+ "--hop-neutral-text-disabled": string;
1061
+ "--hop-neutral-text-hover": string;
1062
+ "--hop-neutral-text-press": string;
1063
+ "--hop-neutral-text-strong": string;
1064
+ "--hop-neutral-text-weak": string;
1065
+ "--hop-neutral-text-weak-hover": string;
1066
+ "--hop-neutral-text-weak-press": string;
1067
+ "--hop-neutral-text-weakest": string;
1068
+ "--hop-primary-border-active": string;
1069
+ "--hop-primary-icon-active": string;
1070
+ "--hop-primary-surface-active": string;
1071
+ "--hop-primary-surface-strong-active": string;
1072
+ "--hop-primary-surface-weak-active": string;
1073
+ "--hop-primary-text-active": string;
1074
+ "--hop-primary-border": string;
1075
+ "--hop-primary-border-selected": string;
1076
+ "--hop-primary-border-focus": string;
1077
+ "--hop-primary-border-press": string;
1078
+ "--hop-primary-icon": string;
1079
+ "--hop-primary-icon-selected": string;
1080
+ "--hop-primary-icon-disabled": string;
1081
+ "--hop-primary-icon-hover": string;
1082
+ "--hop-primary-icon-press": string;
1083
+ "--hop-primary-icon-strong": string;
1084
+ "--hop-primary-icon-strong-hover": string;
1085
+ "--hop-primary-surface": string;
1086
+ "--hop-primary-surface-selected": string;
1087
+ "--hop-primary-surface-disabled": string;
1088
+ "--hop-primary-surface-focus": string;
1089
+ "--hop-primary-surface-hover": string;
1090
+ "--hop-primary-surface-press": string;
1091
+ "--hop-primary-surface-strong": string;
1092
+ "--hop-primary-surface-strong-selected": string;
1093
+ "--hop-primary-surface-strong-hover": string;
1094
+ "--hop-primary-surface-strong-press": string;
1095
+ "--hop-primary-surface-weak": string;
1096
+ "--hop-primary-surface-weak-hover": string;
1097
+ "--hop-primary-surface-weak-press": string;
1098
+ "--hop-primary-text": string;
1099
+ "--hop-primary-text-hover": string;
1100
+ "--hop-primary-text-press": string;
1101
+ "--hop-primary-text-strong": string;
1102
+ "--hop-primary-text-strong-hover": string;
1103
+ "--hop-primary-text-selected": string;
1104
+ "--hop-primary-text-disabled": string;
1105
+ "--hop-upsell-border-active": string;
1106
+ "--hop-upsell-icon-active": string;
1107
+ "--hop-upsell-icon-weak-active": string;
1108
+ "--hop-upsell-surface-active": string;
1109
+ "--hop-upsell-surface-weak-active": string;
1110
+ "--hop-upsell-text-active": string;
1111
+ "--hop-upsell-text-weak-active": string;
1112
+ "--hop-upsell-border": string;
1113
+ "--hop-upsell-border-selected": string;
1114
+ "--hop-upsell-border-disabled": string;
1115
+ "--hop-upsell-border-press": string;
1116
+ "--hop-upsell-icon": string;
1117
+ "--hop-upsell-icon-selected": string;
1118
+ "--hop-upsell-icon-hover": string;
1119
+ "--hop-upsell-icon-press": string;
1120
+ "--hop-upsell-icon-weakest": string;
1121
+ "--hop-upsell-icon-weak": string;
1122
+ "--hop-upsell-icon-weak-hover": string;
1123
+ "--hop-upsell-icon-weak-press": string;
1124
+ "--hop-upsell-surface": string;
1125
+ "--hop-upsell-surface-selected": string;
1126
+ "--hop-upsell-surface-disabled": string;
1127
+ "--hop-upsell-surface-hover": string;
1128
+ "--hop-upsell-surface-press": string;
1129
+ "--hop-upsell-surface-weak": string;
1130
+ "--hop-upsell-surface-weak-hover": string;
1131
+ "--hop-upsell-surface-weak-press": string;
1132
+ "--hop-upsell-text": string;
1133
+ "--hop-upsell-text-selected": string;
1134
+ "--hop-upsell-text-disabled": string;
1135
+ "--hop-upsell-text-hover": string;
1136
+ "--hop-upsell-text-press": string;
1137
+ "--hop-upsell-text-weak": string;
1138
+ "--hop-upsell-text-weak-hover": string;
1139
+ "--hop-upsell-text-weak-press": string;
984
1140
  "--hop-decorative-option1-border": string;
985
1141
  "--hop-decorative-option1-icon": string;
986
1142
  "--hop-decorative-option1-surface": string;
@@ -1080,80 +1236,6 @@ declare const Tokens: {
1080
1236
  "--hop-information-surface-weak": string;
1081
1237
  "--hop-information-text": string;
1082
1238
  "--hop-information-text-weak": string;
1083
- "--hop-neutral-border": string;
1084
- "--hop-neutral-border-selected": string;
1085
- "--hop-neutral-border-disabled": string;
1086
- "--hop-neutral-border-hover": string;
1087
- "--hop-neutral-border-press": string;
1088
- "--hop-neutral-border-strong": string;
1089
- "--hop-neutral-border-strong-hover": string;
1090
- "--hop-neutral-border-weakest": string;
1091
- "--hop-neutral-border-weak": string;
1092
- "--hop-neutral-icon": string;
1093
- "--hop-neutral-icon-selected": string;
1094
- "--hop-neutral-icon-disabled": string;
1095
- "--hop-neutral-icon-hover": string;
1096
- "--hop-neutral-icon-press": string;
1097
- "--hop-neutral-icon-strong": string;
1098
- "--hop-neutral-icon-strong-hover": string;
1099
- "--hop-neutral-icon-weak": string;
1100
- "--hop-neutral-icon-weak-hover": string;
1101
- "--hop-neutral-icon-weak-press": string;
1102
- "--hop-neutral-icon-weakest": string;
1103
- "--hop-neutral-surface": string;
1104
- "--hop-neutral-surface-selected": string;
1105
- "--hop-neutral-surface-disabled": string;
1106
- "--hop-neutral-surface-hover": string;
1107
- "--hop-neutral-surface-press": string;
1108
- "--hop-neutral-surface-strong": string;
1109
- "--hop-neutral-surface-weakest": string;
1110
- "--hop-neutral-surface-weak": string;
1111
- "--hop-neutral-surface-weak-selected": string;
1112
- "--hop-neutral-surface-weak-hover": string;
1113
- "--hop-neutral-surface-weak-press": string;
1114
- "--hop-neutral-surface-weakest-selected": string;
1115
- "--hop-neutral-surface-weakest-hover": string;
1116
- "--hop-neutral-text": string;
1117
- "--hop-neutral-text-selected": string;
1118
- "--hop-neutral-text-disabled": string;
1119
- "--hop-neutral-text-hover": string;
1120
- "--hop-neutral-text-press": string;
1121
- "--hop-neutral-text-strong": string;
1122
- "--hop-neutral-text-weak": string;
1123
- "--hop-neutral-text-weak-hover": string;
1124
- "--hop-neutral-text-weak-press": string;
1125
- "--hop-neutral-text-weakest": string;
1126
- "--hop-primary-border": string;
1127
- "--hop-primary-border-selected": string;
1128
- "--hop-primary-border-focus": string;
1129
- "--hop-primary-border-press": string;
1130
- "--hop-primary-icon": string;
1131
- "--hop-primary-icon-selected": string;
1132
- "--hop-primary-icon-disabled": string;
1133
- "--hop-primary-icon-hover": string;
1134
- "--hop-primary-icon-press": string;
1135
- "--hop-primary-icon-strong": string;
1136
- "--hop-primary-icon-strong-hover": string;
1137
- "--hop-primary-surface": string;
1138
- "--hop-primary-surface-selected": string;
1139
- "--hop-primary-surface-disabled": string;
1140
- "--hop-primary-surface-focus": string;
1141
- "--hop-primary-surface-hover": string;
1142
- "--hop-primary-surface-press": string;
1143
- "--hop-primary-surface-strong": string;
1144
- "--hop-primary-surface-strong-selected": string;
1145
- "--hop-primary-surface-strong-hover": string;
1146
- "--hop-primary-surface-strong-press": string;
1147
- "--hop-primary-surface-weak": string;
1148
- "--hop-primary-surface-weak-hover": string;
1149
- "--hop-primary-surface-weak-press": string;
1150
- "--hop-primary-text": string;
1151
- "--hop-primary-text-hover": string;
1152
- "--hop-primary-text-press": string;
1153
- "--hop-primary-text-strong": string;
1154
- "--hop-primary-text-strong-hover": string;
1155
- "--hop-primary-text-selected": string;
1156
- "--hop-primary-text-disabled": string;
1157
1239
  "--hop-status-caution-icon": string;
1158
1240
  "--hop-status-caution-surface": string;
1159
1241
  "--hop-status-caution-surface-strong": string;
@@ -1212,34 +1294,6 @@ declare const Tokens: {
1212
1294
  "--hop-success-text": string;
1213
1295
  "--hop-success-text-weak": string;
1214
1296
  "--hop-success-text-hover": string;
1215
- "--hop-upsell-border": string;
1216
- "--hop-upsell-border-selected": string;
1217
- "--hop-upsell-border-disabled": string;
1218
- "--hop-upsell-border-press": string;
1219
- "--hop-upsell-icon": string;
1220
- "--hop-upsell-icon-selected": string;
1221
- "--hop-upsell-icon-hover": string;
1222
- "--hop-upsell-icon-press": string;
1223
- "--hop-upsell-icon-weakest": string;
1224
- "--hop-upsell-icon-weak": string;
1225
- "--hop-upsell-icon-weak-hover": string;
1226
- "--hop-upsell-icon-weak-press": string;
1227
- "--hop-upsell-surface": string;
1228
- "--hop-upsell-surface-selected": string;
1229
- "--hop-upsell-surface-disabled": string;
1230
- "--hop-upsell-surface-hover": string;
1231
- "--hop-upsell-surface-press": string;
1232
- "--hop-upsell-surface-weak": string;
1233
- "--hop-upsell-surface-weak-hover": string;
1234
- "--hop-upsell-surface-weak-press": string;
1235
- "--hop-upsell-text": string;
1236
- "--hop-upsell-text-selected": string;
1237
- "--hop-upsell-text-disabled": string;
1238
- "--hop-upsell-text-hover": string;
1239
- "--hop-upsell-text-press": string;
1240
- "--hop-upsell-text-weak": string;
1241
- "--hop-upsell-text-weak-hover": string;
1242
- "--hop-upsell-text-weak-press": string;
1243
1297
  "--hop-warning-border": string;
1244
1298
  "--hop-warning-icon": string;
1245
1299
  "--hop-warning-icon-weakest": string;
package/dist/tokens/tokens.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Tokens } from '../chunk-EF3UX45A.js';
2
- import '../chunk-YJKWZYVH.js';
3
- import '../chunk-DVOV55CD.js';
4
- import '../chunk-6LX4VMOV.js';
1
+ export { Tokens } from '../chunk-CFIMNXX5.js';
2
+ import '../chunk-LKOZVSXD.js';
3
+ import '../chunk-4E7VQIC5.js';
4
+ import '../chunk-2UOTJGT6.js';