@tesouro/embedded-components-react 0.9.29 → 0.9.30

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.
package/dist/index.css CHANGED
@@ -2349,12 +2349,120 @@
2349
2349
  .ttw\:bg-cyan-subtle {
2350
2350
  background-color: var(
2351
2351
  --ttw-cyan-subtle,
2352
- var(--ttw-cyan)
2352
+ var(
2353
+ --_ttw-tint-relative,
2354
+ oklch(
2355
+ from
2356
+ oklch(from var(--ttw-cyan) 0.56 c h)
2357
+ l
2358
+ min(
2359
+ calc(c * 2.5),
2360
+ calc(
2361
+ (1 - l) *
2362
+ (
2363
+ 0.498 +
2364
+ (
2365
+ -0.028 * clamp(0, h, 30) + 0.087 *
2366
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2367
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2368
+ clamp(0, h - 120, 30) - 0.485 *
2369
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2370
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2371
+ clamp(0, h - 240, 30) + 0.083 *
2372
+ clamp(0, h - 270, 30) + 0.221 *
2373
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2374
+ ) /
2375
+ 30
2376
+ )
2377
+ ),
2378
+ calc(
2379
+ l *
2380
+ (
2381
+ 0.396 +
2382
+ (
2383
+ -0.041 * clamp(0, h, 30) - 0.146 *
2384
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2385
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2386
+ clamp(0, h - 120, 30) - 0.086 *
2387
+ clamp(0, h - 150, 30) - 0.004 *
2388
+ clamp(0, h - 180, 30) + 0.001 *
2389
+ clamp(0, h - 210, 30) + 0.328 *
2390
+ clamp(0, h - 240, 30) + 0.036 *
2391
+ clamp(0, h - 270, 30) - 0.081 *
2392
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2393
+ ) /
2394
+ 30
2395
+ )
2396
+ )
2397
+ )
2398
+ h
2399
+ )
2400
+ )
2401
+ var(
2402
+ --_ttw-tint-legacy,
2403
+ var(--ttw-cyan)
2404
+ )
2353
2405
  );
2354
2406
  @supports (color: color-mix(in lab, red, red)) {
2355
2407
  background-color: var(
2356
2408
  --ttw-cyan-subtle,
2357
- color-mix(in oklab, var(--ttw-cyan) 12%, var(--ttw-background))
2409
+ var(
2410
+ --_ttw-tint-relative,
2411
+ oklch(
2412
+ from
2413
+ color-mix(
2414
+ in oklch,
2415
+ oklch(from var(--ttw-cyan) 0.56 c h) 16%,
2416
+ oklch(from var(--ttw-background) l 0 none)
2417
+ )
2418
+ l
2419
+ min(
2420
+ calc(c * 2.5),
2421
+ calc(
2422
+ (1 - l) *
2423
+ (
2424
+ 0.498 +
2425
+ (
2426
+ -0.028 * clamp(0, h, 30) + 0.087 *
2427
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2428
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2429
+ clamp(0, h - 120, 30) - 0.485 *
2430
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2431
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2432
+ clamp(0, h - 240, 30) + 0.083 *
2433
+ clamp(0, h - 270, 30) + 0.221 *
2434
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2435
+ ) /
2436
+ 30
2437
+ )
2438
+ ),
2439
+ calc(
2440
+ l *
2441
+ (
2442
+ 0.396 +
2443
+ (
2444
+ -0.041 * clamp(0, h, 30) - 0.146 *
2445
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2446
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2447
+ clamp(0, h - 120, 30) - 0.086 *
2448
+ clamp(0, h - 150, 30) - 0.004 *
2449
+ clamp(0, h - 180, 30) + 0.001 *
2450
+ clamp(0, h - 210, 30) + 0.328 *
2451
+ clamp(0, h - 240, 30) + 0.036 *
2452
+ clamp(0, h - 270, 30) - 0.081 *
2453
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2454
+ ) /
2455
+ 30
2456
+ )
2457
+ )
2458
+ )
2459
+ h
2460
+ )
2461
+ )
2462
+ var(
2463
+ --_ttw-tint-legacy,
2464
+ color-mix(in oklab, var(--ttw-cyan) 12%, var(--ttw-background))
2465
+ )
2358
2466
  );
2359
2467
  }
2360
2468
  }
