@hopper-ui/styled-system 1.2.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 (60) hide show
  1. package/CHANGELOG.md +109 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.d.ts +3 -0
  4. package/dist/StyledSystemProvider.js +17 -17
  5. package/dist/chunk-2UOTJGT6.js +12 -0
  6. package/dist/{chunk-GFXIV6J4.js → chunk-3KPNXG7H.js} +23 -21
  7. package/dist/{chunk-JKXZGQAL.js → chunk-4E7VQIC5.js} +249 -183
  8. package/dist/{chunk-KLNF34G6.js → chunk-5U5IRAPA.js} +1 -1
  9. package/dist/{chunk-B6ZBFYWJ.js → chunk-6IPAN22Z.js} +3 -3
  10. package/dist/{chunk-EJR6CH3T.js → chunk-6KT6K6NI.js} +1 -1
  11. package/dist/{chunk-ZDENFQ6H.js → chunk-BUQLB5H6.js} +2 -2
  12. package/dist/{chunk-45MYTH4M.js → chunk-CFIMNXX5.js} +2 -2
  13. package/dist/{chunk-KKVEOD5L.js → chunk-FAICHNEU.js} +220 -154
  14. package/dist/{chunk-MCUHAIA4.js → chunk-GXUFWEP5.js} +2 -2
  15. package/dist/{chunk-RKTVEOXM.js → chunk-JSOM3YJJ.js} +6 -6
  16. package/dist/{chunk-LCW3QCQQ.js → chunk-KOWHTPQC.js} +2 -2
  17. package/dist/{chunk-TSYETPJT.js → chunk-KQGCMT5E.js} +5 -5
  18. package/dist/{chunk-E2EGUGKS.js → chunk-LKOZVSXD.js} +289 -221
  19. package/dist/{chunk-DRFY5W7M.js → chunk-NJIDLCB7.js} +1 -1
  20. package/dist/{chunk-J2UW6IZ5.js → chunk-VTGIKL3T.js} +2 -2
  21. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  22. package/dist/color-scheme/useColorScheme.js +3 -3
  23. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  24. package/dist/global-styles/BodyStyleProvider.js +4 -4
  25. package/dist/html-wrappers/html.css +34 -34
  26. package/dist/html-wrappers/html.js +6 -6
  27. package/dist/html-wrappers/htmlElement.css +34 -34
  28. package/dist/html-wrappers/htmlElement.js +5 -5
  29. package/dist/index.css +34 -34
  30. package/dist/index.js +17 -17
  31. package/dist/responsive/BreakpointContext.js +1 -1
  32. package/dist/responsive/BreakpointProvider.d.ts +5 -0
  33. package/dist/responsive/BreakpointProvider.js +3 -3
  34. package/dist/responsive/Breakpoints.js +1 -1
  35. package/dist/responsive/useResponsiveValue.js +1 -1
  36. package/dist/styledSystemProps.js +1 -1
  37. package/dist/styledSystemRootCssClass.js +2 -2
  38. package/dist/tokens/TokenProvider.js +6 -6
  39. package/dist/tokens/generated/darkSemanticTokens.d.ts +279 -211
  40. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  41. package/dist/tokens/generated/lightSemanticTokens.d.ts +242 -176
  42. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  43. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +217 -151
  44. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  45. package/dist/tokens/tokenMappings.d.ts +286 -206
  46. package/dist/tokens/tokenMappings.js +3 -3
  47. package/dist/tokens/tokens.d.ts +523 -389
  48. package/dist/tokens/tokens.js +4 -4
  49. package/dist/useStyledSystem.css +31 -31
  50. package/dist/useStyledSystem.d.ts +1 -1
  51. package/dist/useStyledSystem.js +4 -4
  52. package/dist/utils/assertion.js +1 -1
  53. package/dist/utils/useInsertStyleElement.js +1 -1
  54. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  55. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  56. package/dist/utils/useMediaQuery.js +2 -2
  57. package/dist/utils/useThemeComputedStyle.js +2 -2
  58. package/package.json +24 -22
  59. package/dist/chunk-6LX4VMOV.js +0 -26
  60. package/dist/{chunk-M4X2T3D3.js → chunk-T6JS7L6B.js} +1 -1
