@eric-emg/symphiq-components 1.3.18 → 1.3.20
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eric-emg/symphiq-components",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.20",
|
|
4
4
|
"description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
|
|
5
5
|
"author": "Your Organization",
|
|
6
6
|
"license": "MIT",
|
package/styles.css
CHANGED
|
@@ -428,6 +428,9 @@
|
|
|
428
428
|
.sticky {
|
|
429
429
|
position: sticky;
|
|
430
430
|
}
|
|
431
|
+
.-inset-1 {
|
|
432
|
+
inset: calc(var(--spacing) * -1);
|
|
433
|
+
}
|
|
431
434
|
.inset-0 {
|
|
432
435
|
inset: calc(var(--spacing) * 0);
|
|
433
436
|
}
|
|
@@ -1208,9 +1211,6 @@
|
|
|
1208
1211
|
.min-w-\[180px\] {
|
|
1209
1212
|
min-width: 180px;
|
|
1210
1213
|
}
|
|
1211
|
-
.min-w-\[200px\] {
|
|
1212
|
-
min-width: 200px;
|
|
1213
|
-
}
|
|
1214
1214
|
.min-w-\[260px\] {
|
|
1215
1215
|
min-width: 260px;
|
|
1216
1216
|
}
|
|
@@ -1242,6 +1242,10 @@
|
|
|
1242
1242
|
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
1243
1243
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1244
1244
|
}
|
|
1245
|
+
.-translate-x-full {
|
|
1246
|
+
--tw-translate-x: -100%;
|
|
1247
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1248
|
+
}
|
|
1245
1249
|
.translate-x-1 {
|
|
1246
1250
|
--tw-translate-x: calc(var(--spacing) * 1);
|
|
1247
1251
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -1829,12 +1833,27 @@
|
|
|
1829
1833
|
.border-cyan-200 {
|
|
1830
1834
|
border-color: var(--color-cyan-200);
|
|
1831
1835
|
}
|
|
1836
|
+
.border-cyan-400 {
|
|
1837
|
+
border-color: var(--color-cyan-400);
|
|
1838
|
+
}
|
|
1839
|
+
.border-cyan-400\/50 {
|
|
1840
|
+
border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 50%, transparent);
|
|
1841
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1842
|
+
border-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent);
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1832
1845
|
.border-cyan-500\/30 {
|
|
1833
1846
|
border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
|
|
1834
1847
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1835
1848
|
border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
|
|
1836
1849
|
}
|
|
1837
1850
|
}
|
|
1851
|
+
.border-cyan-500\/40 {
|
|
1852
|
+
border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
|
|
1853
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1854
|
+
border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
|
|
1855
|
+
}
|
|
1856
|
+
}
|
|
1838
1857
|
.border-emerald-100 {
|
|
1839
1858
|
border-color: var(--color-emerald-100);
|
|
1840
1859
|
}
|
|
@@ -2210,6 +2229,9 @@
|
|
|
2210
2229
|
.border-slate-50 {
|
|
2211
2230
|
border-color: var(--color-slate-50);
|
|
2212
2231
|
}
|
|
2232
|
+
.border-slate-100 {
|
|
2233
|
+
border-color: var(--color-slate-100);
|
|
2234
|
+
}
|
|
2213
2235
|
.border-slate-200 {
|
|
2214
2236
|
border-color: var(--color-slate-200);
|
|
2215
2237
|
}
|
|
@@ -3482,6 +3504,12 @@
|
|
|
3482
3504
|
background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
|
|
3483
3505
|
}
|
|
3484
3506
|
}
|
|
3507
|
+
.bg-slate-800\/70 {
|
|
3508
|
+
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent);
|
|
3509
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3510
|
+
background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent);
|
|
3511
|
+
}
|
|
3512
|
+
}
|
|
3485
3513
|
.bg-slate-800\/80 {
|
|
3486
3514
|
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
|
|
3487
3515
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3653,6 +3681,12 @@
|
|
|
3653
3681
|
background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
|
|
3654
3682
|
}
|
|
3655
3683
|
}
|
|
3684
|
+
.bg-white\/70 {
|
|
3685
|
+
background-color: color-mix(in srgb, #fff 70%, transparent);
|
|
3686
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3687
|
+
background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
|
|
3688
|
+
}
|
|
3689
|
+
}
|
|
3656
3690
|
.bg-white\/80 {
|
|
3657
3691
|
background-color: color-mix(in srgb, #fff 80%, transparent);
|
|
3658
3692
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3771,6 +3805,10 @@
|
|
|
3771
3805
|
}
|
|
3772
3806
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3773
3807
|
}
|
|
3808
|
+
.from-amber-600 {
|
|
3809
|
+
--tw-gradient-from: var(--color-amber-600);
|
|
3810
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3811
|
+
}
|
|
3774
3812
|
.from-amber-900\/20 {
|
|
3775
3813
|
--tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
|
|
3776
3814
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3908,6 +3946,36 @@
|
|
|
3908
3946
|
}
|
|
3909
3947
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3910
3948
|
}
|
|
3949
|
+
.from-cyan-50 {
|
|
3950
|
+
--tw-gradient-from: var(--color-cyan-50);
|
|
3951
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3952
|
+
}
|
|
3953
|
+
.from-cyan-400 {
|
|
3954
|
+
--tw-gradient-from: var(--color-cyan-400);
|
|
3955
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3956
|
+
}
|
|
3957
|
+
.from-cyan-500 {
|
|
3958
|
+
--tw-gradient-from: var(--color-cyan-500);
|
|
3959
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3960
|
+
}
|
|
3961
|
+
.from-cyan-500\/10 {
|
|
3962
|
+
--tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
|
|
3963
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3964
|
+
--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
|
|
3965
|
+
}
|
|
3966
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3967
|
+
}
|
|
3968
|
+
.from-cyan-500\/20 {
|
|
3969
|
+
--tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
|
|
3970
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3971
|
+
--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
|
|
3972
|
+
}
|
|
3973
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3974
|
+
}
|
|
3975
|
+
.from-cyan-600 {
|
|
3976
|
+
--tw-gradient-from: var(--color-cyan-600);
|
|
3977
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
3978
|
+
}
|
|
3911
3979
|
.from-emerald-50 {
|
|
3912
3980
|
--tw-gradient-from: var(--color-emerald-50);
|
|
3913
3981
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -4278,6 +4346,14 @@
|
|
|
4278
4346
|
}
|
|
4279
4347
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4280
4348
|
}
|
|
4349
|
+
.from-rose-500 {
|
|
4350
|
+
--tw-gradient-from: var(--color-rose-500);
|
|
4351
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4352
|
+
}
|
|
4353
|
+
.from-rose-600 {
|
|
4354
|
+
--tw-gradient-from: var(--color-rose-600);
|
|
4355
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4356
|
+
}
|
|
4281
4357
|
.from-slate-50 {
|
|
4282
4358
|
--tw-gradient-from: var(--color-slate-50);
|
|
4283
4359
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -4386,6 +4462,10 @@
|
|
|
4386
4462
|
--tw-gradient-from: var(--color-slate-900);
|
|
4387
4463
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4388
4464
|
}
|
|
4465
|
+
.from-teal-500 {
|
|
4466
|
+
--tw-gradient-from: var(--color-teal-500);
|
|
4467
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4468
|
+
}
|
|
4389
4469
|
.from-teal-500\/20 {
|
|
4390
4470
|
--tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
|
|
4391
4471
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4393,6 +4473,10 @@
|
|
|
4393
4473
|
}
|
|
4394
4474
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4395
4475
|
}
|
|
4476
|
+
.from-teal-600 {
|
|
4477
|
+
--tw-gradient-from: var(--color-teal-600);
|
|
4478
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
4479
|
+
}
|
|
4396
4480
|
.from-teal-600\/20 {
|
|
4397
4481
|
--tw-gradient-from: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
|
|
4398
4482
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4465,6 +4549,11 @@
|
|
|
4465
4549
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4466
4550
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4467
4551
|
}
|
|
4552
|
+
.via-blue-50 {
|
|
4553
|
+
--tw-gradient-via: var(--color-blue-50);
|
|
4554
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4555
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4556
|
+
}
|
|
4468
4557
|
.via-blue-50\/20 {
|
|
4469
4558
|
--tw-gradient-via: color-mix(in srgb, oklch(97% 0.014 254.604) 20%, transparent);
|
|
4470
4559
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4481,6 +4570,11 @@
|
|
|
4481
4570
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4482
4571
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4483
4572
|
}
|
|
4573
|
+
.via-blue-400 {
|
|
4574
|
+
--tw-gradient-via: var(--color-blue-400);
|
|
4575
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4576
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4577
|
+
}
|
|
4484
4578
|
.via-blue-400\/20 {
|
|
4485
4579
|
--tw-gradient-via: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
|
|
4486
4580
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4494,6 +4588,22 @@
|
|
|
4494
4588
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4495
4589
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4496
4590
|
}
|
|
4591
|
+
.via-blue-500\/10 {
|
|
4592
|
+
--tw-gradient-via: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
|
|
4593
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4594
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
|
|
4595
|
+
}
|
|
4596
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4597
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4598
|
+
}
|
|
4599
|
+
.via-blue-500\/20 {
|
|
4600
|
+
--tw-gradient-via: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
|
|
4601
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4602
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
|
|
4603
|
+
}
|
|
4604
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4605
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4606
|
+
}
|
|
4497
4607
|
.via-blue-500\/30 {
|
|
4498
4608
|
--tw-gradient-via: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
|
|
4499
4609
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4502,6 +4612,11 @@
|
|
|
4502
4612
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4503
4613
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4504
4614
|
}
|
|
4615
|
+
.via-blue-600 {
|
|
4616
|
+
--tw-gradient-via: var(--color-blue-600);
|
|
4617
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4618
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4619
|
+
}
|
|
4505
4620
|
.via-cyan-50 {
|
|
4506
4621
|
--tw-gradient-via: var(--color-cyan-50);
|
|
4507
4622
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
@@ -4533,6 +4648,22 @@
|
|
|
4533
4648
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4534
4649
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4535
4650
|
}
|
|
4651
|
+
.via-cyan-500\/5 {
|
|
4652
|
+
--tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
|
|
4653
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4654
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
|
|
4655
|
+
}
|
|
4656
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4657
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4658
|
+
}
|
|
4659
|
+
.via-cyan-500\/10 {
|
|
4660
|
+
--tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
|
|
4661
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4662
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
|
|
4663
|
+
}
|
|
4664
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4665
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4666
|
+
}
|
|
4536
4667
|
.via-cyan-500\/20 {
|
|
4537
4668
|
--tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
|
|
4538
4669
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4814,6 +4945,14 @@
|
|
|
4814
4945
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4815
4946
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4816
4947
|
}
|
|
4948
|
+
.via-white\/30 {
|
|
4949
|
+
--tw-gradient-via: color-mix(in srgb, #fff 30%, transparent);
|
|
4950
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4951
|
+
--tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
|
|
4952
|
+
}
|
|
4953
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
4954
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
4955
|
+
}
|
|
4817
4956
|
.via-white\/60 {
|
|
4818
4957
|
--tw-gradient-via: color-mix(in srgb, #fff 60%, transparent);
|
|
4819
4958
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -5271,6 +5410,10 @@
|
|
|
5271
5410
|
--tw-gradient-to: var(--color-pink-100);
|
|
5272
5411
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5273
5412
|
}
|
|
5413
|
+
.to-pink-500 {
|
|
5414
|
+
--tw-gradient-to: var(--color-pink-500);
|
|
5415
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5416
|
+
}
|
|
5274
5417
|
.to-pink-500\/20 {
|
|
5275
5418
|
--tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
|
|
5276
5419
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -5278,6 +5421,10 @@
|
|
|
5278
5421
|
}
|
|
5279
5422
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5280
5423
|
}
|
|
5424
|
+
.to-pink-600 {
|
|
5425
|
+
--tw-gradient-to: var(--color-pink-600);
|
|
5426
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5427
|
+
}
|
|
5281
5428
|
.to-purple-50 {
|
|
5282
5429
|
--tw-gradient-to: var(--color-purple-50);
|
|
5283
5430
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -5586,6 +5733,13 @@
|
|
|
5586
5733
|
}
|
|
5587
5734
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5588
5735
|
}
|
|
5736
|
+
.to-teal-500\/10 {
|
|
5737
|
+
--tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
|
|
5738
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
5739
|
+
--tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
|
|
5740
|
+
}
|
|
5741
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
5742
|
+
}
|
|
5589
5743
|
.to-teal-500\/20 {
|
|
5590
5744
|
--tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
|
|
5591
5745
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -5725,6 +5879,9 @@
|
|
|
5725
5879
|
.px-12 {
|
|
5726
5880
|
padding-inline: calc(var(--spacing) * 12);
|
|
5727
5881
|
}
|
|
5882
|
+
.px-16 {
|
|
5883
|
+
padding-inline: calc(var(--spacing) * 16);
|
|
5884
|
+
}
|
|
5728
5885
|
.py-0\.5 {
|
|
5729
5886
|
padding-block: calc(var(--spacing) * 0.5);
|
|
5730
5887
|
}
|
|
@@ -6018,6 +6175,9 @@
|
|
|
6018
6175
|
.text-cyan-400 {
|
|
6019
6176
|
color: var(--color-cyan-400);
|
|
6020
6177
|
}
|
|
6178
|
+
.text-cyan-500 {
|
|
6179
|
+
color: var(--color-cyan-500);
|
|
6180
|
+
}
|
|
6021
6181
|
.text-cyan-600 {
|
|
6022
6182
|
color: var(--color-cyan-600);
|
|
6023
6183
|
}
|
|
@@ -6843,6 +7003,14 @@
|
|
|
6843
7003
|
}
|
|
6844
7004
|
}
|
|
6845
7005
|
}
|
|
7006
|
+
.group-hover\:translate-x-full {
|
|
7007
|
+
&:is(:where(.group):hover *) {
|
|
7008
|
+
@media (hover: hover) {
|
|
7009
|
+
--tw-translate-x: 100%;
|
|
7010
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7011
|
+
}
|
|
7012
|
+
}
|
|
7013
|
+
}
|
|
6846
7014
|
.group-hover\:translate-y-1 {
|
|
6847
7015
|
&:is(:where(.group):hover *) {
|
|
6848
7016
|
@media (hover: hover) {
|
|
@@ -7404,6 +7572,23 @@
|
|
|
7404
7572
|
}
|
|
7405
7573
|
}
|
|
7406
7574
|
}
|
|
7575
|
+
.hover\:border-cyan-400 {
|
|
7576
|
+
&:hover {
|
|
7577
|
+
@media (hover: hover) {
|
|
7578
|
+
border-color: var(--color-cyan-400);
|
|
7579
|
+
}
|
|
7580
|
+
}
|
|
7581
|
+
}
|
|
7582
|
+
.hover\:border-cyan-500\/50 {
|
|
7583
|
+
&:hover {
|
|
7584
|
+
@media (hover: hover) {
|
|
7585
|
+
border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
|
|
7586
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
7587
|
+
border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
|
|
7588
|
+
}
|
|
7589
|
+
}
|
|
7590
|
+
}
|
|
7591
|
+
}
|
|
7407
7592
|
.hover\:border-emerald-300 {
|
|
7408
7593
|
&:hover {
|
|
7409
7594
|
@media (hover: hover) {
|
|
@@ -8548,10 +8733,10 @@
|
|
|
8548
8733
|
}
|
|
8549
8734
|
}
|
|
8550
8735
|
}
|
|
8551
|
-
.hover\:from-emerald-
|
|
8736
|
+
.hover\:from-emerald-400 {
|
|
8552
8737
|
&:hover {
|
|
8553
8738
|
@media (hover: hover) {
|
|
8554
|
-
--tw-gradient-from: var(--color-emerald-
|
|
8739
|
+
--tw-gradient-from: var(--color-emerald-400);
|
|
8555
8740
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
8556
8741
|
}
|
|
8557
8742
|
}
|
|
@@ -8606,6 +8791,15 @@
|
|
|
8606
8791
|
}
|
|
8607
8792
|
}
|
|
8608
8793
|
}
|
|
8794
|
+
.hover\:via-teal-400 {
|
|
8795
|
+
&:hover {
|
|
8796
|
+
@media (hover: hover) {
|
|
8797
|
+
--tw-gradient-via: var(--color-teal-400);
|
|
8798
|
+
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
8799
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
8800
|
+
}
|
|
8801
|
+
}
|
|
8802
|
+
}
|
|
8609
8803
|
.hover\:to-blue-600 {
|
|
8610
8804
|
&:hover {
|
|
8611
8805
|
@media (hover: hover) {
|
|
@@ -8622,6 +8816,14 @@
|
|
|
8622
8816
|
}
|
|
8623
8817
|
}
|
|
8624
8818
|
}
|
|
8819
|
+
.hover\:to-cyan-400 {
|
|
8820
|
+
&:hover {
|
|
8821
|
+
@media (hover: hover) {
|
|
8822
|
+
--tw-gradient-to: var(--color-cyan-400);
|
|
8823
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
8824
|
+
}
|
|
8825
|
+
}
|
|
8826
|
+
}
|
|
8625
8827
|
.hover\:to-cyan-600 {
|
|
8626
8828
|
&:hover {
|
|
8627
8829
|
@media (hover: hover) {
|
|
@@ -9061,6 +9263,16 @@
|
|
|
9061
9263
|
}
|
|
9062
9264
|
}
|
|
9063
9265
|
}
|
|
9266
|
+
.hover\:shadow-cyan-500\/10 {
|
|
9267
|
+
&:hover {
|
|
9268
|
+
@media (hover: hover) {
|
|
9269
|
+
--tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
|
|
9270
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9271
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
|
|
9272
|
+
}
|
|
9273
|
+
}
|
|
9274
|
+
}
|
|
9275
|
+
}
|
|
9064
9276
|
.hover\:shadow-emerald-100\/50 {
|
|
9065
9277
|
&:hover {
|
|
9066
9278
|
@media (hover: hover) {
|
|
@@ -9121,6 +9333,16 @@
|
|
|
9121
9333
|
}
|
|
9122
9334
|
}
|
|
9123
9335
|
}
|
|
9336
|
+
.hover\:shadow-emerald-500\/40 {
|
|
9337
|
+
&:hover {
|
|
9338
|
+
@media (hover: hover) {
|
|
9339
|
+
--tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
|
|
9340
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9341
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
|
|
9342
|
+
}
|
|
9343
|
+
}
|
|
9344
|
+
}
|
|
9345
|
+
}
|
|
9124
9346
|
.hover\:shadow-emerald-500\/50 {
|
|
9125
9347
|
&:hover {
|
|
9126
9348
|
@media (hover: hover) {
|
|
@@ -9627,6 +9849,11 @@
|
|
|
9627
9849
|
height: calc(var(--spacing) * 12);
|
|
9628
9850
|
}
|
|
9629
9851
|
}
|
|
9852
|
+
.sm\:h-20 {
|
|
9853
|
+
@media (width >= 40rem) {
|
|
9854
|
+
height: calc(var(--spacing) * 20);
|
|
9855
|
+
}
|
|
9856
|
+
}
|
|
9630
9857
|
.sm\:w-4 {
|
|
9631
9858
|
@media (width >= 40rem) {
|
|
9632
9859
|
width: calc(var(--spacing) * 4);
|
|
@@ -9657,6 +9884,11 @@
|
|
|
9657
9884
|
width: calc(var(--spacing) * 12);
|
|
9658
9885
|
}
|
|
9659
9886
|
}
|
|
9887
|
+
.sm\:w-20 {
|
|
9888
|
+
@media (width >= 40rem) {
|
|
9889
|
+
width: calc(var(--spacing) * 20);
|
|
9890
|
+
}
|
|
9891
|
+
}
|
|
9660
9892
|
.sm\:w-32 {
|
|
9661
9893
|
@media (width >= 40rem) {
|
|
9662
9894
|
width: calc(var(--spacing) * 32);
|
|
@@ -9760,6 +9992,11 @@
|
|
|
9760
9992
|
padding: calc(var(--spacing) * 4);
|
|
9761
9993
|
}
|
|
9762
9994
|
}
|
|
9995
|
+
.sm\:p-5 {
|
|
9996
|
+
@media (width >= 40rem) {
|
|
9997
|
+
padding: calc(var(--spacing) * 5);
|
|
9998
|
+
}
|
|
9999
|
+
}
|
|
9763
10000
|
.sm\:p-6 {
|
|
9764
10001
|
@media (width >= 40rem) {
|
|
9765
10002
|
padding: calc(var(--spacing) * 6);
|