@tesouro/embedded-components-react 0.11.0 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/experimental/QuickViewWidget.d.ts +11 -0
  2. package/dist/experimental/RemoteCheckCapture.d.ts +11 -0
  3. package/dist/experimental/index.d.ts +11 -0
  4. package/dist/index.css +509 -61
  5. package/dist/index.d.ts +54 -13
  6. package/dist/lib/AcceptDisclosuresWidget.d.ts +11 -0
  7. package/dist/lib/BalancesWidget.d.ts +11 -0
  8. package/dist/lib/BankAccountOnboardingWidget.d.ts +11 -0
  9. package/dist/lib/BankAccountsWidget.d.ts +11 -0
  10. package/dist/lib/BankingComplianceBannerWidget.d.ts +11 -0
  11. package/dist/lib/BillPayWidget.d.ts +11 -0
  12. package/dist/lib/CardDetailsWidget.d.ts +11 -0
  13. package/dist/lib/CounterpartsWidget.d.ts +11 -0
  14. package/dist/lib/CounterpartsWidgetPublic.d.ts +11 -0
  15. package/dist/lib/CreditCardsWidget.d.ts +11 -0
  16. package/dist/lib/CustomersWidget.d.ts +11 -0
  17. package/dist/lib/DebitCardsWidget.d.ts +11 -0
  18. package/dist/lib/ExpenseManagementWidget.d.ts +11 -0
  19. package/dist/lib/InsightsWidget.d.ts +11 -0
  20. package/dist/lib/LinkedAccountsWidget.d.ts +11 -0
  21. package/dist/lib/OfferWidget.d.ts +11 -0
  22. package/dist/lib/ProductsWidget.d.ts +11 -0
  23. package/dist/lib/ReceivablesWidget.d.ts +11 -0
  24. package/dist/lib/SettingsWidget.d.ts +11 -0
  25. package/dist/lib/TransfersWidget.d.ts +54 -13
  26. package/dist/lib/WidgetProvider.d.ts +11 -0
  27. package/dist/lib/WidgetProviderPublic.d.ts +11 -0
  28. package/dist/lib/WidgetSuite.d.ts +54 -13
  29. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  30. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/index.js +15 -12
  31. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/AmountInput/AmountInput.js +30 -0
  32. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/LoadingRegion/LoadingRegion.js +14 -1
  33. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/MaskedAccountNumber.js +57 -0
  34. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/labels.js +7 -0
  35. package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/TransfersWidgetInner.js +4 -2
  36. package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/testIds.js +2 -2
  37. package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/transferViews.js +10 -17
  38. package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/useTransferMoneyModalController.js +159 -218
  39. package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/mocks/labels.js +1 -1
  40. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/ReviewTransferStep.js +37 -88
  41. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModal.js +184 -245
  42. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferResultStep.js +43 -58
  43. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/reviewTransferStepLabels.js +6 -5
  44. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/transferResultStepLabels.js +7 -6
  45. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/useFocusFirstInvalidField.js +9 -0
  46. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferAccountValue.js +32 -0
  47. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferDetailSheet.js +68 -101
  48. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransfersWidget.js +155 -153
  49. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js +20 -11
  50. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/maskLabels.js +7 -0
  51. package/dist/packages/shared-ui-shadcn/dist/index.js +1850 -1607
  52. package/package.json +1 -1
  53. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModalHeader.js +0 -29
  54. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferReviewAccountCard.js +0 -64
  55. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferAccountTile.js +0 -14
  56. package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferStatusBadge.js +0 -17
package/dist/index.css CHANGED
@@ -76,9 +76,7 @@
76
76
  --ttw-color-pink-100: oklch(94.8% 0.028 342.258);
77
77
  --ttw-color-pink-200: oklch(89.9% 0.061 343.231);
78
78
  --ttw-color-pink-700: oklch(52.5% 0.223 3.958);
79
- --ttw-color-rose-100: oklch(94.1% 0.03 12.58);
80
79
  --ttw-color-rose-300: oklch(81% 0.117 11.638);
81
- --ttw-color-rose-700: oklch(51.4% 0.222 16.935);
82
80
  --ttw-color-zinc-100: oklch(96.7% 0.001 286.375);