@@ -2364,12 +2472,120 @@
2364
2472
  .ttw\:bg-destructive-subtle {
2365
2473
  background-color: var(
2366
2474
  --ttw-destructive-subtle,
2367
- var(--ttw-destructive)
2475
+ var(
2476
+ --_ttw-tint-relative,
2477
+ oklch(
2478
+ from
2479
+ oklch(from var(--ttw-destructive) 0.56 c h)
2480
+ l
2481
+ min(
2482
+ calc(c * 2.5),
2483
+ calc(
2484
+ (1 - l) *
2485
+ (
2486
+ 0.498 +
2487
+ (
2488
+ -0.028 * clamp(0, h, 30) + 0.087 *
2489
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2490
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2491
+ clamp(0, h - 120, 30) - 0.485 *
2492
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2493
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2494
+ clamp(0, h - 240, 30) + 0.083 *
2495
+ clamp(0, h - 270, 30) + 0.221 *
2496
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2497
+ ) /
2498
+ 30
2499
+ )
2500
+ ),
2501
+ calc(
2502
+ l *
2503
+ (
2504
+ 0.396 +
2505
+ (
2506
+ -0.041 * clamp(0, h, 30) - 0.146 *
2507
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2508
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2509
+ clamp(0, h - 120, 30) - 0.086 *
2510
+ clamp(0, h - 150, 30) - 0.004 *
2511
+ clamp(0, h - 180, 30) + 0.001 *
2512
+ clamp(0, h - 210, 30) + 0.328 *
2513
+ clamp(0, h - 240, 30) + 0.036 *
2514
+ clamp(0, h - 270, 30) - 0.081 *
2515
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2516
+ ) /
2517
+ 30
2518
+ )
2519
+ )
2520
+ )
2521
+ h
2522
+ )
2523
+ )
2524
+ var(
2525
+ --_ttw-tint-legacy,
2526
+ var(--ttw-destructive)
2527
+ )
2368
2528
  );
2369
2529
  @supports (color: color-mix(in lab, red, red)) {
2370
2530
  background-color: var(
2371
2531
  --ttw-destructive-subtle,
2372
- color-mix(in oklab, var(--ttw-destructive) 12%, var(--ttw-background))
2532
+ var(
2533
+ --_ttw-tint-relative,
2534
+ oklch(
2535
+ from
2536
+ color-mix(
2537
+ in oklch,
2538
+ oklch(from var(--ttw-destructive) 0.56 c h) 16%,
2539
+ oklch(from var(--ttw-background) l 0 none)
2540
+ )
2541
+ l
2542
+ min(
2543
+ calc(c * 2.5),
2544
+ calc(
2545
+ (1 - l) *
2546
+ (
2547
+ 0.498 +
2548
+ (
2549
+ -0.028 * clamp(0, h, 30) + 0.087 *
2550
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2551
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2552
+ clamp(0, h - 120, 30) - 0.485 *
2553
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2554
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2555
+ clamp(0, h - 240, 30) + 0.083 *
2556
+ clamp(0, h - 270, 30) + 0.221 *
2557
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2558
+ ) /
2559
+ 30
2560
+ )
2561
+ ),
2562
+ calc(
2563
+ l *
2564
+ (
2565
+ 0.396 +
2566
+ (
2567
+ -0.041 * clamp(0, h, 30) - 0.146 *
2568
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2569
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2570
+ clamp(0, h - 120, 30) - 0.086 *
2571
+ clamp(0, h - 150, 30) - 0.004 *
2572
+ clamp(0, h - 180, 30) + 0.001 *
2573
+ clamp(0, h - 210, 30) + 0.328 *
2574
+ clamp(0, h - 240, 30) + 0.036 *
2575
+ clamp(0, h - 270, 30) - 0.081 *
2576
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2577
+ ) /
2578
+ 30
2579
+ )
2580
+ )
2581
+ )
2582
+ h
2583
+ )
2584
+ )
2585
+ var(
2586
+ --_ttw-tint-legacy,
2587
+ color-mix(in oklab, var(--ttw-destructive) 12%, var(--ttw-background))
2588
+ )
2373
2589
  );
2374
2590
  }
2375
2591
  }
