@hopper-ui/styled-system 3.2.1 → 3.2.3

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 (33) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +9 -9
  4. package/dist/{chunk-O23Y6XWF.js → chunk-2MXOW5MU.js} +1 -1
  5. package/dist/{chunk-ASSKAO2A.js → chunk-3QXVL3DW.js} +1 -0
  6. package/dist/{chunk-GC433Y2B.js → chunk-4QYOTBJP.js} +3 -3
  7. package/dist/{chunk-FQANZORX.js → chunk-KYJN33SJ.js} +1 -1
  8. package/dist/{chunk-KXONQSD2.js → chunk-LBDCVPO6.js} +1 -1
  9. package/dist/{chunk-NBXRPHDV.js → chunk-O7B7VLBY.js} +2 -2
  10. package/dist/{chunk-4EMCBUYU.js → chunk-UOBQPWH7.js} +2 -2
  11. package/dist/{chunk-4657EBPG.js → chunk-V5HCC3TD.js} +1 -1
  12. package/dist/{chunk-MMWITT3V.js → chunk-VXORJDJA.js} +2 -2
  13. package/dist/global-styles/BodyStyleProvider.js +2 -2
  14. package/dist/html-wrappers/html.css +34 -34
  15. package/dist/html-wrappers/html.js +6 -6
  16. package/dist/html-wrappers/htmlElement.css +34 -34
  17. package/dist/html-wrappers/htmlElement.js +5 -5
  18. package/dist/index.css +34 -34
  19. package/dist/index.js +9 -9
  20. package/dist/styledSystemRootCssClass.js +2 -2
  21. package/dist/theme/generated/sharegate/dark.css +260 -259
  22. package/dist/theme/generated/sharegate/light.css +221 -220
  23. package/dist/theme/generated/workleap/dark.css +14 -13
  24. package/dist/theme/generated/workleap/light.css +14 -13
  25. package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
  26. package/dist/tokens/generated/styledSystemConstants.js +1 -1
  27. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +1 -0
  28. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  29. package/dist/tokens/tokenMappings.d.ts +1 -0
  30. package/dist/tokens/tokenMappings.js +3 -3
  31. package/dist/useStyledSystem.css +31 -31
  32. package/dist/useStyledSystem.js +4 -4
  33. package/package.json +2 -2