83
81
  --ttw-color-zinc-500: oklch(55.2% 0.016 285.938);
84
82
  --ttw-color-zinc-700: oklch(37% 0.013 285.805);
@@ -338,8 +336,8 @@
338
336
  .ttw\:-mx-2 {
339
337
  margin-inline: calc(var(--ttw-spacing) * -2);
340
338
  }
341
- .ttw\:-mx-6 {
342
- margin-inline: calc(var(--ttw-spacing) * -6);
339
+ .ttw\:-mx-\[0\.1em\] {
340
+ margin-inline: calc(0.1em * -1);
343
341
  }
344
342
  .ttw\:mx-1 {
345
343
  margin-inline: var(--ttw-spacing);
@@ -356,6 +354,9 @@
356
354
  .ttw\:-my-1 {
357
355
  margin-block: calc(var(--ttw-spacing) * -1);
358
356
  }
357
+ .ttw\:-my-1\.5 {
358
+ margin-block: calc(var(--ttw-spacing) * -1.5);
359
+ }
359
360
  .ttw\:-my-2 {
360
361
  margin-block: calc(var(--ttw-spacing) * -2);
361
362
  }
@@ -614,6 +615,10 @@
614
615
  width: calc(var(--ttw-spacing) * 20);
615
616
  height: calc(var(--ttw-spacing) * 20);
616
617
  }
618
+ .ttw\:size-\[0\.75em\] {
619
+ width: 0.75em;
620
+ height: 0.75em;
621
+ }
617
622
  .ttw\:size-\[1em\] {
618
623
  width: 1em;
619
624
  height: 1em;
@@ -687,9 +692,6 @@
687
692
  .ttw\:h-10 {
688
693
  height: calc(var(--ttw-spacing) * 10);
689
694
  }
690
- .ttw\:h-11 {
691
- height: calc(var(--ttw-spacing) * 11);
692
- }
693
695
  .ttw\:h-12 {
694
696
  height: calc(var(--ttw-spacing) * 12);
695
697
  }
@@ -867,9 +869,6 @@
867
869
  .ttw\:min-h-12 {
868
870
  min-height: calc(var(--ttw-spacing) * 12);
869
871
  }
870
- .ttw\:min-h-14 {
871
- min-height: calc(var(--ttw-spacing) * 14);
872
- }
873
872
  .ttw\:min-h-16 {
874
873
  min-height: calc(var(--ttw-spacing) * 16);
875
874
  }
@@ -1227,6 +1226,9 @@
1227
1226
  .ttw\:max-w-48 {
1228
1227
  max-width: calc(var(--ttw-spacing) * 48);
1229
1228
  }
1229
+ .ttw\:max-w-50 {
1230
+ max-width: calc(var(--ttw-spacing) * 50);
1231
+ }
1230
1232
  .ttw\:max-w-55\.5 {
1231
1233
  max-width: calc(var(--ttw-spacing) * 55.5);
1232
1234
  }
@@ -1239,6 +1241,9 @@
1239
1241
  .ttw\:max-w-64 {
1240
1242
  max-width: calc(var(--ttw-spacing) * 64);
1241
1243
  }
1244
+ .ttw\:max-w-70 {
1245
+ max-width: calc(var(--ttw-spacing) * 70);
1246
+ }
1242
1247
  .ttw\:max-w-80 {
1243
1248
  max-width: calc(var(--ttw-spacing) * 80);
1244
1249
  }
@@ -1642,9 +1647,6 @@
1642
1647
  .ttw\:grid-cols-\[max-content_1fr\] {
1643
1648
  grid-template-columns: max-content 1fr;
1644
1649
  }
1645
- .ttw\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
1646
- grid-template-columns: minmax(0,1fr) auto;
1647
- }
1648
1650
  .ttw\:grid-rows-\[auto_1fr_auto\] {
1649
1651
  grid-template-rows: auto 1fr auto;
1650
1652
  }
@@ -1863,9 +1865,6 @@
1863
1865
  .ttw\:self-stretch {
1864
1866
  align-self: stretch;
1865
1867
  }
1866
- .ttw\:justify-self-end {
1867
- justify-self: flex-end;
1868
- }
1869
1868
  .ttw\:truncate {
1870
1869
  overflow: hidden;
1871
1870
  text-overflow: ellipsis;
@@ -2125,6 +2124,12 @@
2125
2124
  border-color: color-mix(in oklab, var(--ttw-destructive) 30%, transparent);
2126
2125
  }
2127
2126
  }