@@ -2445,12 +2661,120 @@
2445
2661
  .ttw\:bg-info-subtle {
2446
2662
  background-color: var(
2447
2663
  --ttw-info-subtle,
2448
- var(--ttw-info)
2664
+ var(
2665
+ --_ttw-tint-relative,
2666
+ oklch(
2667
+ from
2668
+ oklch(from var(--ttw-info) 0.56 c h)
2669
+ l
2670
+ min(
2671
+ calc(c * 2.5),
2672
+ calc(
2673
+ (1 - l) *
2674
+ (
2675
+ 0.498 +
2676
+ (
2677
+ -0.028 * clamp(0, h, 30) + 0.087 *
2678
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2679
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2680
+ clamp(0, h - 120, 30) - 0.485 *
2681
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2682
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2683
+ clamp(0, h - 240, 30) + 0.083 *
2684
+ clamp(0, h - 270, 30) + 0.221 *
2685
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2686
+ ) /
2687
+ 30
2688
+ )
2689
+ ),
2690
+ calc(
2691
+ l *
2692
+ (
2693
+ 0.396 +
2694
+ (
2695
+ -0.041 * clamp(0, h, 30) - 0.146 *
2696
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2697
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2698
+ clamp(0, h - 120, 30) - 0.086 *
2699
+ clamp(0, h - 150, 30) - 0.004 *
2700
+ clamp(0, h - 180, 30) + 0.001 *
2701
+ clamp(0, h - 210, 30) + 0.328 *
2702
+ clamp(0, h - 240, 30) + 0.036 *
2703
+ clamp(0, h - 270, 30) - 0.081 *
2704
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2705
+ ) /
2706
+ 30
2707
+ )
2708
+ )
2709
+ )
2710
+ h
2711
+ )
2712
+ )
2713
+ var(
2714
+ --_ttw-tint-legacy,
2715
+ var(--ttw-info)
2716
+ )
2449
2717
  );
2450
2718
  @supports (color: color-mix(in lab, red, red)) {
2451
2719
  background-color: var(
2452
2720
  --ttw-info-subtle,
2453
- color-mix(in oklab, var(--ttw-info) 12%, var(--ttw-background))
2721
+ var(
2722
+ --_ttw-tint-relative,
2723
+ oklch(
2724
+ from
2725
+ color-mix(
2726
+ in oklch,
2727
+ oklch(from var(--ttw-info) 0.56 c h) 16%,
2728
+ oklch(from var(--ttw-background) l 0 none)
2729
+ )
2730
+ l
2731
+ min(
2732
+ calc(c * 2.5),
2733
+ calc(
2734
+ (1 - l) *
2735
+ (
2736
+ 0.498 +
2737
+ (
2738
+ -0.028 * clamp(0, h, 30) + 0.087 *
2739
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2740
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2741
+ clamp(0, h - 120, 30) - 0.485 *
2742
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2743
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2744
+ clamp(0, h - 240, 30) + 0.083 *
2745
+ clamp(0, h - 270, 30) + 0.221 *
2746
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2747
+ ) /
2748
+ 30
2749
+ )
2750
+ ),
2751
+ calc(
2752
+ l *
2753
+ (
2754
+ 0.396 +
2755
+ (
2756
+ -0.041 * clamp(0, h, 30) - 0.146 *
2757
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2758
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2759
+ clamp(0, h - 120, 30) - 0.086 *
2760
+ clamp(0, h - 150, 30) - 0.004 *
2761
+ clamp(0, h - 180, 30) + 0.001 *
2762
+ clamp(0, h - 210, 30) + 0.328 *
2763
+ clamp(0, h - 240, 30) + 0.036 *
2764
+ clamp(0, h - 270, 30) - 0.081 *
2765
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2766
+ ) /
2767
+ 30
2768
+ )
2769
+ )
2770
+ )
2771
+ h
2772
+ )
2773
+ )
2774
+ var(
2775
+ --_ttw-tint-legacy,
2776
+ color-mix(in oklab, var(--ttw-info) 12%, var(--ttw-background))
2777
+ )
2454
2778
  );
2455
2779
  }
2456
2780
  }