package/dist/theme/generated/sharegate/dark.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-2-1-sharegate-dark {
5
+ .hop-5-2-3-sharegate-dark {
6
6
  --hop-neutral-surface-weak-transparent-always-dark: rgb(49 51 53 / 0.75);
7
7
  --hop-neutral-surface-transparent: rgb(35 36 38 / 0.9);
8
8
  --hop-space-1280: 8rem;
@@ -100,18 +100,18 @@
100
100
  --hop-amber-75: #ffe39a;
101
101
  --hop-amber-50: #fff1cc;
102
102
  --hop-amber-25: #fff6e0;
103
- --hop-rose-900: #2b1e23;
104
- --hop-rose-800: #3d2630;
105
- --hop-rose-700: #542f3e;
106
- --hop-rose-600: #6a394c;
107
- --hop-rose-500: #80435a;
108
- --hop-rose-400: #995068;
109
- --hop-rose-300: #fc5992;
110
- --hop-rose-200: #f47c9e;
111
- --hop-rose-100: #f7a3ba;
112
- --hop-rose-75: #f9c1cf;
113
- --hop-rose-50: #fbd6df;
114
- --hop-rose-25: #fdecef;
103
+ --hop-rose-900: #341417;
104
+ --hop-rose-800: #50161c;
105
+ --hop-rose-700: #711822;
106
+ --hop-rose-600: #951b2a;
107
+ --hop-rose-500: #ba1f34;
108
+ --hop-rose-400: #de2840;
109
+ --hop-rose-300: #f5425d;
110
+ --hop-rose-200: #f76d83;
111
+ --hop-rose-100: #fa9ba9;
112
+ --hop-rose-75: #fcbcc5;
113
+ --hop-rose-50: #fdd3d8;
114
+ --hop-rose-25: #feeaec;
115
115
  --hop-samoyed: #ffffff;
116
116
  --hop-rock-900: #232426;
117
117
  --hop-rock-800: #313335;
@@ -288,211 +288,211 @@
288
288
  --hop-dataviz-unavailable-strong: var(--hop-rock-700);
289
289
  --hop-dataviz-unavailable-weak: var(--hop-rock-400);
290
290
  --hop-dataviz-unavailable: var(--hop-rock-600);
291
- --hop-warning-text-weak: var(--hop-koi-400);
292
- --hop-warning-text: var(--hop-koi-75);
293
- --hop-warning-surface-weak: var(--hop-koi-800);
294
- --hop-warning-surface-strong: var(--hop-koi-600);
295
- --hop-warning-surface: var(--hop-koi-900);
296
- --hop-warning-icon-weak: var(--hop-koi-400);
297
- --hop-warning-icon-weakest: var(--hop-koi-600);
298
- --hop-warning-icon: var(--hop-koi-75);
299
- --hop-warning-border: var(--hop-koi-600);
300
- --hop-success-text-hover: var(--hop-moss-50);
301
- --hop-success-text-weak: var(--hop-moss-400);
302
- --hop-success-text: var(--hop-moss-75);
303
- --hop-success-surface-weak: var(--hop-moss-800);
304
- --hop-success-surface-strong: var(--hop-moss-600);
305
- --hop-success-surface: var(--hop-moss-900);
306
- --hop-success-icon-weak: var(--hop-moss-400);
307
- --hop-success-icon-weakest: var(--hop-moss-600);
308
- --hop-success-icon: var(--hop-moss-75);
309
- --hop-success-border: var(--hop-moss-600);
310
- --hop-status-progress-text-selected: var(--hop-sapphire-75);
311
- --hop-status-progress-text-press: var(--hop-sapphire-800);
312
- --hop-status-progress-text-hover: var(--hop-sapphire-900);
313
- --hop-status-progress-text-disabled: var(--hop-sapphire-500);
314
- --hop-status-progress-text: var(--hop-sapphire-800);
315
- --hop-status-progress-surface-strong: var(--hop-sapphire-200);
316
- --hop-status-progress-surface-selected: var(--hop-sapphire-800);
317
- --hop-status-progress-surface-press: var(--hop-sapphire-300);
318
- --hop-status-progress-surface-hover: var(--hop-sapphire-200);
319
- --hop-status-progress-surface-disabled: var(--hop-sapphire-800);
320
- --hop-status-progress-surface: var(--hop-sapphire-100);
321
- --hop-status-progress-icon-selected: var(--hop-sapphire-75);
322
- --hop-status-progress-icon-press: var(--hop-sapphire-800);
323
- --hop-status-progress-icon-hover: var(--hop-sapphire-900);
324
- --hop-status-progress-icon-disabled: var(--hop-sapphire-500);
325
- --hop-status-progress-icon: var(--hop-sapphire-800);
326
- --hop-status-progress-border-selected: var(--hop-sapphire-75);
327
- --hop-status-progress-border-press: var(--hop-sapphire-400);
328
- --hop-status-progress-border-hover: var(--hop-sapphire-500);
329
- --hop-status-progress-border-disabled: var(--hop-sapphire-600);
330
- --hop-status-progress-border: var(--hop-sapphire-400);
331
- --hop-status-positive-text-selected: var(--hop-moss-75);
332
- --hop-status-positive-text-press: var(--hop-moss-800);
333
- --hop-status-positive-text-hover: var(--hop-moss-900);
334
- --hop-status-positive-text-disabled: var(--hop-moss-500);
335
- --hop-status-positive-text: var(--hop-moss-800);
336
- --hop-status-positive-surface-strong: var(--hop-moss-200);
337
- --hop-status-positive-surface-selected: var(--hop-moss-800);
338
- --hop-status-positive-surface-press: var(--hop-moss-300);
339
- --hop-status-positive-surface-hover: var(--hop-moss-200);
340
- --hop-status-positive-surface-disabled: var(--hop-moss-800);
341
- --hop-status-positive-surface: var(--hop-moss-100);
342
- --hop-status-positive-icon-selected: var(--hop-moss-75);
343
- --hop-status-positive-icon-press: var(--hop-moss-800);
344
- --hop-status-positive-icon-hover: var(--hop-moss-900);
345
- --hop-status-positive-icon-disabled: var(--hop-moss-500);
346
- --hop-status-positive-icon: var(--hop-moss-800);
347
- --hop-status-positive-border-selected: var(--hop-moss-75);
348
- --hop-status-positive-border-press: var(--hop-moss-400);
349
- --hop-status-positive-border-hover: var(--hop-moss-500);
350
- --hop-status-positive-border-disabled: var(--hop-moss-800);
351
- --hop-status-positive-border: var(--hop-moss-400);
352
- --hop-status-option6-text-selected: var(--hop-sunken-treasure-75);
353
- --hop-status-option6-text-press: var(--hop-sunken-treasure-800);
354
- --hop-status-option6-text-hover: var(--hop-sunken-treasure-900);
355
- --hop-status-option6-text-disabled: var(--hop-sunken-treasure-500);
356
- --hop-status-option6-text: var(--hop-sunken-treasure-800);
357
- --hop-status-option6-surface-strong: var(--hop-sunken-treasure-100);
358
- --hop-status-option6-surface-selected: var(--hop-sunken-treasure-800);
359
- --hop-status-option6-surface-press: var(--hop-sunken-treasure-300);
360
- --hop-status-option6-surface-hover: var(--hop-sunken-treasure-200);
361
- --hop-status-option6-surface-disabled: var(--hop-sunken-treasure-800);
362
- --hop-status-option6-surface: var(--hop-sunken-treasure-100);
363
- --hop-status-option6-icon-selected: var(--hop-sunken-treasure-75);
364
- --hop-status-option6-icon-press: var(--hop-sunken-treasure-800);
365
- --hop-status-option6-icon-hover: var(--hop-sunken-treasure-900);
366
- --hop-status-option6-icon-disabled: var(--hop-sunken-treasure-500);
367
- --hop-status-option6-icon: var(--hop-sunken-treasure-800);
368
- --hop-status-option6-border-selected: var(--hop-sunken-treasure-75);
369
- --hop-status-option6-border-press: var(--hop-sunken-treasure-400);
370
- --hop-status-option6-border-hover: var(--hop-sunken-treasure-500);
371
- --hop-status-option6-border-disabled: var(--hop-sunken-treasure-600);
372
- --hop-status-option6-border: var(--hop-sunken-treasure-400);
291
+ --hop-warning-text-weak: var(--hop-amber-400);
292
+ --hop-warning-text: var(--hop-amber-75);
293
+ --hop-warning-surface-weak: var(--hop-amber-800);
294
+ --hop-warning-surface-strong: var(--hop-amber-600);
295
+ --hop-warning-surface: var(--hop-amber-900);
296
+ --hop-warning-icon-weak: var(--hop-amber-400);
297
+ --hop-warning-icon-weakest: var(--hop-amber-600);
298
+ --hop-warning-icon: var(--hop-amber-75);
299
+ --hop-warning-border: var(--hop-amber-600);
300
+ --hop-success-text-hover: var(--hop-mint-50);
301
+ --hop-success-text-weak: var(--hop-mint-400);
302
+ --hop-success-text: var(--hop-mint-75);
303
+ --hop-success-surface-weak: var(--hop-mint-800);
304
+ --hop-success-surface-strong: var(--hop-mint-600);
305
+ --hop-success-surface: var(--hop-mint-900);
306
+ --hop-success-icon-weak: var(--hop-mint-400);
307
+ --hop-success-icon-weakest: var(--hop-mint-600);
308
+ --hop-success-icon: var(--hop-mint-75);
309
+ --hop-success-border: var(--hop-mint-600);
310
+ --hop-status-progress-text-selected: var(--hop-cobalt-75);
311
+ --hop-status-progress-text-press: var(--hop-cobalt-50);
312
+ --hop-status-progress-text-hover: var(--hop-cobalt-75);
313
+ --hop-status-progress-text-disabled: var(--hop-cobalt-500);
314
+ --hop-status-progress-text: var(--hop-cobalt-100);
315
+ --hop-status-progress-surface-strong: var(--hop-cobalt-500);
316
+ --hop-status-progress-surface-selected: var(--hop-cobalt-800);
317
+ --hop-status-progress-surface-press: var(--hop-cobalt-600);
318
+ --hop-status-progress-surface-hover: var(--hop-cobalt-700);
319
+ --hop-status-progress-surface-disabled: var(--hop-cobalt-900);
320
+ --hop-status-progress-surface: var(--hop-cobalt-800);
321
+ --hop-status-progress-icon-selected: var(--hop-cobalt-75);
322
+ --hop-status-progress-icon-press: var(--hop-cobalt-50);
323
+ --hop-status-progress-icon-hover: var(--hop-cobalt-75);
324
+ --hop-status-progress-icon-disabled: var(--hop-cobalt-500);
325
+ --hop-status-progress-icon: var(--hop-cobalt-100);
326
+ --hop-status-progress-border-selected: var(--hop-cobalt-75);
327
+ --hop-status-progress-border-press: var(--hop-cobalt-200);
328
+ --hop-status-progress-border-hover: var(--hop-cobalt-300);
329
+ --hop-status-progress-border-disabled: var(--hop-cobalt-800);
330
+ --hop-status-progress-border: var(--hop-cobalt-400);
331
+ --hop-status-positive-text-selected: var(--hop-mint-75);
332
+ --hop-status-positive-text-press: var(--hop-mint-50);
333
+ --hop-status-positive-text-hover: var(--hop-mint-75);
334
+ --hop-status-positive-text-disabled: var(--hop-mint-500);
335
+ --hop-status-positive-text: var(--hop-mint-100);
336
+ --hop-status-positive-surface-strong: var(--hop-mint-500);
337
+ --hop-status-positive-surface-selected: var(--hop-mint-800);
338
+ --hop-status-positive-surface-press: var(--hop-mint-600);
339
+ --hop-status-positive-surface-hover: var(--hop-mint-700);
340
+ --hop-status-positive-surface-disabled: var(--hop-mint-900);
341
+ --hop-status-positive-surface: var(--hop-mint-800);
342
+ --hop-status-positive-icon-selected: var(--hop-mint-75);
343
+ --hop-status-positive-icon-press: var(--hop-mint-50);
344
+ --hop-status-positive-icon-hover: var(--hop-mint-75);
345
+ --hop-status-positive-icon-disabled: var(--hop-mint-500);
346
+ --hop-status-positive-icon: var(--hop-mint-100);
347
+ --hop-status-positive-border-selected: var(--hop-mint-75);
348
+ --hop-status-positive-border-press: var(--hop-mint-200);
349
+ --hop-status-positive-border-hover: var(--hop-mint-300);
350
+ --hop-status-positive-border-disabled: var(--hop-mint-800);
351
+ --hop-status-positive-border: var(--hop-mint-400);
352
+ --hop-status-option6-text-selected: var(--hop-limeburst-75);
353
+ --hop-status-option6-text-press: var(--hop-limeburst-50);
354
+ --hop-status-option6-text-hover: var(--hop-limeburst-75);
355
+ --hop-status-option6-text-disabled: var(--hop-limeburst-500);
356
+ --hop-status-option6-text: var(--hop-limeburst-100);
357
+ --hop-status-option6-surface-strong: var(--hop-limeburst-500);
358
+ --hop-status-option6-surface-selected: var(--hop-limeburst-800);
359
+ --hop-status-option6-surface-press: var(--hop-limeburst-600);
360
+ --hop-status-option6-surface-hover: var(--hop-limeburst-700);
361
+ --hop-status-option6-surface-disabled: var(--hop-limeburst-900);
362
+ --hop-status-option6-surface: var(--hop-limeburst-800);
363
+ --hop-status-option6-icon-selected: var(--hop-limeburst-75);
364
+ --hop-status-option6-icon-press: var(--hop-limeburst-50);
365
+ --hop-status-option6-icon-hover: var(--hop-limeburst-75);
366
+ --hop-status-option6-icon-disabled: var(--hop-limeburst-500);
367
+ --hop-status-option6-icon: var(--hop-limeburst-100);
368
+ --hop-status-option6-border-selected: var(--hop-limeburst-75);
369
+ --hop-status-option6-border-press: var(--hop-limeburst-200);
370
+ --hop-status-option6-border-hover: var(--hop-limeburst-300);
371
+ --hop-status-option6-border-disabled: var(--hop-limeburst-800);
372
+ --hop-status-option6-border: var(--hop-limeburst-400);
373
373
  --hop-status-option5-text-selected: var(--hop-toad-75);
374
- --hop-status-option5-text-press: var(--hop-toad-800);
375
- --hop-status-option5-text-hover: var(--hop-toad-900);
374
+ --hop-status-option5-text-press: var(--hop-toad-50);
375
+ --hop-status-option5-text-hover: var(--hop-toad-75);
376
376
  --hop-status-option5-text-disabled: var(--hop-toad-500);
377
- --hop-status-option5-text: var(--hop-toad-800);
378
- --hop-status-option5-surface-strong: var(--hop-toad-100);
377
+ --hop-status-option5-text: var(--hop-toad-100);
378
+ --hop-status-option5-surface-strong: var(--hop-toad-500);
379
379
  --hop-status-option5-surface-selected: var(--hop-toad-800);
380
- --hop-status-option5-surface-press: var(--hop-toad-300);
381
- --hop-status-option5-surface-hover: var(--hop-toad-200);
382
- --hop-status-option5-surface-disabled: var(--hop-toad-800);
383
- --hop-status-option5-surface: var(--hop-toad-100);
380
+ --hop-status-option5-surface-press: var(--hop-toad-600);
381
+ --hop-status-option5-surface-hover: var(--hop-toad-700);
382
+ --hop-status-option5-surface-disabled: var(--hop-toad-900);
383
+ --hop-status-option5-surface: var(--hop-toad-800);
384
384
  --hop-status-option5-icon-selected: var(--hop-toad-75);
385
- --hop-status-option5-icon-press: var(--hop-toad-800);
386
- --hop-status-option5-icon-hover: var(--hop-toad-900);
385
+ --hop-status-option5-icon-press: var(--hop-toad-50);
386
+ --hop-status-option5-icon-hover: var(--hop-toad-75);
387
387
  --hop-status-option5-icon-disabled: var(--hop-toad-500);
388
- --hop-status-option5-icon: var(--hop-toad-800);
388
+ --hop-status-option5-icon: var(--hop-toad-100);
389
389
  --hop-status-option5-border-selected: var(--hop-toad-75);
390
- --hop-status-option5-border-press: var(--hop-toad-400);
391
- --hop-status-option5-border-hover: var(--hop-toad-500);
392
- --hop-status-option5-border-disabled: var(--hop-toad-600);
390
+ --hop-status-option5-border-press: var(--hop-toad-200);
391
+ --hop-status-option5-border-hover: var(--hop-toad-300);
392
+ --hop-status-option5-border-disabled: var(--hop-toad-800);
393
393
  --hop-status-option5-border: var(--hop-toad-400);
394
394
  --hop-status-option4-text-selected: var(--hop-fog-75);
395
- --hop-status-option4-text-press: var(--hop-fog-900);
396
- --hop-status-option4-text-hover: var(--hop-fog-900);
395
+ --hop-status-option4-text-press: var(--hop-fog-50);
396
+ --hop-status-option4-text-hover: var(--hop-fog-75);
397
397
  --hop-status-option4-text-disabled: var(--hop-fog-500);
398
- --hop-status-option4-text: var(--hop-fog-800);
399
- --hop-status-option4-surface-strong: var(--hop-fog-100);
398
+ --hop-status-option4-text: var(--hop-fog-100);
399
+ --hop-status-option4-surface-strong: var(--hop-fog-500);
400
400
  --hop-status-option4-surface-selected: var(--hop-fog-800);
401
- --hop-status-option4-surface-press: var(--hop-fog-300);
402
- --hop-status-option4-surface-hover: var(--hop-fog-200);
403
- --hop-status-option4-surface-disabled: var(--hop-fog-600);
404
- --hop-status-option4-surface: var(--hop-fog-100);
401
+ --hop-status-option4-surface-press: var(--hop-fog-600);
402
+ --hop-status-option4-surface-hover: var(--hop-fog-700);
403
+ --hop-status-option4-surface-disabled: var(--hop-fog-900);
404
+ --hop-status-option4-surface: var(--hop-fog-800);
405
405
  --hop-status-option4-icon-selected: var(--hop-fog-75);
406
- --hop-status-option4-icon-press: var(--hop-fog-800);
407
- --hop-status-option4-icon-hover: var(--hop-fog-900);
406
+ --hop-status-option4-icon-press: var(--hop-fog-50);
407
+ --hop-status-option4-icon-hover: var(--hop-fog-75);
408
408
  --hop-status-option4-icon-disabled: var(--hop-fog-500);
409
- --hop-status-option4-icon: var(--hop-fog-800);
409
+ --hop-status-option4-icon: var(--hop-fog-100);
410
410
  --hop-status-option4-border-selected: var(--hop-fog-75);
411
- --hop-status-option4-border-press: var(--hop-fog-400);
412
- --hop-status-option4-border-hover: var(--hop-fog-500);
413
- --hop-status-option4-border-disabled: var(--hop-fog-600);
411
+ --hop-status-option4-border-press: var(--hop-fog-200);
412
+ --hop-status-option4-border-hover: var(--hop-fog-300);
413
+ --hop-status-option4-border-disabled: var(--hop-fog-800);
414
414
  --hop-status-option4-border: var(--hop-fog-400);
415
- --hop-status-option3-text-selected: var(--hop-quetzal-75);
416
- --hop-status-option3-text-press: var(--hop-quetzal-800);
417
- --hop-status-option3-text-hover: var(--hop-quetzal-900);
418
- --hop-status-option3-text-disabled: var(--hop-quetzal-200);
419
- --hop-status-option3-text: var(--hop-quetzal-800);
420
- --hop-status-option3-surface-strong: var(--hop-quetzal-100);
421
- --hop-status-option3-surface-selected: var(--hop-quetzal-800);
422
- --hop-status-option3-surface-press: var(--hop-quetzal-300);
423
- --hop-status-option3-surface-hover: var(--hop-quetzal-200);
424
- --hop-status-option3-surface-disabled: var(--hop-quetzal-800);
425
- --hop-status-option3-surface: var(--hop-quetzal-100);
426
- --hop-status-option3-icon-selected: var(--hop-quetzal-75);
427
- --hop-status-option3-icon-press: var(--hop-quetzal-800);
428
- --hop-status-option3-icon-hover: var(--hop-quetzal-900);
429
- --hop-status-option3-icon-disabled: var(--hop-quetzal-500);
430
- --hop-status-option3-icon: var(--hop-quetzal-800);
431
- --hop-status-option3-border-selected: var(--hop-quetzal-75);
432
- --hop-status-option3-border-press: var(--hop-quetzal-400);
433
- --hop-status-option3-border-hover: var(--hop-quetzal-500);
434
- --hop-status-option3-border-disabled: var(--hop-quetzal-600);
435
- --hop-status-option3-border: var(--hop-quetzal-400);
436
- --hop-status-option2-text-selected: var(--hop-orchid-bloom-75);
437
- --hop-status-option2-text-press: var(--hop-orchid-bloom-800);
438
- --hop-status-option2-text-hover: var(--hop-orchid-bloom-900);
439
- --hop-status-option2-text-disabled: var(--hop-orchid-bloom-500);
440
- --hop-status-option2-text: var(--hop-orchid-bloom-800);
441
- --hop-status-option2-surface-strong: var(--hop-orchid-bloom-100);
442
- --hop-status-option2-surface-selected: var(--hop-orchid-bloom-800);
443
- --hop-status-option2-surface-press: var(--hop-orchid-bloom-300);
444
- --hop-status-option2-surface-hover: var(--hop-orchid-bloom-200);
445
- --hop-status-option2-surface-disabled: var(--hop-orchid-bloom-800);
446
- --hop-status-option2-surface: var(--hop-orchid-bloom-100);
447
- --hop-status-option2-icon-selected: var(--hop-orchid-bloom-75);
448
- --hop-status-option2-icon-press: var(--hop-orchid-bloom-800);
449
- --hop-status-option2-icon-hover: var(--hop-orchid-bloom-900);
450
- --hop-status-option2-icon-disabled: var(--hop-orchid-bloom-500);
451
- --hop-status-option2-icon: var(--hop-orchid-bloom-800);
452
- --hop-status-option2-border-selected: var(--hop-orchid-bloom-800);
453
- --hop-status-option2-border-press: var(--hop-orchid-bloom-300);
454
- --hop-status-option2-border-hover: var(--hop-orchid-bloom-500);
455
- --hop-status-option2-border-disabled: var(--hop-orchid-bloom-600);
456
- --hop-status-option2-border: var(--hop-orchid-bloom-300);
457
- --hop-status-option1-text-selected: var(--hop-coastal-75);
458
- --hop-status-option1-text-press: var(--hop-coastal-800);
459
- --hop-status-option1-text-hover: var(--hop-coastal-900);
460
- --hop-status-option1-text-disabled: var(--hop-coastal-500);
461
- --hop-status-option1-text: var(--hop-coastal-800);
462
- --hop-status-option1-surface-strong: var(--hop-coastal-100);
463
- --hop-status-option1-surface-selected: var(--hop-coastal-800);
464
- --hop-status-option1-surface-press: var(--hop-coastal-300);
465
- --hop-status-option1-surface-hover: var(--hop-coastal-200);
466
- --hop-status-option1-surface-disabled: var(--hop-coastal-800);
467
- --hop-status-option1-surface: var(--hop-coastal-100);
468
- --hop-status-option1-icon-selected: var(--hop-coastal-75);
469
- --hop-status-option1-icon-press: var(--hop-coastal-800);
470
- --hop-status-option1-icon-hover: var(--hop-coastal-900);
471
- --hop-status-option1-icon-disabled: var(--hop-coastal-500);
472
- --hop-status-option1-icon: var(--hop-coastal-800);
473
- --hop-status-option1-border-selected: var(--hop-coastal-75);
474
- --hop-status-option1-border-press: var(--hop-coastal-400);
475
- --hop-status-option1-border-hover: var(--hop-coastal-500);
476
- --hop-status-option1-border-disabled: var(--hop-coastal-600);
477
- --hop-status-option1-border: var(--hop-coastal-400);
415
+ --hop-status-option3-text-selected: var(--hop-moss-75);
416
+ --hop-status-option3-text-press: var(--hop-moss-50);
417
+ --hop-status-option3-text-hover: var(--hop-moss-75);
418
+ --hop-status-option3-text-disabled: var(--hop-moss-500);
419
+ --hop-status-option3-text: var(--hop-moss-100);
420
+ --hop-status-option3-surface-strong: var(--hop-moss-500);
421
+ --hop-status-option3-surface-selected: var(--hop-moss-800);
422
+ --hop-status-option3-surface-press: var(--hop-moss-600);
423
+ --hop-status-option3-surface-hover: var(--hop-moss-700);
424
+ --hop-status-option3-surface-disabled: var(--hop-moss-900);
425
+ --hop-status-option3-surface: var(--hop-moss-800);
426
+ --hop-status-option3-icon-selected: var(--hop-moss-75);
427
+ --hop-status-option3-icon-press: var(--hop-moss-50);
428
+ --hop-status-option3-icon-hover: var(--hop-moss-75);
429
+ --hop-status-option3-icon-disabled: var(--hop-moss-500);
430
+ --hop-status-option3-icon: var(--hop-moss-100);
431
+ --hop-status-option3-border-selected: var(--hop-moss-75);
432
+ --hop-status-option3-border-press: var(--hop-moss-200);
433
+ --hop-status-option3-border-hover: var(--hop-moss-300);
434
+ --hop-status-option3-border-disabled: var(--hop-moss-800);
435
+ --hop-status-option3-border: var(--hop-moss-400);
436
+ --hop-status-option2-text-selected: var(--hop-persimmon-75);
437
+ --hop-status-option2-text-press: var(--hop-persimmon-50);
438
+ --hop-status-option2-text-hover: var(--hop-persimmon-75);
439
+ --hop-status-option2-text-disabled: var(--hop-persimmon-500);
440
+ --hop-status-option2-text: var(--hop-persimmon-100);
441
+ --hop-status-option2-surface-strong: var(--hop-persimmon-500);
442
+ --hop-status-option2-surface-selected: var(--hop-persimmon-800);
443
+ --hop-status-option2-surface-press: var(--hop-persimmon-600);
444
+ --hop-status-option2-surface-hover: var(--hop-persimmon-700);
445
+ --hop-status-option2-surface-disabled: var(--hop-persimmon-900);
446
+ --hop-status-option2-surface: var(--hop-persimmon-800);
447
+ --hop-status-option2-icon-selected: var(--hop-persimmon-75);
448
+ --hop-status-option2-icon-press: var(--hop-persimmon-50);
449
+ --hop-status-option2-icon-hover: var(--hop-persimmon-75);
450
+ --hop-status-option2-icon-disabled: var(--hop-persimmon-500);
451
+ --hop-status-option2-icon: var(--hop-persimmon-100);
452
+ --hop-status-option2-border-selected: var(--hop-persimmon-75);
453
+ --hop-status-option2-border-press: var(--hop-persimmon-200);
454
+ --hop-status-option2-border-hover: var(--hop-persimmon-300);
455
+ --hop-status-option2-border-disabled: var(--hop-persimmon-800);
456
+ --hop-status-option2-border: var(--hop-persimmon-400);
457
+ --hop-status-option1-text-selected: var(--hop-iris-75);
458
+ --hop-status-option1-text-press: var(--hop-iris-50);
459
+ --hop-status-option1-text-hover: var(--hop-iris-75);
460
+ --hop-status-option1-text-disabled: var(--hop-iris-500);
461
+ --hop-status-option1-text: var(--hop-iris-100);
462
+ --hop-status-option1-surface-strong: var(--hop-iris-500);
463
+ --hop-status-option1-surface-selected: var(--hop-iris-800);
464
+ --hop-status-option1-surface-press: var(--hop-iris-600);
465
+ --hop-status-option1-surface-hover: var(--hop-iris-700);
466
+ --hop-status-option1-surface-disabled: var(--hop-iris-900);
467
+ --hop-status-option1-surface: var(--hop-iris-800);
468
+ --hop-status-option1-icon-selected: var(--hop-iris-75);
469
+ --hop-status-option1-icon-press: var(--hop-iris-50);
470
+ --hop-status-option1-icon-hover: var(--hop-iris-75);
471
+ --hop-status-option1-icon-disabled: var(--hop-iris-500);
472
+ --hop-status-option1-icon: var(--hop-iris-100);
473
+ --hop-status-option1-border-selected: var(--hop-iris-75);
474
+ --hop-status-option1-border-press: var(--hop-iris-200);
475
+ --hop-status-option1-border-hover: var(--hop-iris-300);
476
+ --hop-status-option1-border-disabled: var(--hop-iris-800);
477
+ --hop-status-option1-border: var(--hop-iris-400);
478
478
  --hop-status-neutral-text-selected: var(--hop-rock-900);
479
- --hop-status-neutral-text-press: var(--hop-rock-25);
479
+ --hop-status-neutral-text-press: var(--hop-rock-20);
480
480
  --hop-status-neutral-text-hover: var(--hop-rock-50);
481
- --hop-status-neutral-text-disabled: var(--hop-rock-500);
481
+ --hop-status-neutral-text-disabled: var(--hop-rock-300);
482
482
  --hop-status-neutral-text: var(--hop-rock-25);
483
- --hop-status-neutral-surface-strong: var(--hop-rock-100);
484
- --hop-status-neutral-surface-selected: var(--hop-toad-25);
483
+ --hop-status-neutral-surface-strong: var(--hop-rock-500);
484
+ --hop-status-neutral-surface-selected: var(--hop-rock-25);
485
485
  --hop-status-neutral-surface-press: var(--hop-rock-700);
486
486
  --hop-status-neutral-surface-hover: var(--hop-rock-800);
487
487
  --hop-status-neutral-surface-disabled: var(--hop-rock-700);
488
488
  --hop-status-neutral-surface: var(--hop-abyss);
489
- --hop-status-neutral-icon-selected: var(--hop-rock-25);
490
- --hop-status-neutral-icon-press: var(--hop-rock-25);
489
+ --hop-status-neutral-icon-selected: var(--hop-rock-900);
490
+ --hop-status-neutral-icon-press: var(--hop-rock-20);
491
491
  --hop-status-neutral-icon-hover: var(--hop-rock-50);
492
492
  --hop-status-neutral-icon-disabled: var(--hop-rock-500);
493
493
  --hop-status-neutral-icon: var(--hop-rock-25);
494
494
  --hop-status-neutral-border-selected: var(--hop-rock-25);
495
- --hop-status-neutral-border-press: var(--hop-rock-25);
495
+ --hop-status-neutral-border-press: var(--hop-rock-20);
496
496
  --hop-status-neutral-border-hover: var(--hop-rock-50);
497
497
  --hop-status-neutral-border-disabled: var(--hop-rock-800);
498
498
  --hop-status-neutral-border: var(--hop-rock-25);
@@ -518,47 +518,47 @@
518
518
  --hop-status-negative-border-disabled: var(--hop-amanita-600);
519
519
  --hop-status-negative-border: var(--hop-amanita-400);
520
520
  --hop-status-inactive-text-selected: var(--hop-rock-75);
521
- --hop-status-inactive-text-press: var(--hop-rock-800);
522
- --hop-status-inactive-text-hover: var(--hop-rock-900);
521
+ --hop-status-inactive-text-press: var(--hop-rock-50);
522
+ --hop-status-inactive-text-hover: var(--hop-rock-75);
523
523
  --hop-status-inactive-text-disabled: var(--hop-rock-500);
524
- --hop-status-inactive-text: var(--hop-rock-800);
525
- --hop-status-inactive-surface-strong: var(--hop-rock-100);
524
+ --hop-status-inactive-text: var(--hop-rock-100);
525
+ --hop-status-inactive-surface-strong: var(--hop-rock-500);
526
526
  --hop-status-inactive-surface-selected: var(--hop-rock-800);
527
- --hop-status-inactive-surface-press: var(--hop-rock-300);
528
- --hop-status-inactive-surface-hover: var(--hop-rock-200);
529
- --hop-status-inactive-surface-disabled: var(--hop-rock-800);
530
- --hop-status-inactive-surface: var(--hop-rock-75);
527
+ --hop-status-inactive-surface-press: var(--hop-rock-600);
528
+ --hop-status-inactive-surface-hover: var(--hop-rock-700);
529
+ --hop-status-inactive-surface-disabled: var(--hop-rock-900);
530
+ --hop-status-inactive-surface: var(--hop-rock-800);
531
531
  --hop-status-inactive-icon-selected: var(--hop-rock-75);
532
- --hop-status-inactive-icon-press: var(--hop-rock-800);
533
- --hop-status-inactive-icon-hover: var(--hop-rock-900);
532
+ --hop-status-inactive-icon-press: var(--hop-rock-50);
533
+ --hop-status-inactive-icon-hover: var(--hop-rock-75);
534
534
  --hop-status-inactive-icon-disabled: var(--hop-rock-500);
535
- --hop-status-inactive-icon: var(--hop-rock-800);
535
+ --hop-status-inactive-icon: var(--hop-rock-100);
536
536
  --hop-status-inactive-border-selected: var(--hop-rock-75);
537
- --hop-status-inactive-border-press: var(--hop-rock-400);
538
- --hop-status-inactive-border-hover: var(--hop-rock-500);
539
- --hop-status-inactive-border-disabled: var(--hop-rock-600);
537
+ --hop-status-inactive-border-press: var(--hop-rock-200);
538
+ --hop-status-inactive-border-hover: var(--hop-rock-300);
539
+ --hop-status-inactive-border-disabled: var(--hop-rock-800);
540
540
  --hop-status-inactive-border: var(--hop-rock-400);
541
- --hop-status-caution-text-selected: var(--hop-koi-75);
542
- --hop-status-caution-text-press: var(--hop-koi-800);
543
- --hop-status-caution-text-hover: var(--hop-koi-900);
544
- --hop-status-caution-text-disabled: var(--hop-koi-500);
545
- --hop-status-caution-text: var(--hop-koi-800);
546
- --hop-status-caution-surface-strong: var(--hop-koi-200);
547
- --hop-status-caution-surface-selected: var(--hop-koi-800);
548
- --hop-status-caution-surface-press: var(--hop-koi-300);
549
- --hop-status-caution-surface-hover: var(--hop-koi-200);
550
- --hop-status-caution-surface-disabled: var(--hop-koi-800);
551
- --hop-status-caution-surface: var(--hop-koi-100);
552
- --hop-status-caution-icon-selected: var(--hop-koi-75);
553
- --hop-status-caution-icon-press: var(--hop-koi-800);
554
- --hop-status-caution-icon-hover: var(--hop-koi-900);
555
- --hop-status-caution-icon-disabled: var(--hop-koi-500);
556
- --hop-status-caution-icon: var(--hop-koi-800);
557
- --hop-status-caution-border-selected: var(--hop-koi-75);
558
- --hop-status-caution-border-press: var(--hop-koi-400);
559
- --hop-status-caution-border-hover: var(--hop-koi-500);
560
- --hop-status-caution-border-disabled: var(--hop-koi-600);
561
- --hop-status-caution-border: var(--hop-koi-400);
541
+ --hop-status-caution-text-selected: var(--hop-amber-75);
542
+ --hop-status-caution-text-press: var(--hop-amber-50);
543
+ --hop-status-caution-text-hover: var(--hop-amber-75);
544
+ --hop-status-caution-text-disabled: var(--hop-amber-500);
545
+ --hop-status-caution-text: var(--hop-amber-100);
546
+ --hop-status-caution-surface-strong: var(--hop-amber-500);
547
+ --hop-status-caution-surface-selected: var(--hop-amber-800);
548
+ --hop-status-caution-surface-press: var(--hop-amber-600);
549
+ --hop-status-caution-surface-hover: var(--hop-amber-700);
550
+ --hop-status-caution-surface-disabled: var(--hop-amber-900);
551
+ --hop-status-caution-surface: var(--hop-amber-800);
552
+ --hop-status-caution-icon-selected: var(--hop-amber-75);
553
+ --hop-status-caution-icon-press: var(--hop-amber-50);
554
+ --hop-status-caution-icon-hover: var(--hop-amber-75);
555
+ --hop-status-caution-icon-disabled: var(--hop-amber-500);
556
+ --hop-status-caution-icon: var(--hop-amber-100);
557
+ --hop-status-caution-border-selected: var(--hop-amber-75);
558
+ --hop-status-caution-border-press: var(--hop-amber-200);
559
+ --hop-status-caution-border-hover: var(--hop-amber-300);
560
+ --hop-status-caution-border-disabled: var(--hop-amber-800);
561
+ --hop-status-caution-border: var(--hop-amber-400);
562
562
  --hop-secondary-icon-strong-hover: var(--hop-samoyed);
563
563
  --hop-secondary-icon-strong: var(--hop-samoyed);
564
564
  --hop-secondary-icon-disabled: var(--hop-persimmon-700);
@@ -824,41 +824,42 @@
824
824
  --hop-neutral-icon-weak-active: var(--hop-rock-50);
825
825
  --hop-neutral-icon-active: var(--hop-toad-25);
826
826
  --hop-neutral-border-active: var(--hop-rock-700);
827
- --hop-danger-text-weak-press: var(--hop-amanita-300);
828
- --hop-danger-text-weak-hover: var(--hop-amanita-200);
829
- --hop-danger-text-weak: var(--hop-amanita-100);
827
+ --hop-danger-text-weak-press: var(--hop-rose-100);
828
+ --hop-danger-text-weak-hover: var(--hop-rose-200);
829
+ --hop-danger-text-weak: var(--hop-rose-300);
830
830
  --hop-danger-text-strong-hover: var(--hop-samoyed);
831
831
  --hop-danger-text-strong: var(--hop-samoyed);
832
- --hop-danger-text-press: var(--hop-amanita-50);
833
- --hop-danger-text-hover: var(--hop-amanita-200);
834
- --hop-danger-text-disabled: var(--hop-amanita-600);
835
- --hop-danger-text-selected: var(--hop-amanita-100);
836
- --hop-danger-text: var(--hop-amanita-900);
837
- --hop-danger-surface-weak-press: var(--hop-amanita-600);
838
- --hop-danger-surface-weak-hover: var(--hop-amanita-700);
839
- --hop-danger-surface-weak: var(--hop-amanita-900);
840
- --hop-danger-surface-strong-hover: var(--hop-amanita-500);
841
- --hop-danger-surface-strong: var(--hop-amanita-400);
842
- --hop-danger-surface-press: var(--hop-amanita-600);
843
- --hop-danger-surface-hover: var(--hop-amanita-300);
844
- --hop-danger-surface-disabled: var(--hop-amanita-600);
845
- --hop-danger-surface-selected: var(--hop-amanita-800);
846
- --hop-danger-surface: var(--hop-amanita-200);
847
- --hop-danger-icon-weakest: var(--hop-amanita-100);
848
- --hop-danger-icon-weak-press: var(--hop-amanita-300);
849
- --hop-danger-icon-weak-hover: var(--hop-amanita-200);
850
- --hop-danger-icon-weak: var(--hop-amanita-100);
832
+ --hop-danger-text-press: var(--hop-rose-50);
833
+ --hop-danger-text-hover: var(--hop-rose-200);
834
+ --hop-danger-text-disabled: var(--hop-rose-600);
835
+ --hop-danger-text-selected: var(--hop-rose-300);
836
+ --hop-danger-text: var(--hop-rose-75);
837
+ --hop-danger-surface-weak-selected: var(--hop-rose-600);
838
+ --hop-danger-surface-weak-press: var(--hop-rose-600);
839
+ --hop-danger-surface-weak-hover: var(--hop-rose-700);
840
+ --hop-danger-surface-weak: var(--hop-rose-800);
841
+ --hop-danger-surface-strong-hover: var(--hop-rose-200);
842
+ --hop-danger-surface-strong: var(--hop-rose-300);
843
+ --hop-danger-surface-press: var(--hop-rose-100);
844
+ --hop-danger-surface-hover: var(--hop-rose-200);
845
+ --hop-danger-surface-disabled: var(--hop-rose-600);
846
+ --hop-danger-surface-selected: var(--hop-rose-800);
847
+ --hop-danger-surface: var(--hop-rose-900);
848
+ --hop-danger-icon-weakest: var(--hop-rose-700);
849
+ --hop-danger-icon-weak-press: var(--hop-rose-100);
850
+ --hop-danger-icon-weak-hover: var(--hop-rose-200);
851
+ --hop-danger-icon-weak: var(--hop-rose-300);
851
852
  --hop-danger-icon-strong-hover: var(--hop-samoyed);
852
853
  --hop-danger-icon-strong: var(--hop-samoyed);
853
- --hop-danger-icon-press: var(--hop-amanita-50);
854
- --hop-danger-icon-hover: var(--hop-amanita-200);
855
- --hop-danger-icon-disabled: var(--hop-amanita-600);
856
- --hop-danger-icon-selected: var(--hop-amanita-100);
857
- --hop-danger-icon: var(--hop-amanita-900);
858
- --hop-danger-border-strong: var(--hop-amanita-300);
859
- --hop-danger-border-press: var(--hop-amanita-400);
860
- --hop-danger-border-selected: var(--hop-amanita-100);
861
- --hop-danger-border: var(--hop-amanita-500);
854
+ --hop-danger-icon-press: var(--hop-rose-50);
855
+ --hop-danger-icon-hover: var(--hop-rose-200);
856
+ --hop-danger-icon-disabled: var(--hop-rose-500);
857
+ --hop-danger-icon-selected: var(--hop-rose-300);
858
+ --hop-danger-icon: var(--hop-rose-75);
859
+ --hop-danger-border-strong: var(--hop-rose-400);
860
+ --hop-danger-border-press: var(--hop-rose-400);
861
+ --hop-danger-border-selected: var(--hop-rose-300);
862
+ --hop-danger-border: var(--hop-rose-600);
862
863
  --hop-danger-text-weak-active: var(--hop-amanita-300);
863
864
  --hop-danger-text-active: var(--hop-amanita-50);
864
865
  --hop-danger-surface-weak-active: var(--hop-amanita-600);