2127
+ .ttw\:border-destructive\/40 {
2128
+ border-color: var(--ttw-destructive);
2129
+ @supports (color: color-mix(in lab, red, red)) {
2130
+ border-color: color-mix(in oklab, var(--ttw-destructive) 40%, transparent);
2131
+ }
2132
+ }
2128
2133
  .ttw\:border-emerald-200 {
2129
2134
  border-color: var(--ttw-color-emerald-200);
2130
2135
  }
@@ -2134,8 +2139,11 @@
2134
2139
  .ttw\:border-green-200 {
2135
2140
  border-color: var(--ttw-color-green-200);
2136
2141
  }
2137
- .ttw\:border-info {
2142
+ .ttw\:border-info\/40 {
2138
2143
  border-color: var(--ttw-info);
2144
+ @supports (color: color-mix(in lab, red, red)) {
2145
+ border-color: color-mix(in oklab, var(--ttw-info) 40%, transparent);
2146
+ }
2139
2147
  }
2140
2148
  .ttw\:border-input {
2141
2149
  border-color: var(--ttw-input);
@@ -2173,8 +2181,11 @@
2173
2181
  .ttw\:border-sky-100 {
2174
2182
  border-color: var(--ttw-color-sky-100);
2175
2183
  }
2176
- .ttw\:border-success {
2184
+ .ttw\:border-success\/40 {
2177
2185
  border-color: var(--ttw-success);
2186
+ @supports (color: color-mix(in lab, red, red)) {
2187
+ border-color: color-mix(in oklab, var(--ttw-success) 40%, transparent);
2188
+ }
2178
2189
  }
2179
2190
  .ttw\:border-transparent {
2180
2191
  border-color: transparent;
@@ -2185,9 +2196,6 @@
2185
2196
  .ttw\:border-violet-200 {
2186
2197
  border-color: var(--ttw-color-violet-200);
2187
2198
  }
2188
- .ttw\:border-warning {
2189
- border-color: var(--ttw-warning);
2190
- }
2191
2199
  .ttw\:border-warning\/40 {
2192
2200
  border-color: var(--ttw-warning);
2193
2201
  @supports (color: color-mix(in lab, red, red)) {
@@ -2593,6 +2601,126 @@
2593
2601
  );
2594
2602
  }
2595
2603
  }
2604
+ .ttw\:bg-destructive-subtle\/30 {
2605
+ background-color: var(
2606
+ --ttw-destructive-subtle,
2607
+ var(
2608
+ --_ttw-tint-relative,
2609
+ oklch(
2610
+ from
2611
+ oklch(from var(--ttw-destructive) 0.56 c h)
2612
+ l
2613
+ min(
2614
+ calc(c * 2.5),
2615
+ calc(
2616
+ (1 - l) *
2617
+ (
2618
+ 0.498 +
2619
+ (
2620
+ -0.028 * clamp(0, h, 30) + 0.087 *
2621
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2622
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2623
+ clamp(0, h - 120, 30) - 0.485 *
2624
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2625
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2626
+ clamp(0, h - 240, 30) + 0.083 *
2627
+ clamp(0, h - 270, 30) + 0.221 *
2628
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2629
+ ) /
2630
+ 30
2631
+ )
2632
+ ),
2633
+ calc(
2634
+ l *
2635
+ (
2636
+ 0.396 +
2637
+ (
2638
+ -0.041 * clamp(0, h, 30) - 0.146 *
2639
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2640
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2641
+ clamp(0, h - 120, 30) - 0.086 *
2642
+ clamp(0, h - 150, 30) - 0.004 *
2643
+ clamp(0, h - 180, 30) + 0.001 *
2644
+ clamp(0, h - 210, 30) + 0.328 *
2645
+ clamp(0, h - 240, 30) + 0.036 *
2646
+ clamp(0, h - 270, 30) - 0.081 *
2647
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2648
+ ) /
2649
+ 30
2650
+ )
2651
+ )
2652
+ )
2653
+ h
2654
+ )
2655
+ )
2656
+ var(
2657
+ --_ttw-tint-legacy,
2658
+ var(--ttw-destructive)
2659
+ )
2660
+ );
2661
+ @supports (color: color-mix(in lab, red, red)) {
2662
+ background-color: color-mix(in oklab, var(
2663
+ --ttw-destructive-subtle,
2664
+ var(
2665
+ --_ttw-tint-relative,
2666
+ oklch(
2667
+ from
2668
+ color-mix(
2669
+ in oklch,
2670
+ oklch(from var(--ttw-destructive) 0.56 c h) 16%,
2671
+ oklch(from var(--ttw-background) l 0 none)
2672
+ )
2673
+ l
2674
+ min(
2675
+ calc(c * 2.5),
2676
+ calc(
2677
+ (1 - l) *
2678
+ (
2679
+ 0.498 +
2680
+ (
2681
+ -0.028 * clamp(0, h, 30) + 0.087 *
2682
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2683
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2684
+ clamp(0, h - 120, 30) - 0.485 *
2685
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2686
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2687
+ clamp(0, h - 240, 30) + 0.083 *
2688
+ clamp(0, h - 270, 30) + 0.221 *
2689
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2690
+ ) /
2691
+ 30
2692
+ )
2693
+ ),
2694
+ calc(
2695
+ l *
2696
+ (
2697
+ 0.396 +
2698
+ (
2699
+ -0.041 * clamp(0, h, 30) - 0.146 *
2700
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2701
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2702
+ clamp(0, h - 120, 30) - 0.086 *
2703
+ clamp(0, h - 150, 30) - 0.004 *
2704
+ clamp(0, h - 180, 30) + 0.001 *
2705
+ clamp(0, h - 210, 30) + 0.328 *
2706
+ clamp(0, h - 240, 30) + 0.036 *
2707
+ clamp(0, h - 270, 30) - 0.081 *
2708
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2709
+ ) /
2710
+ 30
2711
+ )
2712
+ )
2713
+ )
2714
+ h
2715
+ )
2716
+ )
2717
+ var(
2718
+ --_ttw-tint-legacy,
2719
+ color-mix(in oklab, var(--ttw-destructive) 12%, var(--ttw-background))
2720
+ )
2721
+ ) 30%, transparent);
2722
+ }
2723
+ }
2596
2724
  .ttw\:bg-destructive\/5 {
2597
2725
  background-color: var(--ttw-destructive);
2598
2726
  @supports (color: color-mix(in lab, red, red)) {
@@ -2782,6 +2910,126 @@
2782
2910
  );
2783
2911
  }
2784
2912
  }
2913
+ .ttw\:bg-info-subtle\/30 {
2914
+ background-color: var(
2915
+ --ttw-info-subtle,
2916
+ var(
2917
+ --_ttw-tint-relative,
2918
+ oklch(
2919
+ from
2920
+ oklch(from var(--ttw-info) 0.56 c h)
2921
+ l
2922
+ min(
2923
+ calc(c * 2.5),
2924
+ calc(
2925
+ (1 - l) *
2926
+ (
2927
+ 0.498 +
2928
+ (
2929
+ -0.028 * clamp(0, h, 30) + 0.087 *
2930
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2931
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2932
+ clamp(0, h - 120, 30) - 0.485 *
2933
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2934
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2935
+ clamp(0, h - 240, 30) + 0.083 *
2936
+ clamp(0, h - 270, 30) + 0.221 *
2937
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2938
+ ) /
2939
+ 30
2940
+ )
2941
+ ),
2942
+ calc(
2943
+ l *
2944
+ (
2945
+ 0.396 +
2946
+ (
2947
+ -0.041 * clamp(0, h, 30) - 0.146 *
2948
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
2949
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
2950
+ clamp(0, h - 120, 30) - 0.086 *
2951
+ clamp(0, h - 150, 30) - 0.004 *
2952
+ clamp(0, h - 180, 30) + 0.001 *
2953
+ clamp(0, h - 210, 30) + 0.328 *
2954
+ clamp(0, h - 240, 30) + 0.036 *
2955
+ clamp(0, h - 270, 30) - 0.081 *
2956
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
2957
+ ) /
2958
+ 30
2959
+ )
2960
+ )
2961
+ )
2962
+ h
2963
+ )
2964
+ )
2965
+ var(
2966
+ --_ttw-tint-legacy,
2967
+ var(--ttw-info)
2968
+ )
2969
+ );
2970
+ @supports (color: color-mix(in lab, red, red)) {
2971
+ background-color: color-mix(in oklab, var(
2972
+ --ttw-info-subtle,
2973
+ var(
2974
+ --_ttw-tint-relative,
2975
+ oklch(
2976
+ from
2977
+ color-mix(
2978
+ in oklch,
2979
+ oklch(from var(--ttw-info) 0.56 c h) 16%,
2980
+ oklch(from var(--ttw-background) l 0 none)
2981
+ )
2982
+ l
2983
+ min(
2984
+ calc(c * 2.5),
2985
+ calc(
2986
+ (1 - l) *
2987
+ (
2988
+ 0.498 +
2989
+ (
2990
+ -0.028 * clamp(0, h, 30) + 0.087 *
2991
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
2992
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
2993
+ clamp(0, h - 120, 30) - 0.485 *
2994
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
2995
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
2996
+ clamp(0, h - 240, 30) + 0.083 *
2997
+ clamp(0, h - 270, 30) + 0.221 *
2998
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
2999
+ ) /
3000
+ 30
3001
+ )
3002
+ ),
3003
+ calc(
3004
+ l *
3005
+ (
3006
+ 0.396 +
3007
+ (
3008
+ -0.041 * clamp(0, h, 30) - 0.146 *
3009
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3010
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3011
+ clamp(0, h - 120, 30) - 0.086 *
3012
+ clamp(0, h - 150, 30) - 0.004 *
3013
+ clamp(0, h - 180, 30) + 0.001 *
3014
+ clamp(0, h - 210, 30) + 0.328 *
3015
+ clamp(0, h - 240, 30) + 0.036 *
3016
+ clamp(0, h - 270, 30) - 0.081 *
3017
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3018
+ ) /
3019
+ 30
3020
+ )
3021
+ )
3022
+ )
3023
+ h
3024
+ )
3025
+ )
3026
+ var(
3027
+ --_ttw-tint-legacy,
3028
+ color-mix(in oklab, var(--ttw-info) 12%, var(--ttw-background))
3029
+ )
3030
+ ) 30%, transparent);
3031
+ }
3032
+ }
2785
3033
  .ttw\:bg-muted {
2786
3034
  background-color: var(--ttw-muted);
2787
3035
  }
@@ -2863,9 +3111,6 @@
2863
3111
  .ttw\:bg-red-600 {
2864
3112
  background-color: var(--ttw-color-red-600);
2865
3113
  }
2866
- .ttw\:bg-rose-100 {
2867
- background-color: var(--ttw-color-rose-100);
2868
- }
2869
3114
  .ttw\:bg-secondary {
2870
3115
  background-color: var(--ttw-secondary);
2871
3116
  }
@@ -3004,6 +3249,126 @@
3004
3249
  );
3005
3250
  }