@@ -2556,12 +2880,120 @@
2556
2880
  .ttw\:bg-success-subtle {
2557
2881
  background-color: var(
2558
2882
  --ttw-success-subtle,
2559
- var(--ttw-success)
2883
+ var(
2884
+ --_ttw-tint-relative,
2885
+ oklch(
2886
+ from
2887
+ oklch(from var(--ttw-success) 0.56 c h)
2888
+ l
2889
+ min(
2890
+ calc(c * 2.5),
2891
+ calc(
2892
+ (1 - l) *
2893
+ (
2894
+ 0.498 +
2895
+ (
2896
+ -0.028 * clamp(0, h, 30) + 0.087 *
2897
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2898
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2899
+ clamp(0, h - 120, 30) - 0.485 *
2900
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2901
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2902
+ clamp(0, h - 240, 30) + 0.083 *
2903
+ clamp(0, h - 270, 30) + 0.221 *
2904
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2905
+ ) /
2906
+ 30
2907
+ )
2908
+ ),
2909
+ calc(
2910
+ l *
2911
+ (
2912
+ 0.396 +
2913
+ (
2914
+ -0.041 * clamp(0, h, 30) - 0.146 *
2915
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2916
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2917
+ clamp(0, h - 120, 30) - 0.086 *
2918
+ clamp(0, h - 150, 30) - 0.004 *
2919
+ clamp(0, h - 180, 30) + 0.001 *
2920
+ clamp(0, h - 210, 30) + 0.328 *
2921
+ clamp(0, h - 240, 30) + 0.036 *
2922
+ clamp(0, h - 270, 30) - 0.081 *
2923
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2924
+ ) /
2925
+ 30
2926
+ )
2927
+ )
2928
+ )
2929
+ h
2930
+ )
2931
+ )
2932
+ var(
2933
+ --_ttw-tint-legacy,
2934
+ var(--ttw-success)
2935
+ )
2560
2936
  );
2561
2937
  @supports (color: color-mix(in lab, red, red)) {
2562
2938
  background-color: var(
2563
2939
  --ttw-success-subtle,
2564
- color-mix(in oklab, var(--ttw-success) 12%, var(--ttw-background))
2940
+ var(
2941
+ --_ttw-tint-relative,
2942
+ oklch(
2943
+ from
2944
+ color-mix(
2945
+ in oklch,
2946
+ oklch(from var(--ttw-success) 0.56 c h) 16%,
2947
+ oklch(from var(--ttw-background) l 0 none)
2948
+ )
2949
+ l
2950
+ min(
2951
+ calc(c * 2.5),
2952
+ calc(
2953
+ (1 - l) *
2954
+ (
2955
+ 0.498 +
2956
+ (
2957
+ -0.028 * clamp(0, h, 30) + 0.087 *
2958
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2959
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2960
+ clamp(0, h - 120, 30) - 0.485 *
2961
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2962
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2963
+ clamp(0, h - 240, 30) + 0.083 *
2964
+ clamp(0, h - 270, 30) + 0.221 *
2965
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2966
+ ) /
2967
+ 30
2968
+ )
2969
+ ),
2970
+ calc(
2971
+ l *
2972
+ (
2973
+ 0.396 +
2974
+ (
2975
+ -0.041 * clamp(0, h, 30) - 0.146 *
2976
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2977
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2978
+ clamp(0, h - 120, 30) - 0.086 *
2979
+ clamp(0, h - 150, 30) - 0.004 *
2980
+ clamp(0, h - 180, 30) + 0.001 *
2981
+ clamp(0, h - 210, 30) + 0.328 *
2982
+ clamp(0, h - 240, 30) + 0.036 *
2983
+ clamp(0, h - 270, 30) - 0.081 *
2984
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2985
+ ) /
2986
+ 30
2987
+ )
2988
+ )
2989
+ )
2990
+ h
2991
+ )
2992
+ )
2993
+ var(
2994
+ --_ttw-tint-legacy,
2995
+ color-mix(in oklab, var(--ttw-success) 12%, var(--ttw-background))
2996
+ )
2565
2997
  );
2566
2998
  }
2567
2999
  }