package/dist/tokens/generated/lightSemanticTokens.d.ts CHANGED
@@ -218,237 +218,284 @@ 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-upsell-border-active": string;
222
- "--hop-upsell-text-active": string;
223
- "--hop-upsell-icon-weakest": string;
224
- "--hop-upsell-icon-weak": string;
225
- "--hop-upsell-border": string;
226
- "--hop-upsell-surface-hover": string;
227
- "--hop-upsell-border-disabled": string;
228
- "--hop-upsell-icon-active": string;
229
- "--hop-upsell-surface-weak": string;
230
- "--hop-upsell-surface-disabled": string;
231
- "--hop-upsell-text": string;
232
- "--hop-upsell-icon": string;
233
- "--hop-upsell-text-hover": string;
234
- "--hop-upsell-text-disabled": string;
235
- "--hop-upsell-surface-active": string;
236
- "--hop-upsell-surface": string;
237
221
  "--hop-danger-border-active": string;
238
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;
239
226
  "--hop-danger-text-active": string;
227
+ "--hop-danger-text-weak-active": string;
228
+ "--hop-danger-border": string;
229
+ "--hop-danger-border-selected": string;
230
+ "--hop-danger-border-strong": string;
231
+ "--hop-danger-border-press": string;
232
+ "--hop-danger-icon": string;
233
+ "--hop-danger-icon-selected": string;
234
+ "--hop-danger-icon-disabled": string;
235
+ "--hop-danger-icon-hover": string;
236
+ "--hop-danger-icon-press": string;
237
+ "--hop-danger-icon-strong": string;
238
+ "--hop-danger-icon-strong-hover": string;
239
+ "--hop-danger-icon-weak": string;
240
+ "--hop-danger-icon-weak-hover": string;
241
+ "--hop-danger-icon-weak-press": string;
240
242
  "--hop-danger-surface": string;
241
- "--hop-danger-text-hover": string;
243
+ "--hop-danger-surface-selected": string;
242
244
  "--hop-danger-surface-disabled": string;
243
245
  "--hop-danger-surface-hover": string;
246
+ "--hop-danger-surface-press": string;
244
247
  "--hop-danger-surface-strong": string;
245
248
  "--hop-danger-surface-strong-hover": string;
246
249
  "--hop-danger-surface-weak": string;
247
- "--hop-danger-border-strong": string;
248
- "--hop-danger-icon": string;
249
- "--hop-danger-icon-weak": string;
250
+ "--hop-danger-surface-weak-hover": string;
251
+ "--hop-danger-surface-weak-press": string;
250
252
  "--hop-danger-text": string;
251
- "--hop-danger-surface-active": string;
252
- "--hop-danger-text-weak": string;
253
+ "--hop-danger-text-selected": string;
254
+ "--hop-danger-text-disabled": string;
255
+ "--hop-danger-text-hover": string;
256
+ "--hop-danger-text-press": string;
253
257
  "--hop-danger-text-strong": string;
254
258
  "--hop-danger-text-strong-hover": string;
255
- "--hop-danger-icon-strong": string;
256
- "--hop-danger-icon-strong-hover": string;
257
- "--hop-danger-icon-hover": string;
258
- "--hop-danger-text-disabled": string;
259
- "--hop-danger-icon-disabled": string;
260
- "--hop-danger-border": string;
261
- "--hop-primary-icon-active": string;
259
+ "--hop-danger-text-weak": string;
260
+ "--hop-danger-text-weak-hover": string;
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;
262
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;
263
317
  "--hop-primary-text-active": string;
264
- "--hop-primary-icon-strong": string;
265
- "--hop-primary-icon-strong-hover": string;
266
- "--hop-primary-icon": string;
267
- "--hop-primary-border-focus": string;
268
318
  "--hop-primary-border": string;
269
- "--hop-primary-icon-hover": 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;
270
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;
271
331
  "--hop-primary-surface-disabled": string;
272
332
  "--hop-primary-surface-focus": string;
273
- "--hop-primary-text-disabled": string;
274
- "--hop-primary-surface": string;
275
- "--hop-primary-surface-weak": string;
333
+ "--hop-primary-surface-hover": string;
334
+ "--hop-primary-surface-press": string;
276
335
  "--hop-primary-surface-strong": string;