3006
3251
  }
3252
+ .ttw\:bg-success-subtle\/30 {
3253
+ background-color: var(
3254
+ --ttw-success-subtle,
3255
+ var(
3256
+ --_ttw-tint-relative,
3257
+ oklch(
3258
+ from
3259
+ oklch(from var(--ttw-success) 0.56 c h)
3260
+ l
3261
+ min(
3262
+ calc(c * 2.5),
3263
+ calc(
3264
+ (1 - l) *
3265
+ (
3266
+ 0.498 +
3267
+ (
3268
+ -0.028 * clamp(0, h, 30) + 0.087 *
3269
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3270
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3271
+ clamp(0, h - 120, 30) - 0.485 *
3272
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3273
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3274
+ clamp(0, h - 240, 30) + 0.083 *
3275
+ clamp(0, h - 270, 30) + 0.221 *
3276
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3277
+ ) /
3278
+ 30
3279
+ )
3280
+ ),
3281
+ calc(
3282
+ l *
3283
+ (
3284
+ 0.396 +
3285
+ (
3286
+ -0.041 * clamp(0, h, 30) - 0.146 *
3287
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3288
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3289
+ clamp(0, h - 120, 30) - 0.086 *
3290
+ clamp(0, h - 150, 30) - 0.004 *
3291
+ clamp(0, h - 180, 30) + 0.001 *
3292
+ clamp(0, h - 210, 30) + 0.328 *
3293
+ clamp(0, h - 240, 30) + 0.036 *
3294
+ clamp(0, h - 270, 30) - 0.081 *
3295
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3296
+ ) /
3297
+ 30
3298
+ )
3299
+ )
3300
+ )
3301
+ h
3302
+ )
3303
+ )
3304
+ var(
3305
+ --_ttw-tint-legacy,
3306
+ var(--ttw-success)
3307
+ )
3308
+ );
3309
+ @supports (color: color-mix(in lab, red, red)) {
3310
+ background-color: color-mix(in oklab, var(
3311
+ --ttw-success-subtle,
3312
+ var(
3313
+ --_ttw-tint-relative,
3314
+ oklch(
3315
+ from
3316
+ color-mix(
3317
+ in oklch,
3318
+ oklch(from var(--ttw-success) 0.56 c h) 16%,
3319
+ oklch(from var(--ttw-background) l 0 none)
3320
+ )
3321
+ l
3322
+ min(
3323
+ calc(c * 2.5),
3324
+ calc(
3325
+ (1 - l) *
3326
+ (
3327
+ 0.498 +
3328
+ (
3329
+ -0.028 * clamp(0, h, 30) + 0.087 *
3330
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3331
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3332
+ clamp(0, h - 120, 30) - 0.485 *
3333
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3334
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3335
+ clamp(0, h - 240, 30) + 0.083 *
3336
+ clamp(0, h - 270, 30) + 0.221 *
3337
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3338
+ ) /
3339
+ 30
3340
+ )
3341
+ ),
3342
+ calc(
3343
+ l *
3344
+ (
3345
+ 0.396 +
3346
+ (
3347
+ -0.041 * clamp(0, h, 30) - 0.146 *
3348
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3349
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3350
+ clamp(0, h - 120, 30) - 0.086 *
3351
+ clamp(0, h - 150, 30) - 0.004 *
3352
+ clamp(0, h - 180, 30) + 0.001 *
3353
+ clamp(0, h - 210, 30) + 0.328 *
3354
+ clamp(0, h - 240, 30) + 0.036 *
3355
+ clamp(0, h - 270, 30) - 0.081 *
3356
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3357
+ ) /
3358
+ 30
3359
+ )
3360
+ )
3361
+ )
3362
+ h
3363
+ )
3364
+ )
3365
+ var(
3366
+ --_ttw-tint-legacy,
3367
+ color-mix(in oklab, var(--ttw-success) 12%, var(--ttw-background))
3368
+ )
3369
+ ) 30%, transparent);
3370
+ }
3371
+ }
3007
3372
  .ttw\:bg-surface-subtle {
3008
3373
  background-color: var(--ttw-surface-subtle, var(--ttw-muted));
3009
3374
  }