@@ -2580,24 +3012,240 @@
2580
3012
  .ttw\:bg-violet-subtle {
2581
3013
  background-color: var(
2582
3014
  --ttw-violet-subtle,
2583
- var(--ttw-violet)
3015
+ var(
3016
+ --_ttw-tint-relative,
3017
+ oklch(
3018
+ from
3019
+ oklch(from var(--ttw-violet) 0.56 c h)
3020
+ l
3021
+ min(
3022
+ calc(c * 2.5),
3023
+ calc(
3024
+ (1 - l) *
3025
+ (
3026
+ 0.498 +
3027
+ (
3028
+ -0.028 * clamp(0, h, 30) + 0.087 *
3029
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3030
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3031
+ clamp(0, h - 120, 30) - 0.485 *
3032
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3033
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3034
+ clamp(0, h - 240, 30) + 0.083 *
3035
+ clamp(0, h - 270, 30) + 0.221 *
3036
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3037
+ ) /
3038
+ 30
3039
+ )
3040
+ ),
3041
+ calc(
3042
+ l *
3043
+ (
3044
+ 0.396 +
3045
+ (
3046
+ -0.041 * clamp(0, h, 30) - 0.146 *
3047
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3048
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3049
+ clamp(0, h - 120, 30) - 0.086 *
3050
+ clamp(0, h - 150, 30) - 0.004 *
3051
+ clamp(0, h - 180, 30) + 0.001 *
3052
+ clamp(0, h - 210, 30) + 0.328 *
3053
+ clamp(0, h - 240, 30) + 0.036 *
3054
+ clamp(0, h - 270, 30) - 0.081 *
3055
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3056
+ ) /
3057
+ 30
3058
+ )
3059
+ )
3060
+ )
3061
+ h
3062
+ )
3063
+ )
3064
+ var(
3065
+ --_ttw-tint-legacy,
3066
+ var(--ttw-violet)
3067
+ )
2584
3068
  );
2585
3069
  @supports (color: color-mix(in lab, red, red)) {
2586
3070
  background-color: var(
2587
3071
  --ttw-violet-subtle,
2588
- color-mix(in oklab, var(--ttw-violet) 12%, var(--ttw-background))
3072
+ var(
3073
+ --_ttw-tint-relative,
3074
+ oklch(
3075
+ from
3076
+ color-mix(
3077
+ in oklch,
3078
+ oklch(from var(--ttw-violet) 0.56 c h) 16%,
3079
+ oklch(from var(--ttw-background) l 0 none)
3080
+ )
3081
+ l
3082
+ min(
3083
+ calc(c * 2.5),
3084
+ calc(
3085
+ (1 - l) *
3086
+ (
3087
+ 0.498 +
3088
+ (
3089
+ -0.028 * clamp(0, h, 30) + 0.087 *
3090
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3091
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3092
+ clamp(0, h - 120, 30) - 0.485 *
3093
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3094
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3095
+ clamp(0, h - 240, 30) + 0.083 *
3096
+ clamp(0, h - 270, 30) + 0.221 *
3097
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3098
+ ) /
3099
+ 30
3100
+ )
3101
+ ),
3102
+ calc(
3103
+ l *
3104
+ (
3105
+ 0.396 +
3106
+ (
3107
+ -0.041 * clamp(0, h, 30) - 0.146 *
3108
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3109
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3110
+ clamp(0, h - 120, 30) - 0.086 *
3111
+ clamp(0, h - 150, 30) - 0.004 *
3112
+ clamp(0, h - 180, 30) + 0.001 *
3113
+ clamp(0, h - 210, 30) + 0.328 *
3114
+ clamp(0, h - 240, 30) + 0.036 *
3115
+ clamp(0, h - 270, 30) - 0.081 *
3116
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3117
+ ) /
3118
+ 30
3119
+ )
3120
+ )
3121
+ )
3122
+ h
3123
+ )
3124
+ )
3125
+ var(
3126
+ --_ttw-tint-legacy,
3127
+ color-mix(in oklab, var(--ttw-violet) 12%, var(--ttw-background))
3128
+ )
2589
3129
  );
2590
3130
  }
2591
3131
  }