277
- "--hop-primary-surface-strong-active": string;
336
+ "--hop-primary-surface-strong-selected": string;
278
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;
279
342
  "--hop-primary-text": string;
280
- "--hop-primary-surface-hover": 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;
281
347
  "--hop-primary-text-strong": string;
282
348
  "--hop-primary-text-strong-hover": string;
283
- "--hop-primary-text-hover": string;
284
- "--hop-primary-surface-active": 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;
384
+ "--hop-decorative-option9-border": string;
285
385
  "--hop-decorative-option9-icon": string;
286
386
  "--hop-decorative-option9-surface": string;
287
- "--hop-decorative-option9-surface-strong": string;
288
387
  "--hop-decorative-option9-surface-hover": string;
388
+ "--hop-decorative-option9-surface-strong": string;
289
389
  "--hop-decorative-option9-surface-weak": string;
290
390
  "--hop-decorative-option9-surface-weak-hover": string;
291
391
  "--hop-decorative-option9-surface-weakest": string;
292
392
  "--hop-decorative-option9-text": string;
293
393
  "--hop-decorative-option9-text-weak": string;
294
- "--hop-decorative-option9-border": string;
394
+ "--hop-decorative-option8-border": string;
295
395
  "--hop-decorative-option8-icon": string;
296
- "--hop-decorative-option8-surface-weakest": string;
297
- "--hop-decorative-option8-surface-weak": string;
298
- "--hop-decorative-option8-surface-weak-hover": string;
396
+ "--hop-decorative-option8-surface": string;
299
397
  "--hop-decorative-option8-surface-hover": string;
300
398
  "--hop-decorative-option8-surface-strong": string;
301
- "--hop-decorative-option8-text-weak": string;
302
- "--hop-decorative-option8-surface": string;
399
+ "--hop-decorative-option8-surface-weak": string;
400
+ "--hop-decorative-option8-surface-weak-hover": string;
401
+ "--hop-decorative-option8-surface-weakest": string;
303
402
  "--hop-decorative-option8-text": string;
304
- "--hop-decorative-option8-border": string;
403
+ "--hop-decorative-option8-text-weak": string;
404
+ "--hop-decorative-option7-border": string;
305
405
  "--hop-decorative-option7-icon": string;
306
- "--hop-decorative-option7-surface-weakest": string;
406
+ "--hop-decorative-option7-surface": string;
407
+ "--hop-decorative-option7-surface-hover": string;
408
+ "--hop-decorative-option7-surface-strong": string;
307
409
  "--hop-decorative-option7-surface-weak": string;
308
410
  "--hop-decorative-option7-surface-weak-hover": string;
309
- "--hop-decorative-option7-surface-strong": string;
310
- "--hop-decorative-option7-surface-hover": string;
311
- "--hop-decorative-option7-surface": string;
312
- "--hop-decorative-option7-text-weak": string;
411
+ "--hop-decorative-option7-surface-weakest": string;
313
412
  "--hop-decorative-option7-text": string;
314
- "--hop-decorative-option7-border": string;
315
- "--hop-decorative-option5-text-weak": string;
316
- "--hop-decorative-option5-text": string;
317
- "--hop-decorative-option5-surface-weakest": string;
318
- "--hop-decorative-option5-surface-weak": string;
319
- "--hop-decorative-option5-surface-strong": string;
320
- "--hop-decorative-option5-surface-hover": string;
321
- "--hop-decorative-option5-surface": string;
322
- "--hop-decorative-option5-icon": string;
413
+ "--hop-decorative-option7-text-weak": string;
323
414
  "--hop-decorative-option5-border": string;
324
- "--hop-decorative-option6-surface-weakest": string;
325
- "--hop-decorative-option6-surface-weak": string;
326
- "--hop-decorative-option6-surface-weak-hover": string;
415
+ "--hop-decorative-option5-icon": string;
416
+ "--hop-decorative-option5-surface": string;
417
+ "--hop-decorative-option5-surface-hover": string;
418
+ "--hop-decorative-option5-surface-strong": string;
419
+ "--hop-decorative-option5-surface-weak": string;
420
+ "--hop-decorative-option5-surface-weak-hover": string;
421
+ "--hop-decorative-option5-surface-weakest": string;
422
+ "--hop-decorative-option5-text": string;
423
+ "--hop-decorative-option5-text-weak": string;
424
+ "--hop-decorative-option6-border": string;
425
+ "--hop-decorative-option6-icon": string;
426
+ "--hop-decorative-option6-surface": string;
327
427
  "--hop-decorative-option6-surface-hover": string;
