@hopper-ui/styled-system 2.0.2 → 2.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 (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-QLYSVZLZ.js → chunk-2JUIKEQV.js} +2 -2
  5. package/dist/{chunk-XOHK7VFY.js → chunk-4TWVPT3Q.js} +3 -3
  6. package/dist/{chunk-ZAHZAEAR.js → chunk-65XYWFBG.js} +2 -2
  7. package/dist/{chunk-CFIMNXX5.js → chunk-A4E2GPAI.js} +2 -2
  8. package/dist/{chunk-6IPAN22Z.js → chunk-BSIKCABJ.js} +1 -1
  9. package/dist/{chunk-FAICHNEU.js → chunk-GWDNZB6T.js} +212 -8
  10. package/dist/{chunk-NJIDLCB7.js → chunk-HXND7BR4.js} +1 -1
  11. package/dist/{chunk-LKOZVSXD.js → chunk-JJHZT2WG.js} +237 -33
  12. package/dist/{chunk-3QZI66SR.js → chunk-JRI6ZQUS.js} +4 -4
  13. package/dist/{chunk-4E7VQIC5.js → chunk-RC6LJDQS.js} +230 -26
  14. package/dist/{chunk-RU6U3SMC.js → chunk-UODPT2PL.js} +1 -1
  15. package/dist/{chunk-XGLTD52P.js → chunk-WRGYA76U.js} +3 -2
  16. package/dist/{chunk-F7KWE6J5.js → chunk-ZO44DZFN.js} +2 -2
  17. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  18. package/dist/color-scheme/useColorScheme.js +1 -1
  19. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  20. package/dist/global-styles/BodyStyleProvider.js +4 -4
  21. package/dist/html-wrappers/html.css +34 -34
  22. package/dist/html-wrappers/html.js +6 -6
  23. package/dist/html-wrappers/htmlElement.css +34 -34
  24. package/dist/html-wrappers/htmlElement.js +5 -5
  25. package/dist/index.css +34 -34
  26. package/dist/index.js +14 -14
  27. package/dist/responsive/BreakpointContext.js +1 -1
  28. package/dist/responsive/BreakpointProvider.js +1 -1
  29. package/dist/responsive/Breakpoints.js +1 -1
  30. package/dist/responsive/useResponsiveValue.js +1 -1
  31. package/dist/styledSystemProps.js +1 -1
  32. package/dist/styledSystemRootCssClass.js +2 -2
  33. package/dist/tokens/TokenProvider.js +6 -6
  34. package/dist/tokens/generated/darkSemanticTokens.d.ts +208 -4
  35. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  36. package/dist/tokens/generated/lightSemanticTokens.d.ts +216 -12
  37. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  38. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +212 -8
  39. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  40. package/dist/tokens/tokenMappings.d.ts +208 -16
  41. package/dist/tokens/tokenMappings.js +3 -3
  42. package/dist/tokens/tokens.d.ts +424 -16
  43. package/dist/tokens/tokens.js +4 -4
  44. package/dist/useStyledSystem.css +31 -31
  45. package/dist/useStyledSystem.js +4 -4
  46. package/dist/utils/assertion.js +1 -1
  47. package/dist/utils/slot.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 +4 -3
  54. /package/dist/{chunk-2UOTJGT6.js → chunk-AQ5VUG5P.js} +0 -0