2592
3132
  .ttw\:bg-warning-subtle {
2593
3133
  background-color: var(
2594
3134
  --ttw-warning-subtle,
2595
- var(--ttw-warning)
3135
+ var(
3136
+ --_ttw-tint-relative,
3137
+ oklch(
3138
+ from
3139
+ oklch(from var(--ttw-warning) 0.56 c h)
3140
+ l
3141
+ min(
3142
+ calc(c * 2.5),
3143
+ calc(
3144
+ (1 - l) *
3145
+ (
3146
+ 0.498 +
3147
+ (
3148
+ -0.028 * clamp(0, h, 30) + 0.087 *
3149
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3150
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3151
+ clamp(0, h - 120, 30) - 0.485 *
3152
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3153
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3154
+ clamp(0, h - 240, 30) + 0.083 *
3155
+ clamp(0, h - 270, 30) + 0.221 *
3156
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3157
+ ) /
3158
+ 30
3159
+ )
3160
+ ),
3161
+ calc(
3162
+ l *
3163
+ (
3164
+ 0.396 +
3165
+ (
3166
+ -0.041 * clamp(0, h, 30) - 0.146 *
3167
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3168
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3169
+ clamp(0, h - 120, 30) - 0.086 *
3170
+ clamp(0, h - 150, 30) - 0.004 *
3171
+ clamp(0, h - 180, 30) + 0.001 *
3172
+ clamp(0, h - 210, 30) + 0.328 *
3173
+ clamp(0, h - 240, 30) + 0.036 *
3174
+ clamp(0, h - 270, 30) - 0.081 *
3175
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3176
+ ) /
3177
+ 30
3178
+ )
3179
+ )
3180
+ )
3181
+ h
3182
+ )
3183
+ )
3184
+ var(
3185
+ --_ttw-tint-legacy,
3186
+ var(--ttw-warning)
3187
+ )
2596
3188
  );
2597
3189
  @supports (color: color-mix(in lab, red, red)) {
2598
3190
  background-color: var(
2599
3191
  --ttw-warning-subtle,
2600
- color-mix(in oklab, var(--ttw-warning) 12%, var(--ttw-background))
3192
+ var(
3193
+ --_ttw-tint-relative,
3194
+ oklch(
3195
+ from
3196
+ color-mix(
3197
+ in oklch,
3198
+ oklch(from var(--ttw-warning) 0.56 c h) 16%,
3199
+ oklch(from var(--ttw-background) l 0 none)
3200
+ )
3201
+ l
3202
+ min(
3203
+ calc(c * 2.5),
3204
+ calc(
3205
+ (1 - l) *
3206
+ (
3207
+ 0.498 +
3208
+ (
3209
+ -0.028 * clamp(0, h, 30) + 0.087 *
3210
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3211
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3212
+ clamp(0, h - 120, 30) - 0.485 *
3213
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3214
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3215
+ clamp(0, h - 240, 30) + 0.083 *
3216
+ clamp(0, h - 270, 30) + 0.221 *
3217
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3218
+ ) /
3219
+ 30
3220
+ )
3221
+ ),
3222
+ calc(
3223
+ l *
3224
+ (
3225
+ 0.396 +
3226
+ (
3227
+ -0.041 * clamp(0, h, 30) - 0.146 *
3228
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3229
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3230
+ clamp(0, h - 120, 30) - 0.086 *
3231
+ clamp(0, h - 150, 30) - 0.004 *
3232
+ clamp(0, h - 180, 30) + 0.001 *
3233
+ clamp(0, h - 210, 30) + 0.328 *
3234
+ clamp(0, h - 240, 30) + 0.036 *
3235
+ clamp(0, h - 270, 30) - 0.081 *
3236
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3237
+ ) /
3238
+ 30
3239
+ )
3240
+ )
3241
+ )
3242
+ h
3243
+ )
3244
+ )
3245
+ var(
3246
+ --_ttw-tint-legacy,
3247
+ color-mix(in oklab, var(--ttw-warning) 12%, var(--ttw-background))
3248
+ )
2601
3249
  );
2602
3250
  }
2603
3251
  }