328
428
  "--hop-decorative-option6-surface-strong": string;
329
- "--hop-decorative-option6-surface": string;
330
- "--hop-decorative-option6-icon": string;
429
+ "--hop-decorative-option6-surface-weak": string;
430
+ "--hop-decorative-option6-surface-weak-hover": string;
431
+ "--hop-decorative-option6-surface-weakest": string;
331
432
  "--hop-decorative-option6-text": string;
332
433
  "--hop-decorative-option6-text-weak": string;
333
- "--hop-decorative-option6-border": string;
334
- "--hop-decorative-option4-surface-weakest": string;
434
+ "--hop-decorative-option4-border": string;
435
+ "--hop-decorative-option4-icon": string;
436
+ "--hop-decorative-option4-surface": string;
437
+ "--hop-decorative-option4-surface-hover": string;
438
+ "--hop-decorative-option4-surface-strong": string;
335
439
  "--hop-decorative-option4-surface-weak": string;
336
440
  "--hop-decorative-option4-surface-weak-hover": string;
337
- "--hop-decorative-option4-surface-strong": string;
338
- "--hop-decorative-option4-surface-hover": string;
339
- "--hop-decorative-option4-surface": string;
340
- "--hop-decorative-option4-icon": string;
341
- "--hop-decorative-option4-text-weak": string;
441
+ "--hop-decorative-option4-surface-weakest": string;
342
442
  "--hop-decorative-option4-text": string;
343
- "--hop-decorative-option4-border": string;
443
+ "--hop-decorative-option4-text-weak": string;
444
+ "--hop-decorative-option3-border": string;
445
+ "--hop-decorative-option3-icon": string;
446
+ "--hop-decorative-option3-surface": string;
447
+ "--hop-decorative-option3-surface-hover": string;
448
+ "--hop-decorative-option3-surface-strong": string;
344
449
  "--hop-decorative-option3-surface-weak": string;
345
450
  "--hop-decorative-option3-surface-weak-hover": string;
346
451
  "--hop-decorative-option3-surface-weakest": string;
347
- "--hop-decorative-option3-surface-strong": string;
348
- "--hop-decorative-option3-surface-hover": string;
349
- "--hop-decorative-option3-surface": string;
350
- "--hop-decorative-option3-icon": string;
351
452
  "--hop-decorative-option3-text": string;
352
453
  "--hop-decorative-option3-text-weak": string;
353
- "--hop-decorative-option3-border": string;
354
- "--hop-decorative-option2-surface-weakest": string;
355
- "--hop-decorative-option2-surface-weak": string;
356
- "--hop-decorative-option2-surface-weak-hover": string;
357
- "--hop-decorative-option2-surface-strong": string;
454
+ "--hop-decorative-option2-border": string;
455
+ "--hop-decorative-option2-icon": string;
358
456
  "--hop-decorative-option2-surface": string;
359
457
  "--hop-decorative-option2-surface-hover": string;
458
+ "--hop-decorative-option2-surface-strong": string;
459
+ "--hop-decorative-option2-surface-weak": string;
460
+ "--hop-decorative-option2-surface-weak-hover": string;
461
+ "--hop-decorative-option2-surface-weakest": string;
360
462
  "--hop-decorative-option2-text": string;
361
463
  "--hop-decorative-option2-text-weak": string;
362
- "--hop-decorative-option2-icon": string;
363
- "--hop-decorative-option2-border": string;
464
+ "--hop-decorative-option1-border": string;
465
+ "--hop-decorative-option1-icon": string;
466
+ "--hop-decorative-option1-surface": string;
467
+ "--hop-decorative-option1-surface-hover": string;
468
+ "--hop-decorative-option1-surface-strong": string;
364
469
  "--hop-decorative-option1-surface-weak": string;
365
470
  "--hop-decorative-option1-surface-weak-hover": string;
366
471
  "--hop-decorative-option1-surface-weakest": string;