@@ -3256,6 +3621,126 @@
3256
3621
  );
3257
3622
  }
3258
3623
  }
3624
+ .ttw\:bg-warning-subtle\/30 {
3625
+ background-color: var(
3626
+ --ttw-warning-subtle,
3627
+ var(
3628
+ --_ttw-tint-relative,
3629
+ oklch(
3630
+ from
3631
+ oklch(from var(--ttw-warning) 0.56 c h)
3632
+ l
3633
+ min(
3634
+ calc(c * 2.5),
3635
+ calc(
3636
+ (1 - l) *
3637
+ (
3638
+ 0.498 +
3639
+ (
3640
+ -0.028 * clamp(0, h, 30) + 0.087 *
3641
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3642
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3643
+ clamp(0, h - 120, 30) - 0.485 *
3644
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3645
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3646
+ clamp(0, h - 240, 30) + 0.083 *
3647
+ clamp(0, h - 270, 30) + 0.221 *
3648
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3649
+ ) /
3650
+ 30
3651
+ )
3652
+ ),
3653
+ calc(
3654
+ l *
3655
+ (
3656
+ 0.396 +
3657
+ (
3658
+ -0.041 * clamp(0, h, 30) - 0.146 *
3659
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3660
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3661
+ clamp(0, h - 120, 30) - 0.086 *
3662
+ clamp(0, h - 150, 30) - 0.004 *
3663
+ clamp(0, h - 180, 30) + 0.001 *
3664
+ clamp(0, h - 210, 30) + 0.328 *
3665
+ clamp(0, h - 240, 30) + 0.036 *
3666
+ clamp(0, h - 270, 30) - 0.081 *
3667
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3668
+ ) /
3669
+ 30
3670
+ )
3671
+ )
3672
+ )
3673
+ h
3674
+ )
3675
+ )
3676
+ var(
3677
+ --_ttw-tint-legacy,
3678
+ var(--ttw-warning)
3679
+ )
3680
+ );
3681
+ @supports (color: color-mix(in lab, red, red)) {
3682
+ background-color: color-mix(in oklab, var(
3683
+ --ttw-warning-subtle,
3684
+ var(
3685
+ --_ttw-tint-relative,
3686
+ oklch(
3687
+ from
3688
+ color-mix(
3689
+ in oklch,
3690
+ oklch(from var(--ttw-warning) 0.56 c h) 16%,
3691
+ oklch(from var(--ttw-background) l 0 none)
3692
+ )
3693
+ l
3694
+ min(
3695
+ calc(c * 2.5),
3696
+ calc(
3697
+ (1 - l) *
3698
+ (
3699
+ 0.498 +
3700
+ (
3701
+ -0.028 * clamp(0, h, 30) + 0.087 *
3702
+ clamp(0, h - 30, 30) + 0.498 * clamp(0, h - 60, 30) +
3703
+ 0.253 * clamp(0, h - 90, 30) + 0.113 *
3704
+ clamp(0, h - 120, 30) - 0.485 *
3705
+ clamp(0, h - 150, 30) - 0.14 * clamp(0, h - 180, 30) -
3706
+ 0.316 * clamp(0, h - 210, 30) - 0.031 *
3707
+ clamp(0, h - 240, 30) + 0.083 *
3708
+ clamp(0, h - 270, 30) + 0.221 *
3709
+ clamp(0, h - 300, 30) - 0.255 * clamp(0, h - 330, 30)
3710
+ ) /
3711
+ 30
3712
+ )
3713
+ ),
3714
+ calc(
3715
+ l *
3716
+ (
3717
+ 0.396 +
3718
+ (
3719
+ -0.041 * clamp(0, h, 30) - 0.146 *
3720
+ clamp(0, h - 30, 30) - 0.016 * clamp(0, h - 60, 30) +
3721
+ 0.032 * clamp(0, h - 90, 30) + 0.025 *
3722
+ clamp(0, h - 120, 30) - 0.086 *
3723
+ clamp(0, h - 150, 30) - 0.004 *
3724
+ clamp(0, h - 180, 30) + 0.001 *
3725
+ clamp(0, h - 210, 30) + 0.328 *
3726
+ clamp(0, h - 240, 30) + 0.036 *
3727
+ clamp(0, h - 270, 30) - 0.081 *
3728
+ clamp(0, h - 300, 30) - 0.048 * clamp(0, h - 330, 30)
3729
+ ) /
3730
+ 30
3731
+ )
3732
+ )
3733
+ )
3734
+ h
3735
+ )
3736
+ )
3737
+ var(
3738
+ --_ttw-tint-legacy,
3739
+ color-mix(in oklab, var(--ttw-warning) 12%, var(--ttw-background))
3740
+ )
3741
+ ) 30%, transparent);
3742
+ }
3743
+ }
3259
3744
  .ttw\:bg-warning\/10 {
3260
3745
  background-color: var(--ttw-warning);
3261
3746
  @supports (color: color-mix(in lab, red, red)) {
@@ -3517,9 +4002,6 @@
3517
4002
  .ttw\:py-3 {
3518
4003
  padding-block: calc(var(--ttw-spacing) * 3);
3519
4004
  }
3520
- .ttw\:py-3\.5 {
3521
- padding-block: calc(var(--ttw-spacing) * 3.5);
3522
- }
3523
4005
  .ttw\:py-4 {
3524
4006
  padding-block: calc(var(--ttw-spacing) * 4);
3525
4007
  }
@@ -3592,9 +4074,6 @@
3592
4074
  .ttw\:pr-1 {
3593
4075
  padding-right: var(--ttw-spacing);
3594
4076
  }
3595
- .ttw\:pr-1\.5 {
3596
- padding-right: calc(var(--ttw-spacing) * 1.5);
3597
- }
3598
4077
  .ttw\:pr-2 {
3599
4078
  padding-right: calc(var(--ttw-spacing) * 2);
3600
4079
  }
@@ -3607,9 +4086,6 @@
3607
4086
  .ttw\:pr-4 {
3608
4087
  padding-right: calc(var(--ttw-spacing) * 4);
3609
4088
  }
3610
- .ttw\:pr-6 {
3611
- padding-right: calc(var(--ttw-spacing) * 6);
3612
- }
3613
4089
  .ttw\:pr-8 {
3614
4090
  padding-right: calc(var(--ttw-spacing) * 8);
3615
4091
  }
@@ -3797,9 +4273,6 @@
3797
4273
  .ttw\:text-\[10px\] {
3798
4274
  font-size: 10px;
3799
4275
  }
3800
- .ttw\:text-\[30px\] {
3801
- font-size: 30px;
3802
- }
3803
4276
  .ttw\:text-\[length\:inherit\] {
3804
4277
  font-size: inherit;
3805
4278
  }
@@ -4181,9 +4654,6 @@
4181
4654
  .ttw\:text-red-700 {
4182
4655
  color: var(--ttw-color-red-700);
4183
4656
  }
4184
- .ttw\:text-rose-700 {
4185
- color: var(--ttw-color-rose-700);
4186
- }
4187
4657
  .ttw\:text-secondary-foreground {
4188
4658
  color: var(--ttw-secondary-foreground);
4189
4659
  }
@@ -4407,10 +4877,6 @@
4407
4877
  --tw-shadow: 0 0 40px 8px var(--tw-shadow-color, currentcolor);
4408
4878
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4409
4879
  }
4410
- .ttw\:shadow-\[inset_3px_0_0_var\(--color-primary\)\] {
4411
- --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--color-primary));
4412
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4413
- }
4414
4880
  .ttw\:shadow-lg {
4415
4881
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4416
4882
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5485,21 +5951,12 @@
5485
5951
  .ttw\:disabled\:cursor-not-allowed:disabled {
5486
5952
  cursor: not-allowed;
5487
5953
  }
5488
- .ttw\:disabled\:bg-muted:disabled {
5489
- background-color: var(--ttw-muted);
5490
- }
5491
- .ttw\:disabled\:text-muted-foreground:disabled {
5492
- color: var(--ttw-muted-foreground);
5493
- }
5494
5954
  .ttw\:disabled\:opacity-50:disabled {
5495
5955
  opacity: 50%;
5496
5956
  }
5497
5957
  .ttw\:disabled\:opacity-60:disabled {
5498
5958
  opacity: 60%;
5499
5959
  }
5500
- .ttw\:disabled\:opacity-100:disabled {
5501
- opacity: 100%;
5502
- }
5503
5960
  :where([data-side="left"]) .ttw\:in-data-\[side\=left\]\:cursor-w-resize {
5504
5961
  cursor: w-resize;
5505
5962
  }
@@ -5854,12 +6311,6 @@
5854
6311
  :is(.ttw\:\*\:data-\[slot\=alert-description\]\:text-current > *)[data-slot="alert-description"] {
5855
6312
  color: currentcolor;
5856
6313
  }
5857
- :is(.ttw\:\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
5858
- color: var(--ttw-destructive);
5859
- @supports (color: color-mix(in lab, red, red)) {
5860
- color: color-mix(in oklab, var(--ttw-destructive) 90%, transparent);
5861
- }
5862
- }
5863
6314
  :is(.ttw\:\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
5864
6315
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5865
6316
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6475,9 +6926,6 @@
6475
6926
  .ttw\:\[\&_svg\]\:pointer-events-none svg {
6476
6927
  pointer-events: none;
6477
6928
  }
6478
- .ttw\:\[\&_svg\]\:ml-auto svg {
6479
- margin-left: auto;
6480
- }
6481
6929
  .ttw\:\[\&_svg\]\:size-4 svg {
6482
6930
  width: calc(var(--ttw-spacing) * 4);
6483
6931
  height: calc(var(--ttw-spacing) * 4);