@@ -3367,12 +4015,30 @@
3367
4015
  .ttw\:text-cyan-foreground {
3368
4016
  color: var(
3369
4017
  --ttw-cyan-foreground,
3370
- var(--ttw-cyan)
4018
+ var(
4019
+ --_ttw-tint-relative,
4020
+ oklch(from var(--ttw-cyan) 0.55 c h)
4021
+ )
4022
+ var(
4023
+ --_ttw-tint-legacy,
4024
+ var(--ttw-cyan)
4025
+ )
3371
4026
  );
3372
4027
  @supports (color: color-mix(in lab, red, red)) {
3373
4028
  color: var(
3374
4029
  --ttw-cyan-foreground,
3375
- color-mix(in oklab, var(--ttw-cyan) 60%, var(--ttw-foreground))
4030
+ var(
4031
+ --_ttw-tint-relative,
4032
+ color-mix(
4033
+ in oklch,
4034
+ oklch(from var(--ttw-cyan) 0.55 c h) 60%,
4035
+ oklch(from var(--ttw-foreground) l 0 none)
4036
+ )
4037
+ )
4038
+ var(
4039
+ --_ttw-tint-legacy,
4040
+ color-mix(in oklab, var(--ttw-cyan) 60%, var(--ttw-foreground))
4041
+ )
3376
4042
  );
3377
4043
  }
3378
4044
  }
@@ -3385,12 +4051,30 @@
3385
4051
  .ttw\:text-destructive-subtle-foreground {
3386
4052
  color: var(
3387
4053
  --ttw-destructive-subtle-foreground,
3388
- var(--ttw-destructive)
4054
+ var(
4055
+ --_ttw-tint-relative,
4056
+ oklch(from var(--ttw-destructive) 0.55 c h)
4057
+ )
4058
+ var(
4059
+ --_ttw-tint-legacy,
4060
+ var(--ttw-destructive)
4061
+ )
3389
4062
  );
3390
4063
  @supports (color: color-mix(in lab, red, red)) {
3391
4064
  color: var(
3392
4065
  --ttw-destructive-subtle-foreground,
3393
- color-mix(in oklab, var(--ttw-destructive) 60%, var(--ttw-foreground))
4066
+ var(
4067
+ --_ttw-tint-relative,
4068
+ color-mix(
4069
+ in oklch,
4070
+ oklch(from var(--ttw-destructive) 0.55 c h) 60%,
4071
+ oklch(from var(--ttw-foreground) l 0 none)
4072
+ )
4073
+ )
4074
+ var(
4075
+ --_ttw-tint-legacy,
4076
+ color-mix(in oklab, var(--ttw-destructive) 60%, var(--ttw-foreground))
4077
+ )
3394
4078
  );
3395
4079
  }
3396
4080
  }
@@ -3433,12 +4117,30 @@
3433
4117
  .ttw\:text-info-foreground {
3434
4118
  color: var(
3435
4119
  --ttw-info-foreground,
3436
- var(--ttw-info)
4120
+ var(
4121
+ --_ttw-tint-relative,
4122
+ oklch(from var(--ttw-info) 0.55 c h)
4123
+ )
4124
+ var(
4125
+ --_ttw-tint-legacy,
4126
+ var(--ttw-info)
4127
+ )
3437
4128
  );
3438
4129
  @supports (color: color-mix(in lab, red, red)) {
3439
4130
  color: var(
3440
4131
  --ttw-info-foreground,
3441
- color-mix(in oklab, var(--ttw-info) 60%, var(--ttw-foreground))
4132
+ var(
4133
+ --_ttw-tint-relative,
4134
+ color-mix(
4135
+ in oklch,
4136
+ oklch(from var(--ttw-info) 0.55 c h) 60%,
4137
+ oklch(from var(--ttw-foreground) l 0 none)
4138
+ )
4139
+ )
4140
+ var(
4141
+ --_ttw-tint-legacy,
4142
+ color-mix(in oklab, var(--ttw-info) 60%, var(--ttw-foreground))
4143
+ )
3442
4144
  );
3443
4145
  }
3444
4146
  }