367
- "--hop-decorative-option1-surface-strong": string;
368
- "--hop-decorative-option1-surface-hover": string;
369
- "--hop-decorative-option1-surface": string;
370
- "--hop-decorative-option1-border": string;
371
- "--hop-decorative-option1-text-weak": string;
372
- "--hop-decorative-option1-icon": string;
373
472
  "--hop-decorative-option1-text": string;
374
- "--hop-neutral-text-hover": string;
375
- "--hop-neutral-surface-weakest-active": string;
376
- "--hop-neutral-surface-weakest-hover": string;
377
- "--hop-neutral-text-weak": string;
378
- "--hop-neutral-surface-disabled": string;
379
- "--hop-neutral-surface-active": string;
380
- "--hop-neutral-surface-weak": string;
381
- "--hop-neutral-surface": string;
382
- "--hop-neutral-text-disabled": string;
383
- "--hop-neutral-text-active": string;
384
- "--hop-neutral-text-strong": string;
385
- "--hop-neutral-text": string;
386
- "--hop-neutral-text-weakest": string;
387
- "--hop-neutral-border-disabled": string;
388
- "--hop-neutral-border-strong-hover": string;
389
- "--hop-neutral-border-strong": string;
390
- "--hop-neutral-surface-strong": string;
391
- "--hop-neutral-surface-hover": string;
392
- "--hop-neutral-icon-disabled": string;
393
- "--hop-neutral-icon": string;
394
- "--hop-neutral-icon-weak": string;
395
- "--hop-neutral-icon-weak-hover": string;
396
- "--hop-neutral-border": string;
397
- "--hop-neutral-border-weak": string;
398
- "--hop-neutral-icon-weakest": string;
399
- "--hop-neutral-icon-strong": string;
400
- "--hop-neutral-icon-hover": string;
401
- "--hop-neutral-icon-active": string;
402
- "--hop-neutral-border-hover": string;
403
- "--hop-neutral-border-active": string;
404
- "--hop-neutral-surface-weak-hover": string;
405
- "--hop-neutral-surface-weak-active": string;
406
- "--hop-neutral-border-weakest": string;
407
- "--hop-neutral-surface-weakest": string;
408
- "--hop-warning-icon-weakest": string;
409
- "--hop-warning-icon-weak": string;
410
- "--hop-warning-text-weak": string;
411
- "--hop-warning-surface": string;
412
- "--hop-warning-surface-strong": string;
413
- "--hop-warning-surface-weak": string;
414
- "--hop-warning-border": string;
415
- "--hop-warning-icon": string;
416
- "--hop-warning-text": string;
417
- "--hop-success-border": string;
418
- "--hop-success-icon-weak": string;
419
- "--hop-success-icon-weakest": string;
420
- "--hop-success-text-weak": string;
421
- "--hop-success-surface": string;
422
- "--hop-success-surface-strong": string;
423
- "--hop-success-text-hover": string;
424
- "--hop-success-text": string;
425
- "--hop-success-icon": string;
426
- "--hop-success-surface-weak": string;
473
+ "--hop-decorative-option1-text-weak": string;
474
+ "--hop-information-border": string;
475
+ "--hop-information-icon": string;
427
476
  "--hop-information-icon-weakest": string;
428
- "--hop-information-surface-strong": string;
429
477
  "--hop-information-icon-weak": string;
430
- "--hop-information-text": string;
431
478
  "--hop-information-surface": string;
479
+ "--hop-information-surface-strong": string;
432
480
  "--hop-information-surface-weak": string;
481
+ "--hop-information-text": string;
433
482
  "--hop-information-text-weak": string;
434
- "--hop-information-icon": string;
435
- "--hop-information-border": string;
436
- "--hop-status-neutral-surface-strong": string;
437
- "--hop-status-neutral-text": string;
483
+ "--hop-status-caution-surface-strong": string;
484
+ "--hop-status-caution-icon": string;
485
+ "--hop-status-caution-surface": string;
486
+ "--hop-status-caution-text": string;
487
+ "--hop-status-inactive-surface-strong": string;
488
+ "--hop-status-inactive-icon": string;
489
+ "--hop-status-inactive-surface": string;
490
+ "--hop-status-inactive-text": string;
491
+ "--hop-status-negative-surface-strong": string;
492
+ "--hop-status-negative-icon": string;
493
+ "--hop-status-negative-surface": string;
494
+ "--hop-status-negative-text": string;
438
495
  "--hop-status-neutral-icon": string;