package/dist/{chunk-LKOZVSXD.js → chunk-JJHZT2WG.js} RENAMED
@@ -262,54 +262,258 @@ var DarkSemanticTokens = {
262
262
  "--hop-information-surface-weak": "var(--hop-coastal-800)",
263
263
  "--hop-information-text": "var(--hop-coastal-900)",
264
264
  "--hop-information-text-weak": "var(--hop-coastal-75)",
265
- "--hop-status-caution-icon": "var(--hop-koi-900)",
266
- "--hop-status-caution-surface": "var(--hop-koi-75)",
265
+ "--hop-status-caution-border": "var(--hop-koi-400)",
266
+ "--hop-status-caution-border-disabled": "var(--hop-koi-600)",
267
+ "--hop-status-caution-border-hover": "var(--hop-koi-500)",
268
+ "--hop-status-caution-border-press": "var(--hop-koi-400)",
269
+ "--hop-status-caution-border-selected": "var(--hop-koi-75)",
270
+ "--hop-status-caution-icon": "var(--hop-koi-800)",
271
+ "--hop-status-caution-icon-disabled": "var(--hop-koi-500)",
272
+ "--hop-status-caution-icon-hover": "var(--hop-koi-900)",
273
+ "--hop-status-caution-icon-press": "var(--hop-koi-800)",
274
+ "--hop-status-caution-icon-selected": "var(--hop-koi-75)",
275
+ "--hop-status-caution-surface": "var(--hop-koi-100)",
276
+ "--hop-status-caution-surface-disabled": "var(--hop-koi-800)",
277
+ "--hop-status-caution-surface-hover": "var(--hop-koi-200)",
278
+ "--hop-status-caution-surface-press": "var(--hop-koi-300)",
279
+ "--hop-status-caution-surface-selected": "var(--hop-koi-800)",
267
280
  "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
268
- "--hop-status-caution-text": "var(--hop-koi-900)",
269
- "--hop-status-inselected-icon": "var(--hop-rock-800)",
270
- "--hop-status-inselected-surface": "var(--hop-rock-75)",
271
- "--hop-status-inselected-surface-strong": "var(--hop-rock-100)",
272
- "--hop-status-inselected-text": "var(--hop-rock-900)",
273
- "--hop-status-negative-icon": "var(--hop-amanita-900)",
274
- "--hop-status-negative-surface": "var(--hop-amanita-75)",
281
+ "--hop-status-caution-text": "var(--hop-koi-800)",
282
+ "--hop-status-caution-text-disabled": "var(--hop-koi-500)",
283
+ "--hop-status-caution-text-hover": "var(--hop-koi-900)",
284
+ "--hop-status-caution-text-press": "var(--hop-koi-800)",
285
+ "--hop-status-caution-text-selected": "var(--hop-koi-75)",
286
+ "--hop-status-inactive-border": "var(--hop-rock-400)",
287
+ "--hop-status-inactive-border-disabled": "var(--hop-rock-600)",
288
+ "--hop-status-inactive-border-hover": "var(--hop-rock-500)",
289
+ "--hop-status-inactive-border-press": "var(--hop-rock-400)",
290
+ "--hop-status-inactive-border-selected": "var(--hop-rock-75)",
291
+ "--hop-status-inactive-icon": "var(--hop-rock-800)",
292
+ "--hop-status-inactive-icon-disabled": "var(--hop-rock-500)",
293
+ "--hop-status-inactive-icon-hover": "var(--hop-rock-900)",
294
+ "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
295
+ "--hop-status-inactive-icon-selected": "var(--hop-rock-75)",
296
+ "--hop-status-inactive-surface": "var(--hop-rock-75)",
297
+ "--hop-status-inactive-surface-disabled": "var(--hop-rock-800)",
298
+ "--hop-status-inactive-surface-hover": "var(--hop-rock-200)",
299
+ "--hop-status-inactive-surface-press": "var(--hop-rock-300)",
300
+ "--hop-status-inactive-surface-selected": "var(--hop-rock-800)",
301
+ "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
302
+ "--hop-status-inactive-text": "var(--hop-rock-800)",
303
+ "--hop-status-inactive-text-disabled": "var(--hop-rock-500)",
304
+ "--hop-status-inactive-text-hover": "var(--hop-rock-900)",
305
+ "--hop-status-inactive-text-press": "var(--hop-rock-800)",
306
+ "--hop-status-inactive-text-selected": "var(--hop-rock-75)",
307
+ "--hop-status-negative-border": "var(--hop-amanita-400)",
308
+ "--hop-status-negative-border-disabled": "var(--hop-amanita-600)",
309
+ "--hop-status-negative-border-hover": "var(--hop-amanita-500)",
310
+ "--hop-status-negative-border-press": "var(--hop-amanita-400)",
311
+ "--hop-status-negative-border-selected": "var(--hop-amanita-75)",
312
+ "--hop-status-negative-icon": "var(--hop-amanita-800)",
313
+ "--hop-status-negative-icon-disabled": "var(--hop-amanita-500)",
314
+ "--hop-status-negative-icon-hover": "var(--hop-amanita-900)",
315
+ "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
316
+ "--hop-status-negative-icon-selected": "var(--hop-amanita-75)",
317
+ "--hop-status-negative-surface": "var(--hop-amanita-100)",
318
+ "--hop-status-negative-surface-disabled": "var(--hop-amanita-800)",
319
+ "--hop-status-negative-surface-hover": "var(--hop-amanita-200)",
320
+ "--hop-status-negative-surface-press": "var(--hop-amanita-300)",
321
+ "--hop-status-negative-surface-selected": "var(--hop-amanita-800)",
275
322
  "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
276
- "--hop-status-negative-text": "var(--hop-amanita-900)",
323
+ "--hop-status-negative-text": "var(--hop-amanita-800)",
324
+ "--hop-status-negative-text-disabled": "var(--hop-amanita-500)",
325
+ "--hop-status-negative-text-hover": "var(--hop-amanita-900)",
326
+ "--hop-status-negative-text-press": "var(--hop-amanita-800)",
327
+ "--hop-status-negative-text-selected": "var(--hop-amanita-75)",
328
+ "--hop-status-neutral-border": "var(--hop-rock-25)",
329
+ "--hop-status-neutral-border-disabled": "var(--hop-rock-800)",
330
+ "--hop-status-neutral-border-hover": "var(--hop-rock-50)",
331
+ "--hop-status-neutral-border-press": "var(--hop-rock-25)",
332
+ "--hop-status-neutral-border-selected": "var(--hop-rock-25)",
277
333
  "--hop-status-neutral-icon": "var(--hop-rock-25)",
334
+ "--hop-status-neutral-icon-disabled": "var(--hop-rock-500)",
335
+ "--hop-status-neutral-icon-hover": "var(--hop-rock-50)",
336
+ "--hop-status-neutral-icon-press": "var(--hop-rock-25)",
337
+ "--hop-status-neutral-icon-selected": "var(--hop-rock-25)",
278
338
  "--hop-status-neutral-surface": "var(--hop-abyss)",
339
+ "--hop-status-neutral-surface-disabled": "var(--hop-rock-700)",
340
+ "--hop-status-neutral-surface-hover": "var(--hop-rock-800)",
341
+ "--hop-status-neutral-surface-press": "var(--hop-rock-700)",
342
+ "--hop-status-neutral-surface-selected": "var(--hop-toad-25)",
279
343
  "--hop-status-neutral-surface-strong": "var(--hop-rock-100)",
280
344
  "--hop-status-neutral-text": "var(--hop-rock-25)",
281
- "--hop-status-option1-icon": "var(--hop-coastal-900)",
282
- "--hop-status-option1-surface": "var(--hop-coastal-200)",
345
+ "--hop-status-neutral-text-disabled": "var(--hop-rock-500)",
346
+ "--hop-status-neutral-text-hover": "var(--hop-rock-50)",
347
+ "--hop-status-neutral-text-press": "var(--hop-rock-25)",
348
+ "--hop-status-neutral-text-selected": "var(--hop-rock-900)",
349
+ "--hop-status-option1-border": "var(--hop-coastal-400)",
350
+ "--hop-status-option1-border-disabled": "var(--hop-coastal-600)",
351
+ "--hop-status-option1-border-hover": "var(--hop-coastal-500)",
352
+ "--hop-status-option1-border-press": "var(--hop-coastal-400)",
353
+ "--hop-status-option1-border-selected": "var(--hop-coastal-75)",
354
+ "--hop-status-option1-icon": "var(--hop-coastal-800)",
355
+ "--hop-status-option1-icon-disabled": "var(--hop-coastal-500)",
356
+ "--hop-status-option1-icon-hover": "var(--hop-coastal-900)",
357
+ "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
358
+ "--hop-status-option1-icon-selected": "var(--hop-coastal-75)",
359
+ "--hop-status-option1-surface": "var(--hop-coastal-100)",
360
+ "--hop-status-option1-surface-disabled": "var(--hop-coastal-800)",
361
+ "--hop-status-option1-surface-hover": "var(--hop-coastal-200)",
362
+ "--hop-status-option1-surface-press": "var(--hop-coastal-300)",
363
+ "--hop-status-option1-surface-selected": "var(--hop-coastal-800)",
283
364
  "--hop-status-option1-surface-strong": "var(--hop-coastal-100)",
284
- "--hop-status-option1-text": "var(--hop-coastal-900)",
285
- "--hop-status-option2-icon": "var(--hop-orchid-bloom-900)",
286
- "--hop-status-option2-surface": "var(--hop-orchid-bloom-200)",
365
+ "--hop-status-option1-text": "var(--hop-coastal-800)",
366
+ "--hop-status-option1-text-disabled": "var(--hop-coastal-500)",
367
+ "--hop-status-option1-text-hover": "var(--hop-coastal-900)",
368
+ "--hop-status-option1-text-press": "var(--hop-coastal-800)",
369
+ "--hop-status-option1-text-selected": "var(--hop-coastal-75)",
370
+ "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
371
+ "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-600)",
372
+ "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-500)",
373
+ "--hop-status-option2-border-press": "var(--hop-orchid-bloom-300)",
374
+ "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-800)",
375
+ "--hop-status-option2-icon": "var(--hop-orchid-bloom-800)",
376
+ "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-500)",
377
+ "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-900)",
378
+ "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
379
+ "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-75)",
380
+ "--hop-status-option2-surface": "var(--hop-orchid-bloom-100)",
381
+ "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-800)",
382
+ "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-200)",
383
+ "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-300)",
384
+ "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-800)",
287
385
  "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-100)",
288
- "--hop-status-option2-text": "var(--hop-orchid-bloom-900)",
289
- "--hop-status-option3-icon": "var(--hop-quetzal-900)",
290
- "--hop-status-option3-surface": "var(--hop-quetzal-200)",
386
+ "--hop-status-option2-text": "var(--hop-orchid-bloom-800)",
387
+ "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-500)",
388
+ "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-900)",
389
+ "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
390
+ "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-75)",
391
+ "--hop-status-option3-border": "var(--hop-quetzal-400)",
392
+ "--hop-status-option3-border-disabled": "var(--hop-quetzal-600)",
393
+ "--hop-status-option3-border-hover": "var(--hop-quetzal-500)",
394
+ "--hop-status-option3-border-press": "var(--hop-quetzal-400)",
395
+ "--hop-status-option3-border-selected": "var(--hop-quetzal-75)",
396
+ "--hop-status-option3-icon": "var(--hop-quetzal-800)",
397
+ "--hop-status-option3-icon-disabled": "var(--hop-quetzal-500)",
398
+ "--hop-status-option3-icon-hover": "var(--hop-quetzal-900)",
399
+ "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
400
+ "--hop-status-option3-icon-selected": "var(--hop-quetzal-75)",
401
+ "--hop-status-option3-surface": "var(--hop-quetzal-100)",
402
+ "--hop-status-option3-surface-disabled": "var(--hop-quetzal-800)",
403
+ "--hop-status-option3-surface-hover": "var(--hop-quetzal-200)",
404
+ "--hop-status-option3-surface-press": "var(--hop-quetzal-300)",
405
+ "--hop-status-option3-surface-selected": "var(--hop-quetzal-800)",
291
406
  "--hop-status-option3-surface-strong": "var(--hop-quetzal-100)",
292
- "--hop-status-option3-text": "var(--hop-quetzal-900)",
293
- "--hop-status-option4-icon": "var(--hop-fog-900)",
294
- "--hop-status-option4-surface": "var(--hop-fog-200)",
407
+ "--hop-status-option3-text": "var(--hop-quetzal-800)",
408
+ "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
409
+ "--hop-status-option3-text-hover": "var(--hop-quetzal-900)",
410
+ "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
411
+ "--hop-status-option3-text-selected": "var(--hop-quetzal-75)",
412
+ "--hop-status-option4-border": "var(--hop-fog-400)",
413
+ "--hop-status-option4-border-disabled": "var(--hop-fog-600)",
414
+ "--hop-status-option4-border-hover": "var(--hop-fog-500)",
415
+ "--hop-status-option4-border-press": "var(--hop-fog-400)",
416
+ "--hop-status-option4-border-selected": "var(--hop-fog-75)",
417
+ "--hop-status-option4-icon": "var(--hop-fog-800)",
418
+ "--hop-status-option4-icon-disabled": "var(--hop-fog-500)",
419
+ "--hop-status-option4-icon-hover": "var(--hop-fog-900)",
420
+ "--hop-status-option4-icon-press": "var(--hop-fog-800)",
421
+ "--hop-status-option4-icon-selected": "var(--hop-fog-75)",
422
+ "--hop-status-option4-surface": "var(--hop-fog-100)",
423
+ "--hop-status-option4-surface-disabled": "var(--hop-fog-600)",
424
+ "--hop-status-option4-surface-hover": "var(--hop-fog-200)",
425
+ "--hop-status-option4-surface-press": "var(--hop-fog-300)",
426
+ "--hop-status-option4-surface-selected": "var(--hop-fog-800)",
295
427
  "--hop-status-option4-surface-strong": "var(--hop-fog-100)",
296
- "--hop-status-option4-text": "var(--hop-fog-900)",
297
- "--hop-status-option5-icon": "var(--hop-toad-900)",
298
- "--hop-status-option5-surface": "var(--hop-toad-200)",
428
+ "--hop-status-option4-text": "var(--hop-fog-800)",
429
+ "--hop-status-option4-text-disabled": "var(--hop-fog-500)",
430
+ "--hop-status-option4-text-hover": "var(--hop-fog-900)",
431
+ "--hop-status-option4-text-press": "var(--hop-fog-900)",
432
+ "--hop-status-option4-text-selected": "var(--hop-fog-75)",
433
+ "--hop-status-option5-border": "var(--hop-toad-400)",
434
+ "--hop-status-option5-border-disabled": "var(--hop-toad-600)",
435
+ "--hop-status-option5-border-hover": "var(--hop-toad-500)",
436
+ "--hop-status-option5-border-press": "var(--hop-toad-400)",
437
+ "--hop-status-option5-border-selected": "var(--hop-toad-75)",
438
+ "--hop-status-option5-icon": "var(--hop-toad-800)",
439
+ "--hop-status-option5-icon-disabled": "var(--hop-toad-500)",
440
+ "--hop-status-option5-icon-hover": "var(--hop-toad-900)",
441
+ "--hop-status-option5-icon-press": "var(--hop-toad-800)",
442
+ "--hop-status-option5-icon-selected": "var(--hop-toad-75)",
443
+ "--hop-status-option5-surface": "var(--hop-toad-100)",
444
+ "--hop-status-option5-surface-disabled": "var(--hop-toad-800)",
445
+ "--hop-status-option5-surface-hover": "var(--hop-toad-200)",
446
+ "--hop-status-option5-surface-press": "var(--hop-toad-300)",
447
+ "--hop-status-option5-surface-selected": "var(--hop-toad-800)",
299
448
  "--hop-status-option5-surface-strong": "var(--hop-toad-100)",
300
- "--hop-status-option5-text": "var(--hop-toad-900)",
301
- "--hop-status-option6-icon": "var(--hop-sunken-treasure-900)",
302
- "--hop-status-option6-surface": "var(--hop-sunken-treasure-75)",
449
+ "--hop-status-option5-text": "var(--hop-toad-800)",
450
+ "--hop-status-option5-text-disabled": "var(--hop-toad-500)",
451
+ "--hop-status-option5-text-hover": "var(--hop-toad-900)",
452
+ "--hop-status-option5-text-press": "var(--hop-toad-800)",
453
+ "--hop-status-option5-text-selected": "var(--hop-toad-75)",
454
+ "--hop-status-option6-border": "var(--hop-sunken-treasure-400)",
455
+ "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-600)",
456
+ "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-500)",
457
+ "--hop-status-option6-border-press": "var(--hop-sunken-treasure-400)",
458
+ "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-75)",
459
+ "--hop-status-option6-icon": "var(--hop-sunken-treasure-800)",
460
+ "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-500)",
461
+ "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-900)",
462
+ "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
463
+ "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-75)",
464
+ "--hop-status-option6-surface": "var(--hop-sunken-treasure-100)",
465
+ "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-800)",
466
+ "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-200)",
467
+ "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-300)",
468
+ "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-800)",
303
469
  "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-100)",
304
- "--hop-status-option6-text": "var(--hop-sunken-treasure-900)",
305
- "--hop-status-positive-icon": "var(--hop-moss-900)",
306
- "--hop-status-positive-surface": "var(--hop-moss-75)",
470
+ "--hop-status-option6-text": "var(--hop-sunken-treasure-800)",
471
+ "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-500)",
472
+ "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-900)",
473
+ "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
474
+ "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-75)",
475
+ "--hop-status-positive-border": "var(--hop-moss-400)",
476
+ "--hop-status-positive-border-disabled": "var(--hop-moss-800)",
477
+ "--hop-status-positive-border-hover": "var(--hop-moss-500)",
478
+ "--hop-status-positive-border-press": "var(--hop-moss-400)",
479
+ "--hop-status-positive-border-selected": "var(--hop-moss-75)",
480
+ "--hop-status-positive-icon": "var(--hop-moss-800)",
481
+ "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
482
+ "--hop-status-positive-icon-hover": "var(--hop-moss-900)",
483
+ "--hop-status-positive-icon-press": "var(--hop-moss-800)",
484
+ "--hop-status-positive-icon-selected": "var(--hop-moss-75)",
485
+ "--hop-status-positive-surface": "var(--hop-moss-100)",
486
+ "--hop-status-positive-surface-disabled": "var(--hop-moss-800)",
487
+ "--hop-status-positive-surface-hover": "var(--hop-moss-200)",
488
+ "--hop-status-positive-surface-press": "var(--hop-moss-300)",
489
+ "--hop-status-positive-surface-selected": "var(--hop-moss-800)",
307
490
  "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
308
- "--hop-status-positive-text": "var(--hop-moss-900)",
309
- "--hop-status-progress-icon": "var(--hop-sapphire-900)",
491
+ "--hop-status-positive-text": "var(--hop-moss-800)",
492
+ "--hop-status-positive-text-disabled": "var(--hop-moss-500)",
493
+ "--hop-status-positive-text-hover": "var(--hop-moss-900)",
494
+ "--hop-status-positive-text-press": "var(--hop-moss-800)",
495
+ "--hop-status-positive-text-selected": "var(--hop-moss-75)",
496
+ "--hop-status-progress-border": "var(--hop-sapphire-400)",
497
+ "--hop-status-progress-border-disabled": "var(--hop-sapphire-600)",
498
+ "--hop-status-progress-border-hover": "var(--hop-sapphire-500)",
499
+ "--hop-status-progress-border-press": "var(--hop-sapphire-400)",
500
+ "--hop-status-progress-border-selected": "var(--hop-sapphire-75)",
501
+ "--hop-status-progress-icon": "var(--hop-sapphire-800)",
502
+ "--hop-status-progress-icon-disabled": "var(--hop-sapphire-500)",
503
+ "--hop-status-progress-icon-hover": "var(--hop-sapphire-900)",
504
+ "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
505
+ "--hop-status-progress-icon-selected": "var(--hop-sapphire-75)",
310
506
  "--hop-status-progress-surface": "var(--hop-sapphire-100)",
507
+ "--hop-status-progress-surface-disabled": "var(--hop-sapphire-800)",
508
+ "--hop-status-progress-surface-hover": "var(--hop-sapphire-200)",
509
+ "--hop-status-progress-surface-press": "var(--hop-sapphire-300)",
510
+ "--hop-status-progress-surface-selected": "var(--hop-sapphire-800)",
311
511
  "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
312
- "--hop-status-progress-text": "var(--hop-sapphire-900)",
512
+ "--hop-status-progress-text": "var(--hop-sapphire-800)",
513
+ "--hop-status-progress-text-disabled": "var(--hop-sapphire-500)",
514
+ "--hop-status-progress-text-hover": "var(--hop-sapphire-900)",
515
+ "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
516
+ "--hop-status-progress-text-selected": "var(--hop-sapphire-75)",
313
517
  "--hop-success-border": "var(--hop-moss-500)",
314
518
  "--hop-success-icon": "var(--hop-moss-900)",
315
519
  "--hop-success-icon-weakest": "var(--hop-moss-200)",
package/dist/{chunk-3QZI66SR.js → chunk-JRI6ZQUS.js} RENAMED
@@ -1,8 +1,8 @@
1
- import { BodyStyleProvider } from './chunk-F7KWE6J5.js';
2
- import { Div } from './chunk-RU6U3SMC.js';
1
+ import { BodyStyleProvider } from './chunk-ZO44DZFN.js';
2
+ import { Div } from './chunk-UODPT2PL.js';
3
3
  import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
4
- import { TokenProvider } from './chunk-QLYSVZLZ.js';
5
- import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
4
+ import { TokenProvider } from './chunk-2JUIKEQV.js';
5
+ import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-WRGYA76U.js';
6
6
  import { useColorScheme } from './chunk-5U5IRAPA.js';
7
7
  import { ColorSchemeContext } from './chunk-V7X6ANEM.js';
8
8
  import clsx from 'clsx';
package/dist/{chunk-4E7VQIC5.js → chunk-RC6LJDQS.js} RENAMED
@@ -478,54 +478,258 @@ var SemanticTokens = {
478
478
  "--hop-information-surface-weak": "var(--hop-coastal-50)",
479
479
  "--hop-information-text": "var(--hop-coastal-800)",
480
480
  "--hop-information-text-weak": "var(--hop-coastal-300)",
481
- "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
482
- "--hop-status-caution-icon": "var(--hop-koi-700)",
481
+ "--hop-status-caution-border": "var(--hop-koi-300)",
482
+ "--hop-status-caution-border-disabled": "var(--hop-koi-50)",
483
+ "--hop-status-caution-border-hover": "var(--hop-koi-400)",
484
+ "--hop-status-caution-border-press": "var(--hop-koi-500)",
485
+ "--hop-status-caution-border-selected": "var(--hop-koi-700)",
486
+ "--hop-status-caution-icon": "var(--hop-koi-600)",
487
+ "--hop-status-caution-icon-disabled": "var(--hop-koi-200)",
488
+ "--hop-status-caution-icon-hover": "var(--hop-koi-700)",
489
+ "--hop-status-caution-icon-press": "var(--hop-koi-800)",
490
+ "--hop-status-caution-icon-selected": "var(--hop-koi-700)",
483
491
  "--hop-status-caution-surface": "var(--hop-koi-50)",
484
- "--hop-status-caution-text": "var(--hop-koi-700)",
485
- "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
486
- "--hop-status-inactive-icon": "var(--hop-rock-500)",
492
+ "--hop-status-caution-surface-disabled": "var(--hop-koi-25)",
493
+ "--hop-status-caution-surface-hover": "var(--hop-koi-75)",
494
+ "--hop-status-caution-surface-press": "var(--hop-koi-100)",
495
+ "--hop-status-caution-surface-selected": "var(--hop-koi-50)",
496
+ "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
497
+ "--hop-status-caution-text": "var(--hop-koi-600)",
498
+ "--hop-status-caution-text-disabled": "var(--hop-koi-200)",
499
+ "--hop-status-caution-text-hover": "var(--hop-koi-700)",
500
+ "--hop-status-caution-text-press": "var(--hop-koi-800)",
501
+ "--hop-status-caution-text-selected": "var(--hop-koi-700)",
502
+ "--hop-status-inactive-border": "var(--hop-rock-300)",
503
+ "--hop-status-inactive-border-disabled": "var(--hop-rock-50)",
504
+ "--hop-status-inactive-border-hover": "var(--hop-rock-400)",
505
+ "--hop-status-inactive-border-press": "var(--hop-rock-500)",
506
+ "--hop-status-inactive-border-selected": "var(--hop-rock-700)",
507
+ "--hop-status-inactive-icon": "var(--hop-rock-600)",
508
+ "--hop-status-inactive-icon-disabled": "var(--hop-rock-200)",
509
+ "--hop-status-inactive-icon-hover": "var(--hop-rock-700)",
510
+ "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
511
+ "--hop-status-inactive-icon-selected": "var(--hop-rock-700)",
487
512
  "--hop-status-inactive-surface": "var(--hop-rock-50)",
488
- "--hop-status-inactive-text": "var(--hop-rock-700)",
489
- "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
490
- "--hop-status-negative-icon": "var(--hop-amanita-700)",
513
+ "--hop-status-inactive-surface-disabled": "var(--hop-rock-25)",
514
+ "--hop-status-inactive-surface-hover": "var(--hop-rock-75)",
515
+ "--hop-status-inactive-surface-press": "var(--hop-rock-100)",
516
+ "--hop-status-inactive-surface-selected": "var(--hop-rock-50)",
517
+ "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
518
+ "--hop-status-inactive-text": "var(--hop-rock-600)",
519
+ "--hop-status-inactive-text-disabled": "var(--hop-rock-200)",
520
+ "--hop-status-inactive-text-hover": "var(--hop-rock-700)",
521
+ "--hop-status-inactive-text-press": "var(--hop-rock-800)",
522
+ "--hop-status-inactive-text-selected": "var(--hop-rock-700)",
523
+ "--hop-status-negative-border": "var(--hop-amanita-300)",
524
+ "--hop-status-negative-border-disabled": "var(--hop-amanita-50)",
525
+ "--hop-status-negative-border-hover": "var(--hop-amanita-400)",
526
+ "--hop-status-negative-border-press": "var(--hop-amanita-500)",
527
+ "--hop-status-negative-border-selected": "var(--hop-amanita-700)",
528
+ "--hop-status-negative-icon": "var(--hop-amanita-600)",
529
+ "--hop-status-negative-icon-disabled": "var(--hop-amanita-200)",
530
+ "--hop-status-negative-icon-hover": "var(--hop-amanita-700)",
531
+ "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
532
+ "--hop-status-negative-icon-selected": "var(--hop-amanita-700)",
491
533
  "--hop-status-negative-surface": "var(--hop-amanita-50)",
492
- "--hop-status-negative-text": "var(--hop-amanita-700)",
534
+ "--hop-status-negative-surface-disabled": "var(--hop-amanita-25)",
535
+ "--hop-status-negative-surface-hover": "var(--hop-amanita-75)",
536
+ "--hop-status-negative-surface-press": "var(--hop-amanita-100)",
537
+ "--hop-status-negative-surface-selected": "var(--hop-amanita-50)",
538
+ "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
539
+ "--hop-status-negative-text": "var(--hop-amanita-600)",
540
+ "--hop-status-negative-text-disabled": "var(--hop-amanita-200)",
541
+ "--hop-status-negative-text-hover": "var(--hop-amanita-700)",
542
+ "--hop-status-negative-text-press": "var(--hop-amanita-800)",
543
+ "--hop-status-negative-text-selected": "var(--hop-amanita-700)",
544
+ "--hop-status-neutral-border": "var(--hop-rock-800)",
545
+ "--hop-status-neutral-border-disabled": "var(--hop-rock-50)",
546
+ "--hop-status-neutral-border-hover": "var(--hop-rock-700)",
547
+ "--hop-status-neutral-border-press": "var(--hop-rock-900)",
548
+ "--hop-status-neutral-border-selected": "var(--hop-rock-800)",
493
549
  "--hop-status-neutral-icon": "var(--hop-rock-800)",
550
+ "--hop-status-neutral-icon-disabled": "var(--hop-rock-300)",
551
+ "--hop-status-neutral-icon-hover": "var(--hop-rock-700)",
552
+ "--hop-status-neutral-icon-press": "var(--hop-rock-900)",
553
+ "--hop-status-neutral-icon-selected": "var(--hop-samoyed)",
494
554
  "--hop-status-neutral-surface": "var(--hop-samoyed)",
555
+ "--hop-status-neutral-surface-disabled": "var(--hop-rock-50)",
556
+ "--hop-status-neutral-surface-hover": "var(--hop-rock-25)",
557
+ "--hop-status-neutral-surface-press": "var(--hop-rock-50)",
558
+ "--hop-status-neutral-surface-selected": "var(--hop-rock-800)",
495
559
  "--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
496
560
  "--hop-status-neutral-text": "var(--hop-rock-800)",
497
- "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
498
- "--hop-status-option1-icon": "var(--hop-coastal-700)",
561
+ "--hop-status-neutral-text-disabled": "var(--hop-rock-300)",
562
+ "--hop-status-neutral-text-hover": "var(--hop-rock-700)",
563
+ "--hop-status-neutral-text-press": "var(--hop-rock-900)",
564
+ "--hop-status-neutral-text-selected": "var(--hop-samoyed)",
565
+ "--hop-status-option1-border": "var(--hop-coastal-300)",
566
+ "--hop-status-option1-border-disabled": "var(--hop-coastal-50)",
567
+ "--hop-status-option1-border-hover": "var(--hop-coastal-400)",
568
+ "--hop-status-option1-border-press": "var(--hop-coastal-500)",
569
+ "--hop-status-option1-border-selected": "var(--hop-coastal-700)",
570
+ "--hop-status-option1-icon": "var(--hop-coastal-600)",
571
+ "--hop-status-option1-icon-disabled": "var(--hop-coastal-200)",
572
+ "--hop-status-option1-icon-hover": "var(--hop-coastal-700)",
573
+ "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
574
+ "--hop-status-option1-icon-selected": "var(--hop-coastal-700)",
499
575
  "--hop-status-option1-surface": "var(--hop-coastal-50)",
500
- "--hop-status-option1-text": "var(--hop-coastal-700)",
501
- "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
502
- "--hop-status-option2-text": "var(--hop-orchid-bloom-700)",
576
+ "--hop-status-option1-surface-disabled": "var(--hop-coastal-25)",
577
+ "--hop-status-option1-surface-hover": "var(--hop-coastal-75)",
578
+ "--hop-status-option1-surface-press": "var(--hop-coastal-100)",
579
+ "--hop-status-option1-surface-selected": "var(--hop-coastal-50)",
580
+ "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
581
+ "--hop-status-option1-text": "var(--hop-coastal-600)",
582
+ "--hop-status-option1-text-disabled": "var(--hop-coastal-200)",
583
+ "--hop-status-option1-text-hover": "var(--hop-coastal-700)",
584
+ "--hop-status-option1-text-press": "var(--hop-coastal-800)",
585
+ "--hop-status-option1-text-selected": "var(--hop-coastal-700)",
586
+ "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
587
+ "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-50)",
588
+ "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-400)",
589
+ "--hop-status-option2-border-press": "var(--hop-orchid-bloom-500)",
590
+ "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-700)",
591
+ "--hop-status-option2-icon": "var(--hop-orchid-bloom-600)",
592
+ "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-200)",
593
+ "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-700)",
594
+ "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
595
+ "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-700)",
503
596
  "--hop-status-option2-surface": "var(--hop-orchid-bloom-50)",
504
- "--hop-status-option2-icon": "var(--hop-orchid-bloom-700)",
505
- "--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
506
- "--hop-status-option3-icon": "var(--hop-quetzal-700)",
597
+ "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-25)",
598
+ "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-75)",
599
+ "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-100)",
600
+ "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-50)",
601
+ "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
602
+ "--hop-status-option2-text": "var(--hop-orchid-bloom-600)",
603
+ "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-200)",
604
+ "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-700)",
605
+ "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
606
+ "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-700)",
607
+ "--hop-status-option3-border": "var(--hop-quetzal-300)",
608
+ "--hop-status-option3-border-disabled": "var(--hop-quetzal-50)",
609
+ "--hop-status-option3-border-hover": "var(--hop-quetzal-400)",
610
+ "--hop-status-option3-border-press": "var(--hop-quetzal-500)",
611
+ "--hop-status-option3-border-selected": "var(--hop-quetzal-50)",
612
+ "--hop-status-option3-icon": "var(--hop-quetzal-600)",
613
+ "--hop-status-option3-icon-disabled": "var(--hop-quetzal-200)",
614
+ "--hop-status-option3-icon-hover": "var(--hop-quetzal-700)",
615
+ "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
616
+ "--hop-status-option3-icon-selected": "var(--hop-quetzal-700)",
507
617
  "--hop-status-option3-surface": "var(--hop-quetzal-50)",
508
- "--hop-status-option3-text": "var(--hop-quetzal-700)",
509
- "--hop-status-option4-surface-strong": "var(--hop-fog-200)",
618
+ "--hop-status-option3-surface-disabled": "var(--hop-quetzal-25)",
619
+ "--hop-status-option3-surface-hover": "var(--hop-quetzal-75)",
620
+ "--hop-status-option3-surface-press": "var(--hop-quetzal-100)",
621
+ "--hop-status-option3-surface-selected": "var(--hop-quetzal-700)",
622
+ "--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
623
+ "--hop-status-option3-text": "var(--hop-quetzal-600)",
624
+ "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
625
+ "--hop-status-option3-text-hover": "var(--hop-quetzal-700)",
626
+ "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
627
+ "--hop-status-option3-text-selected": "var(--hop-quetzal-700)",
628
+ "--hop-status-option4-border": "var(--hop-fog-300)",
629
+ "--hop-status-option4-border-disabled": "var(--hop-fog-50)",
630
+ "--hop-status-option4-border-hover": "var(--hop-fog-400)",
631
+ "--hop-status-option4-border-press": "var(--hop-fog-500)",
632
+ "--hop-status-option4-border-selected": "var(--hop-fog-700)",
510
633
  "--hop-status-option4-icon": "var(--hop-fog-600)",
634
+ "--hop-status-option4-icon-disabled": "var(--hop-fog-200)",
635
+ "--hop-status-option4-icon-hover": "var(--hop-fog-700)",
636
+ "--hop-status-option4-icon-press": "var(--hop-fog-800)",
637
+ "--hop-status-option4-icon-selected": "var(--hop-fog-700)",
511
638
  "--hop-status-option4-surface": "var(--hop-fog-50)",
512
- "--hop-status-option4-text": "var(--hop-fog-600)",
639
+ "--hop-status-option4-surface-disabled": "var(--hop-fog-25)",
640
+ "--hop-status-option4-surface-hover": "var(--hop-fog-75)",
641
+ "--hop-status-option4-surface-press": "var(--hop-fog-100)",
642
+ "--hop-status-option4-surface-selected": "var(--hop-fog-50)",
643
+ "--hop-status-option4-surface-strong": "var(--hop-fog-200)",
644
+ "--hop-status-option4-text": "var(--hop-fog-200)",
645
+ "--hop-status-option4-text-disabled": "var(--hop-fog-700)",
646
+ "--hop-status-option4-text-hover": "var(--hop-fog-700)",
647
+ "--hop-status-option4-text-press": "var(--hop-fog-800)",
648
+ "--hop-status-option4-text-selected": "var(--hop-fog-700)",
649
+ "--hop-status-option5-border": "var(--hop-toad-300)",
650
+ "--hop-status-option5-border-disabled": "var(--hop-toad-50)",
651
+ "--hop-status-option5-border-hover": "var(--hop-toad-400)",
652
+ "--hop-status-option5-border-press": "var(--hop-toad-500)",
653
+ "--hop-status-option5-border-selected": "var(--hop-toad-700)",
654
+ "--hop-status-option5-icon": "var(--hop-toad-600)",
655
+ "--hop-status-option5-icon-disabled": "var(--hop-toad-200)",
656
+ "--hop-status-option5-icon-hover": "var(--hop-toad-700)",
657
+ "--hop-status-option5-icon-press": "var(--hop-toad-800)",
658
+ "--hop-status-option5-icon-selected": "var(--hop-toad-700)",
513
659
  "--hop-status-option5-surface": "var(--hop-toad-50)",
660
+ "--hop-status-option5-surface-disabled": "var(--hop-toad-25)",
661
+ "--hop-status-option5-surface-hover": "var(--hop-toad-75)",
662
+ "--hop-status-option5-surface-press": "var(--hop-toad-100)",
663
+ "--hop-status-option5-surface-selected": "var(--hop-toad-50)",
514
664
  "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
515
665
  "--hop-status-option5-text": "var(--hop-toad-600)",
516
- "--hop-status-option5-icon": "var(--hop-toad-600)",
666
+ "--hop-status-option5-text-disabled": "var(--hop-toad-200)",
667
+ "--hop-status-option5-text-hover": "var(--hop-toad-700)",
668
+ "--hop-status-option5-text-press": "var(--hop-toad-800)",
669
+ "--hop-status-option5-text-selected": "var(--hop-toad-700)",
670
+ "--hop-status-option6-border": "var(--hop-sunken-treasure-300)",
671
+ "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-50)",
672
+ "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-400)",
673
+ "--hop-status-option6-border-press": "var(--hop-sunken-treasure-500)",
674
+ "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-700)",
675
+ "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
676
+ "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-200)",
677
+ "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-700)",
678
+ "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
679
+ "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-700)",
517
680
  "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
681
+ "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-25)",
682
+ "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-50)",
683
+ "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-100)",
684
+ "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-50)",
518
685
  "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
519
686
  "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
520
- "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
521
- "--hop-status-positive-icon": "var(--hop-moss-700)",
522
- "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
687
+ "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-200)",
688
+ "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-700)",
689
+ "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
690
+ "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-700)",
691
+ "--hop-status-positive-border": "var(--hop-moss-300)",
692
+ "--hop-status-positive-border-disabled": "var(--hop-moss-50)",
693
+ "--hop-status-positive-border-hover": "var(--hop-moss-400)",
694
+ "--hop-status-positive-border-press": "var(--hop-moss-500)",
695
+ "--hop-status-positive-border-selected": "var(--hop-moss-700)",
696
+ "--hop-status-positive-icon": "var(--hop-moss-600)",
697
+ "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
698
+ "--hop-status-positive-icon-hover": "var(--hop-moss-700)",
699
+ "--hop-status-positive-icon-press": "var(--hop-moss-800)",
700
+ "--hop-status-positive-icon-selected": "var(--hop-moss-700)",
523
701
  "--hop-status-positive-surface": "var(--hop-moss-50)",
524
- "--hop-status-positive-text": "var(--hop-moss-700)",
702
+ "--hop-status-positive-surface-disabled": "var(--hop-moss-25)",
703
+ "--hop-status-positive-surface-hover": "var(--hop-moss-75)",
704
+ "--hop-status-positive-surface-press": "var(--hop-moss-100)",
705
+ "--hop-status-positive-surface-selected": "var(--hop-moss-50)",
706
+ "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
707
+ "--hop-status-positive-text": "var(--hop-moss-600)",
708
+ "--hop-status-positive-text-disabled": "var(--hop-moss-200)",
709
+ "--hop-status-positive-text-hover": "var(--hop-moss-700)",
710
+ "--hop-status-positive-text-press": "var(--hop-moss-800)",
711
+ "--hop-status-positive-text-selected": "var(--hop-moss-700)",
712
+ "--hop-status-progress-border": "var(--hop-sapphire-300)",
713
+ "--hop-status-progress-border-disabled": "var(--hop-sapphire-50)",
714
+ "--hop-status-progress-border-hover": "var(--hop-sapphire-400)",
715
+ "--hop-status-progress-border-press": "var(--hop-sapphire-500)",
716
+ "--hop-status-progress-border-selected": "var(--hop-sapphire-400)",
717
+ "--hop-status-progress-icon": "var(--hop-sapphire-600)",
718
+ "--hop-status-progress-icon-disabled": "var(--hop-sapphire-200)",
719
+ "--hop-status-progress-icon-hover": "var(--hop-sapphire-700)",
720
+ "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
721
+ "--hop-status-progress-icon-selected": "var(--hop-sapphire-500)",
525
722
  "--hop-status-progress-surface": "var(--hop-sapphire-50)",
723
+ "--hop-status-progress-surface-disabled": "var(--hop-sapphire-25)",
724
+ "--hop-status-progress-surface-hover": "var(--hop-sapphire-75)",
725
+ "--hop-status-progress-surface-press": "var(--hop-sapphire-100)",
726
+ "--hop-status-progress-surface-selected": "var(--hop-sapphire-50)",
526
727
  "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
527
728
  "--hop-status-progress-text": "var(--hop-sapphire-600)",
528
- "--hop-status-progress-icon": "var(--hop-sapphire-600)",
729
+ "--hop-status-progress-text-disabled": "var(--hop-sapphire-200)",
730
+ "--hop-status-progress-text-hover": "var(--hop-sapphire-700)",
731
+ "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
732
+ "--hop-status-progress-text-selected": "var(--hop-sapphire-500)",
529
733
  "--hop-success-border": "var(--hop-moss-100)",
530
734
  "--hop-success-icon": "var(--hop-moss-700)",
531
735
  "--hop-success-icon-weakest": "var(--hop-moss-100)",
package/dist/{chunk-RU6U3SMC.js → chunk-UODPT2PL.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { htmlElement } from './chunk-ZAHZAEAR.js';
1
+ import { htmlElement } from './chunk-65XYWFBG.js';
2
2
 
3
3
  // src/html-wrappers/html.ts
4
4
  var Address = htmlElement("address");