@@ -3508,12 +4210,30 @@
3508
4210
  .ttw\:text-success-foreground {
3509
4211
  color: var(
3510
4212
  --ttw-success-foreground,
3511
- var(--ttw-success)
4213
+ var(
4214
+ --_ttw-tint-relative,
4215
+ oklch(from var(--ttw-success) 0.55 c h)
4216
+ )
4217
+ var(
4218
+ --_ttw-tint-legacy,
4219
+ var(--ttw-success)
4220
+ )
3512
4221
  );
3513
4222
  @supports (color: color-mix(in lab, red, red)) {
3514
4223
  color: var(
3515
4224
  --ttw-success-foreground,
3516
- color-mix(in oklab, var(--ttw-success) 60%, var(--ttw-foreground))
4225
+ var(
4226
+ --_ttw-tint-relative,
4227
+ color-mix(
4228
+ in oklch,
4229
+ oklch(from var(--ttw-success) 0.55 c h) 60%,
4230
+ oklch(from var(--ttw-foreground) l 0 none)
4231
+ )
4232
+ )
4233
+ var(
4234
+ --_ttw-tint-legacy,
4235
+ color-mix(in oklab, var(--ttw-success) 60%, var(--ttw-foreground))
4236
+ )
3517
4237
  );
3518
4238
  }
3519
4239
  }
@@ -3523,12 +4243,30 @@
3523
4243
  .ttw\:text-violet-foreground {
3524
4244
  color: var(
3525
4245
  --ttw-violet-foreground,
3526
- var(--ttw-violet)
4246
+ var(
4247
+ --_ttw-tint-relative,
4248
+ oklch(from var(--ttw-violet) 0.55 c h)
4249
+ )
4250
+ var(
4251
+ --_ttw-tint-legacy,
4252
+ var(--ttw-violet)
4253
+ )
3527
4254
  );
3528
4255
  @supports (color: color-mix(in lab, red, red)) {
3529
4256
  color: var(
3530
4257
  --ttw-violet-foreground,
3531
- color-mix(in oklab, var(--ttw-violet) 60%, var(--ttw-foreground))
4258
+ var(
4259
+ --_ttw-tint-relative,
4260
+ color-mix(
4261
+ in oklch,
4262
+ oklch(from var(--ttw-violet) 0.55 c h) 60%,
4263
+ oklch(from var(--ttw-foreground) l 0 none)
4264
+ )
4265
+ )
4266
+ var(
4267
+ --_ttw-tint-legacy,
4268
+ color-mix(in oklab, var(--ttw-violet) 60%, var(--ttw-foreground))
4269
+ )
3532
4270
  );
3533
4271
  }
3534
4272
  }
@@ -3538,12 +4276,30 @@
3538
4276
  .ttw\:text-warning-foreground {
3539
4277
  color: var(
3540
4278
  --ttw-warning-foreground,
3541
- var(--ttw-warning)
4279
+ var(
4280
+ --_ttw-tint-relative,
4281
+ oklch(from var(--ttw-warning) 0.55 c h)
4282
+ )
4283
+ var(
4284
+ --_ttw-tint-legacy,
4285
+ var(--ttw-warning)
4286
+ )
3542
4287
  );
3543
4288
  @supports (color: color-mix(in lab, red, red)) {
3544
4289
  color: var(
3545
4290
  --ttw-warning-foreground,
3546
- color-mix(in oklab, var(--ttw-warning) 60%, var(--ttw-foreground))
4291
+ var(
4292
+ --_ttw-tint-relative,
4293
+ color-mix(
4294
+ in oklch,
4295
+ oklch(from var(--ttw-warning) 0.55 c h) 60%,
4296
+ oklch(from var(--ttw-foreground) l 0 none)
4297
+ )
4298
+ )
4299
+ var(
4300
+ --_ttw-tint-legacy,
4301
+ color-mix(in oklab, var(--ttw-warning) 60%, var(--ttw-foreground))
4302
+ )
3547
4303
  );
3548
4304
  }
3549
4305
  }
@@ -6103,6 +6859,14 @@
6103
6859
  --ttw-violet: #7c3aed;
6104
6860
  --ttw-cyan: #0891b2;
6105
6861
  --ttw-overlay: oklch(0 0 0 / 0.5);
6862
+ --_ttw-tint-relative: ;
6863
+ --_ttw-tint-legacy: initial;
6864
+ }
6865
+ @supports (color: oklch(from red l min(c, calc(l * clamp(0, h - 30, 30))) h)) and (color: color-mix(in oklch, red, oklch(from red l 0 none))) {
6866
+ :root, :host, .tesouro-embedded-light {
6867
+ --_ttw-tint-relative: initial;
6868
+ --_ttw-tint-legacy: ;
6869
+ }
6106
6870
  }
6107
6871
  .dark {
6108
6872
  --ttw-background: oklch(0.145 0 0);