439
496
  "--hop-status-neutral-surface": string;
440
- "--hop-status-progress-surface-strong": string;
441
- "--hop-status-progress-icon": string;
442
- "--hop-status-progress-surface": string;
443
- "--hop-status-progress-text": string;
444
- "--hop-status-option6-surface-strong": string;
445
- "--hop-status-option6-icon": string;
446
- "--hop-status-option6-surface": string;
447
- "--hop-status-option6-text": string;
448
- "--hop-status-option5-surface-strong": string;
449
- "--hop-status-option5-icon": string;
450
- "--hop-status-option5-surface": string;
451
- "--hop-status-option5-text": string;
497
+ "--hop-status-neutral-surface-strong": string;
498
+ "--hop-status-neutral-text": string;
452
499
  "--hop-status-option1-surface-strong": string;
453
500
  "--hop-status-option1-icon": string;
454
501
  "--hop-status-option1-surface": string;
@@ -465,22 +512,41 @@ declare const SemanticTokens: {
465
512
  "--hop-status-option4-icon": string;
466
513
  "--hop-status-option4-surface": string;
467
514
  "--hop-status-option4-text": string;
468
- "--hop-status-caution-surface-strong": string;
469
- "--hop-status-caution-icon": string;
470
- "--hop-status-caution-surface": string;
471
- "--hop-status-caution-text": string;
472
- "--hop-status-negative-surface-strong": string;
473
- "--hop-status-negative-icon": string;
474
- "--hop-status-negative-surface": string;
475
- "--hop-status-negative-text": string;
476
- "--hop-status-inactive-surface-strong": string;
477
- "--hop-status-inactive-icon": string;
478
- "--hop-status-inactive-surface": string;
479
- "--hop-status-inactive-text": string;
515
+ "--hop-status-option5-surface": string;
516
+ "--hop-status-option5-surface-strong": string;
517
+ "--hop-status-option5-text": string;
518
+ "--hop-status-option5-icon": string;
519
+ "--hop-status-option6-surface": string;
520
+ "--hop-status-option6-surface-strong": string;
521
+ "--hop-status-option6-text": string;
522
+ "--hop-status-option6-icon": string;
480
523
  "--hop-status-positive-icon": string;
481
524
  "--hop-status-positive-surface-strong": string;
482
525
  "--hop-status-positive-surface": string;
483
526
  "--hop-status-positive-text": string;
527
+ "--hop-status-progress-surface": string;
528
+ "--hop-status-progress-surface-strong": string;
529
+ "--hop-status-progress-text": string;
530
+ "--hop-status-progress-icon": string;
531
+ "--hop-success-border": string;
532
+ "--hop-success-icon": string;
533
+ "--hop-success-icon-weakest": string;
534
+ "--hop-success-icon-weak": string;
535
+ "--hop-success-surface": string;
536
+ "--hop-success-surface-strong": string;
537
+ "--hop-success-surface-weak": string;
538
+ "--hop-success-text": string;
539
+ "--hop-success-text-hover": string;
540
+ "--hop-success-text-weak": string;
541
+ "--hop-warning-border": string;
542
+ "--hop-warning-icon": string;
543
+ "--hop-warning-icon-weakest": string;
544
+ "--hop-warning-icon-weak": string;
545
+ "--hop-warning-surface": string;
546
+ "--hop-warning-surface-strong": string;
547
+ "--hop-warning-surface-weak": string;
548
+ "--hop-warning-text": string;
549
+ "--hop-warning-text-weak": string;
484
550
  "--hop-dataviz-monochromatic-primary-25": string;
485
551
  "--hop-dataviz-monochromatic-primary-50": string;
486
552
  "--hop-dataviz-monochromatic-primary-75": string;
package/dist/tokens/generated/lightSemanticTokens.js CHANGED
@@ -1,2 +1,2 @@
1
- export { CoreTokens, SemanticTokens } from '../../chunk-JKXZGQAL.js';
2
- import '../../chunk-6LX4VMOV.js';
1
+ export { CoreTokens, SemanticTokens } from '../../chunk-4E7VQIC5.js';
2
+ import '../../chunk-2UOTJGT6.js';