katalyst-riya-test 0.0.2 → 0.0.33
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.cjs +3 -3
- package/dist/index.css +68 -68
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -168,9 +168,9 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
168
168
|
{
|
|
169
169
|
variants: {
|
|
170
170
|
variant: {
|
|
171
|
-
primary: "bg-
|
|
172
|
-
"primary-light": "bg-
|
|
173
|
-
secondary: "bg-
|
|
171
|
+
primary: "bg-primary-500 text-light border hover:bg-primary-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-primary-400 active:shadow-[0px_0px_0px_3px] active:shadow-primary-300",
|
|
172
|
+
"primary-light": "bg-primary-50 text-primary-600 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-primary-50 active:shadow-primary-300",
|
|
173
|
+
secondary: "bg-primary-50 text-primary-800 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-primary-50 active:shadow-[0px_0px_0px_3px] active:shadow-primary-700",
|
|
174
174
|
tertiary: "bg-gray-100 text-gray-900 hover:bg-gray-300 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#9595952E] active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:shadow-gray-700",
|
|
175
175
|
quaternary: "bg-gray-50/[0.02] text-light backdrop-blur-[6px] hover:shadow-[inset_0px_8px_8px_-2px_#23232314] hover:backdrop-blur-md hover:bg-gray-200/10 active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:text-gray-900 active:shadow-[#46464659]"
|
|
176
176
|
},
|
package/dist/index.css
CHANGED
|
@@ -780,11 +780,11 @@ video {
|
|
|
780
780
|
}
|
|
781
781
|
.border-brand-200 {
|
|
782
782
|
--tw-border-opacity: 1;
|
|
783
|
-
border-color: rgb(
|
|
783
|
+
border-color: rgb(179 206 251 / var(--tw-border-opacity));
|
|
784
784
|
}
|
|
785
785
|
.border-brand-500 {
|
|
786
786
|
--tw-border-opacity: 1;
|
|
787
|
-
border-color: rgb(
|
|
787
|
+
border-color: rgb(66 133 244 / var(--tw-border-opacity));
|
|
788
788
|
}
|
|
789
789
|
.border-gray-200 {
|
|
790
790
|
--tw-border-opacity: 1;
|
|
@@ -823,23 +823,19 @@ video {
|
|
|
823
823
|
}
|
|
824
824
|
.bg-brand-100 {
|
|
825
825
|
--tw-bg-opacity: 1;
|
|
826
|
-
background-color: rgb(
|
|
826
|
+
background-color: rgb(217 231 253 / var(--tw-bg-opacity));
|
|
827
827
|
}
|
|
828
828
|
.bg-brand-300 {
|
|
829
829
|
--tw-bg-opacity: 1;
|
|
830
|
-
background-color: rgb(
|
|
830
|
+
background-color: rgb(142 182 248 / var(--tw-bg-opacity));
|
|
831
831
|
}
|
|
832
832
|
.bg-brand-400 {
|
|
833
833
|
--tw-bg-opacity: 1;
|
|
834
|
-
background-color: rgb(
|
|
835
|
-
}
|
|
836
|
-
.bg-brand-50 {
|
|
837
|
-
--tw-bg-opacity: 1;
|
|
838
|
-
background-color: rgb(255 248 228 / var(--tw-bg-opacity));
|
|
834
|
+
background-color: rgb(104 157 246 / var(--tw-bg-opacity));
|
|
839
835
|
}
|
|
840
836
|
.bg-brand-500 {
|
|
841
837
|
--tw-bg-opacity: 1;
|
|
842
|
-
background-color: rgb(
|
|
838
|
+
background-color: rgb(66 133 244 / var(--tw-bg-opacity));
|
|
843
839
|
}
|
|
844
840
|
.bg-gray-100 {
|
|
845
841
|
--tw-bg-opacity: 1;
|
|
@@ -863,6 +859,12 @@ video {
|
|
|
863
859
|
.bg-light\/10 {
|
|
864
860
|
background-color: rgb(255 255 255 / 0.1);
|
|
865
861
|
}
|
|
862
|
+
.bg-primary-50 {
|
|
863
|
+
background-color: var(--primary-50);
|
|
864
|
+
}
|
|
865
|
+
.bg-primary-500 {
|
|
866
|
+
background-color: var(--primary-500);
|
|
867
|
+
}
|
|
866
868
|
.bg-red-100 {
|
|
867
869
|
--tw-bg-opacity: 1;
|
|
868
870
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
@@ -884,13 +886,13 @@ video {
|
|
|
884
886
|
background-image: none;
|
|
885
887
|
}
|
|
886
888
|
.from-brand-200 {
|
|
887
|
-
--tw-gradient-from: #
|
|
888
|
-
--tw-gradient-to: rgb(
|
|
889
|
+
--tw-gradient-from: #B3CEFB var(--tw-gradient-from-position);
|
|
890
|
+
--tw-gradient-to: rgb(179 206 251 / 0) var(--tw-gradient-to-position);
|
|
889
891
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
890
892
|
}
|
|
891
893
|
.from-brand-700 {
|
|
892
|
-
--tw-gradient-from: #
|
|
893
|
-
--tw-gradient-to: rgb(
|
|
894
|
+
--tw-gradient-from: #285092 var(--tw-gradient-from-position);
|
|
895
|
+
--tw-gradient-to: rgb(40 80 146 / 0) var(--tw-gradient-to-position);
|
|
894
896
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
895
897
|
}
|
|
896
898
|
.from-gray-25 {
|
|
@@ -922,13 +924,13 @@ video {
|
|
|
922
924
|
--tw-gradient-to: #000 var(--tw-gradient-to-position);
|
|
923
925
|
}
|
|
924
926
|
.to-brand-100 {
|
|
925
|
-
--tw-gradient-to: #
|
|
927
|
+
--tw-gradient-to: #D9E7FD var(--tw-gradient-to-position);
|
|
926
928
|
}
|
|
927
929
|
.to-brand-500 {
|
|
928
|
-
--tw-gradient-to: #
|
|
930
|
+
--tw-gradient-to: #4285F4 var(--tw-gradient-to-position);
|
|
929
931
|
}
|
|
930
932
|
.to-brand-900 {
|
|
931
|
-
--tw-gradient-to: #
|
|
933
|
+
--tw-gradient-to: #0D1B31 var(--tw-gradient-to-position);
|
|
932
934
|
}
|
|
933
935
|
.to-\[93\.83\%\] {
|
|
934
936
|
--tw-gradient-to-position: 93.83%;
|
|
@@ -1168,23 +1170,19 @@ video {
|
|
|
1168
1170
|
}
|
|
1169
1171
|
.text-brand-400 {
|
|
1170
1172
|
--tw-text-opacity: 1;
|
|
1171
|
-
color: rgb(
|
|
1173
|
+
color: rgb(104 157 246 / var(--tw-text-opacity));
|
|
1172
1174
|
}
|
|
1173
1175
|
.text-brand-500 {
|
|
1174
1176
|
--tw-text-opacity: 1;
|
|
1175
|
-
color: rgb(
|
|
1177
|
+
color: rgb(66 133 244 / var(--tw-text-opacity));
|
|
1176
1178
|
}
|
|
1177
1179
|
.text-brand-600 {
|
|
1178
1180
|
--tw-text-opacity: 1;
|
|
1179
|
-
color: rgb(
|
|
1181
|
+
color: rgb(53 106 195 / var(--tw-text-opacity));
|
|
1180
1182
|
}
|
|
1181
1183
|
.text-brand-700 {
|
|
1182
1184
|
--tw-text-opacity: 1;
|
|
1183
|
-
color: rgb(
|
|
1184
|
-
}
|
|
1185
|
-
.text-brand-800 {
|
|
1186
|
-
--tw-text-opacity: 1;
|
|
1187
|
-
color: rgb(253 148 56 / var(--tw-text-opacity));
|
|
1185
|
+
color: rgb(40 80 146 / var(--tw-text-opacity));
|
|
1188
1186
|
}
|
|
1189
1187
|
.text-dark {
|
|
1190
1188
|
--tw-text-opacity: 1;
|
|
@@ -1218,6 +1216,12 @@ video {
|
|
|
1218
1216
|
--tw-text-opacity: 1;
|
|
1219
1217
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1220
1218
|
}
|
|
1219
|
+
.text-primary-600 {
|
|
1220
|
+
color: var(--primary-600);
|
|
1221
|
+
}
|
|
1222
|
+
.text-primary-800 {
|
|
1223
|
+
color: var(--primary-800);
|
|
1224
|
+
}
|
|
1221
1225
|
.text-white {
|
|
1222
1226
|
--tw-text-opacity: 1;
|
|
1223
1227
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
@@ -1409,7 +1413,7 @@ video {
|
|
|
1409
1413
|
}
|
|
1410
1414
|
.checked\:border-brand-500:checked {
|
|
1411
1415
|
--tw-border-opacity: 1;
|
|
1412
|
-
border-color: rgb(
|
|
1416
|
+
border-color: rgb(66 133 244 / var(--tw-border-opacity));
|
|
1413
1417
|
}
|
|
1414
1418
|
.focus-within\:border-gray-400:focus-within {
|
|
1415
1419
|
--tw-border-opacity: 1;
|
|
@@ -1432,15 +1436,15 @@ video {
|
|
|
1432
1436
|
}
|
|
1433
1437
|
.hover\:border-brand-200:hover {
|
|
1434
1438
|
--tw-border-opacity: 1;
|
|
1435
|
-
border-color: rgb(
|
|
1439
|
+
border-color: rgb(179 206 251 / var(--tw-border-opacity));
|
|
1436
1440
|
}
|
|
1437
1441
|
.hover\:border-brand-300:hover {
|
|
1438
1442
|
--tw-border-opacity: 1;
|
|
1439
|
-
border-color: rgb(
|
|
1443
|
+
border-color: rgb(142 182 248 / var(--tw-border-opacity));
|
|
1440
1444
|
}
|
|
1441
1445
|
.hover\:border-brand-500:hover {
|
|
1442
1446
|
--tw-border-opacity: 1;
|
|
1443
|
-
border-color: rgb(
|
|
1447
|
+
border-color: rgb(66 133 244 / var(--tw-border-opacity));
|
|
1444
1448
|
}
|
|
1445
1449
|
.hover\:border-gray-300:hover {
|
|
1446
1450
|
--tw-border-opacity: 1;
|
|
@@ -1460,22 +1464,14 @@ video {
|
|
|
1460
1464
|
}
|
|
1461
1465
|
.hover\:bg-brand-100:hover {
|
|
1462
1466
|
--tw-bg-opacity: 1;
|
|
1463
|
-
background-color: rgb(
|
|
1464
|
-
}
|
|
1465
|
-
.hover\:bg-brand-200:hover {
|
|
1466
|
-
--tw-bg-opacity: 1;
|
|
1467
|
-
background-color: rgb(255 224 143 / var(--tw-bg-opacity));
|
|
1467
|
+
background-color: rgb(217 231 253 / var(--tw-bg-opacity));
|
|
1468
1468
|
}
|
|
1469
1469
|
.hover\:bg-brand-25\/25:hover {
|
|
1470
1470
|
background-color: rgb(245 250 255 / 0.25);
|
|
1471
1471
|
}
|
|
1472
1472
|
.hover\:bg-brand-50:hover {
|
|
1473
1473
|
--tw-bg-opacity: 1;
|
|
1474
|
-
background-color: rgb(
|
|
1475
|
-
}
|
|
1476
|
-
.hover\:bg-brand-600:hover {
|
|
1477
|
-
--tw-bg-opacity: 1;
|
|
1478
|
-
background-color: rgb(255 181 61 / var(--tw-bg-opacity));
|
|
1474
|
+
background-color: rgb(236 243 254 / var(--tw-bg-opacity));
|
|
1479
1475
|
}
|
|
1480
1476
|
.hover\:bg-gray-100:hover {
|
|
1481
1477
|
--tw-bg-opacity: 1;
|
|
@@ -1496,6 +1492,12 @@ video {
|
|
|
1496
1492
|
--tw-bg-opacity: 1;
|
|
1497
1493
|
background-color: rgb(70 70 70 / var(--tw-bg-opacity));
|
|
1498
1494
|
}
|
|
1495
|
+
.hover\:bg-primary-200:hover {
|
|
1496
|
+
background-color: var(--primary-200);
|
|
1497
|
+
}
|
|
1498
|
+
.hover\:bg-primary-600:hover {
|
|
1499
|
+
background-color: var(--primary-600);
|
|
1500
|
+
}
|
|
1499
1501
|
.hover\:bg-gradient-to-b:hover {
|
|
1500
1502
|
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
|
|
1501
1503
|
}
|
|
@@ -1513,8 +1515,8 @@ video {
|
|
|
1513
1515
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1514
1516
|
}
|
|
1515
1517
|
.hover\:from-brand-500:hover {
|
|
1516
|
-
--tw-gradient-from: #
|
|
1517
|
-
--tw-gradient-to: rgb(
|
|
1518
|
+
--tw-gradient-from: #4285F4 var(--tw-gradient-from-position);
|
|
1519
|
+
--tw-gradient-to: rgb(66 133 244 / 0) var(--tw-gradient-to-position);
|
|
1518
1520
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1519
1521
|
}
|
|
1520
1522
|
.hover\:via-black\/70:hover {
|
|
@@ -1538,7 +1540,7 @@ video {
|
|
|
1538
1540
|
}
|
|
1539
1541
|
.hover\:text-brand-400:hover {
|
|
1540
1542
|
--tw-text-opacity: 1;
|
|
1541
|
-
color: rgb(
|
|
1543
|
+
color: rgb(104 157 246 / var(--tw-text-opacity));
|
|
1542
1544
|
}
|
|
1543
1545
|
.hover\:text-gray-500:hover {
|
|
1544
1546
|
--tw-text-opacity: 1;
|
|
@@ -1607,11 +1609,11 @@ video {
|
|
|
1607
1609
|
}
|
|
1608
1610
|
.focus-within\:hover\:border-brand-100:hover:focus-within {
|
|
1609
1611
|
--tw-border-opacity: 1;
|
|
1610
|
-
border-color: rgb(
|
|
1612
|
+
border-color: rgb(217 231 253 / var(--tw-border-opacity));
|
|
1611
1613
|
}
|
|
1612
1614
|
.focus-within\:hover\:bg-brand-50:hover:focus-within {
|
|
1613
1615
|
--tw-bg-opacity: 1;
|
|
1614
|
-
background-color: rgb(
|
|
1616
|
+
background-color: rgb(236 243 254 / var(--tw-bg-opacity));
|
|
1615
1617
|
}
|
|
1616
1618
|
.focus-within\:hover\:text-dark:hover:focus-within {
|
|
1617
1619
|
--tw-text-opacity: 1;
|
|
@@ -1635,20 +1637,18 @@ video {
|
|
|
1635
1637
|
}
|
|
1636
1638
|
.focus\:ring-brand-500:focus {
|
|
1637
1639
|
--tw-ring-opacity: 1;
|
|
1638
|
-
--tw-ring-color: rgb(
|
|
1639
|
-
}
|
|
1640
|
-
.active\:bg-brand-400:active {
|
|
1641
|
-
--tw-bg-opacity: 1;
|
|
1642
|
-
background-color: rgb(255 203 76 / var(--tw-bg-opacity));
|
|
1643
|
-
}
|
|
1644
|
-
.active\:bg-brand-50:active {
|
|
1645
|
-
--tw-bg-opacity: 1;
|
|
1646
|
-
background-color: rgb(255 248 228 / var(--tw-bg-opacity));
|
|
1640
|
+
--tw-ring-color: rgb(66 133 244 / var(--tw-ring-opacity));
|
|
1647
1641
|
}
|
|
1648
1642
|
.active\:bg-gray-25:active {
|
|
1649
1643
|
--tw-bg-opacity: 1;
|
|
1650
1644
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1651
1645
|
}
|
|
1646
|
+
.active\:bg-primary-400:active {
|
|
1647
|
+
background-color: var(--primary-400);
|
|
1648
|
+
}
|
|
1649
|
+
.active\:bg-primary-50:active {
|
|
1650
|
+
background-color: var(--primary-50);
|
|
1651
|
+
}
|
|
1652
1652
|
.active\:text-gray-900:active {
|
|
1653
1653
|
--tw-text-opacity: 1;
|
|
1654
1654
|
color: rgb(37 37 37 / var(--tw-text-opacity));
|
|
@@ -1665,16 +1665,16 @@ video {
|
|
|
1665
1665
|
--tw-shadow-color: #46464659;
|
|
1666
1666
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1667
1667
|
}
|
|
1668
|
-
.active\:shadow-
|
|
1669
|
-
--tw-shadow-color: #
|
|
1668
|
+
.active\:shadow-gray-700:active {
|
|
1669
|
+
--tw-shadow-color: #656565;
|
|
1670
1670
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1671
1671
|
}
|
|
1672
|
-
.active\:shadow-
|
|
1673
|
-
--tw-shadow-color:
|
|
1672
|
+
.active\:shadow-primary-300:active {
|
|
1673
|
+
--tw-shadow-color: var(--primary-300);
|
|
1674
1674
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1675
1675
|
}
|
|
1676
|
-
.active\:shadow-
|
|
1677
|
-
--tw-shadow-color:
|
|
1676
|
+
.active\:shadow-primary-700:active {
|
|
1677
|
+
--tw-shadow-color: var(--primary-700);
|
|
1678
1678
|
--tw-shadow: var(--tw-shadow-colored);
|
|
1679
1679
|
}
|
|
1680
1680
|
.disabled\:pointer-events-none:disabled {
|
|
@@ -1719,7 +1719,7 @@ video {
|
|
|
1719
1719
|
}
|
|
1720
1720
|
.peer:checked ~ .peer-checked\:bg-brand-500 {
|
|
1721
1721
|
--tw-bg-opacity: 1;
|
|
1722
|
-
background-color: rgb(
|
|
1722
|
+
background-color: rgb(66 133 244 / var(--tw-bg-opacity));
|
|
1723
1723
|
}
|
|
1724
1724
|
.peer:checked ~ .peer-checked\:opacity-100 {
|
|
1725
1725
|
opacity: 1;
|
|
@@ -1734,7 +1734,7 @@ video {
|
|
|
1734
1734
|
}
|
|
1735
1735
|
.peer:active ~ .peer-active\:ring-brand-300 {
|
|
1736
1736
|
--tw-ring-opacity: 1;
|
|
1737
|
-
--tw-ring-color: rgb(
|
|
1737
|
+
--tw-ring-color: rgb(142 182 248 / var(--tw-ring-opacity));
|
|
1738
1738
|
}
|
|
1739
1739
|
.has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
|
|
1740
1740
|
pointer-events: none;
|
|
@@ -1755,11 +1755,11 @@ video {
|
|
|
1755
1755
|
}
|
|
1756
1756
|
.dark\:border-brand-100:is(.dark *) {
|
|
1757
1757
|
--tw-border-opacity: 1;
|
|
1758
|
-
border-color: rgb(
|
|
1758
|
+
border-color: rgb(217 231 253 / var(--tw-border-opacity));
|
|
1759
1759
|
}
|
|
1760
1760
|
.dark\:border-brand-800:is(.dark *) {
|
|
1761
1761
|
--tw-border-opacity: 1;
|
|
1762
|
-
border-color: rgb(
|
|
1762
|
+
border-color: rgb(26 53 98 / var(--tw-border-opacity));
|
|
1763
1763
|
}
|
|
1764
1764
|
.dark\:border-gray-600:is(.dark *) {
|
|
1765
1765
|
--tw-border-opacity: 1;
|
|
@@ -1798,8 +1798,8 @@ video {
|
|
|
1798
1798
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1799
1799
|
}
|
|
1800
1800
|
.dark\:from-brand-900:is(.dark *) {
|
|
1801
|
-
--tw-gradient-from: #
|
|
1802
|
-
--tw-gradient-to: rgb(
|
|
1801
|
+
--tw-gradient-from: #0D1B31 var(--tw-gradient-from-position);
|
|
1802
|
+
--tw-gradient-to: rgb(13 27 49 / 0) var(--tw-gradient-to-position);
|
|
1803
1803
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1804
1804
|
}
|
|
1805
1805
|
.dark\:from-cyan-500:is(.dark *) {
|
|
@@ -1818,7 +1818,7 @@ video {
|
|
|
1818
1818
|
}
|
|
1819
1819
|
.dark\:text-brand-200:is(.dark *) {
|
|
1820
1820
|
--tw-text-opacity: 1;
|
|
1821
|
-
color: rgb(
|
|
1821
|
+
color: rgb(179 206 251 / var(--tw-text-opacity));
|
|
1822
1822
|
}
|
|
1823
1823
|
.dark\:text-dark:is(.dark *) {
|
|
1824
1824
|
--tw-text-opacity: 1;
|
|
@@ -1882,7 +1882,7 @@ video {
|
|
|
1882
1882
|
}
|
|
1883
1883
|
.dark\:hover\:bg-brand-800:hover:is(.dark *) {
|
|
1884
1884
|
--tw-bg-opacity: 1;
|
|
1885
|
-
background-color: rgb(
|
|
1885
|
+
background-color: rgb(26 53 98 / var(--tw-bg-opacity));
|
|
1886
1886
|
}
|
|
1887
1887
|
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
|
|
1888
1888
|
--tw-bg-opacity: 1;
|
|
@@ -1905,7 +1905,7 @@ video {
|
|
|
1905
1905
|
}
|
|
1906
1906
|
.dark\:hover\:text-brand-600:hover:is(.dark *) {
|
|
1907
1907
|
--tw-text-opacity: 1;
|
|
1908
|
-
color: rgb(
|
|
1908
|
+
color: rgb(53 106 195 / var(--tw-text-opacity));
|
|
1909
1909
|
}
|
|
1910
1910
|
.dark\:hover\:text-light:hover:is(.dark *) {
|
|
1911
1911
|
--tw-text-opacity: 1;
|
package/dist/index.js
CHANGED
|
@@ -99,9 +99,9 @@ var buttonVariants = cva(
|
|
|
99
99
|
{
|
|
100
100
|
variants: {
|
|
101
101
|
variant: {
|
|
102
|
-
primary: "bg-
|
|
103
|
-
"primary-light": "bg-
|
|
104
|
-
secondary: "bg-
|
|
102
|
+
primary: "bg-primary-500 text-light border hover:bg-primary-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-primary-400 active:shadow-[0px_0px_0px_3px] active:shadow-primary-300",
|
|
103
|
+
"primary-light": "bg-primary-50 text-primary-600 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-primary-50 active:shadow-primary-300",
|
|
104
|
+
secondary: "bg-primary-50 text-primary-800 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-primary-50 active:shadow-[0px_0px_0px_3px] active:shadow-primary-700",
|
|
105
105
|
tertiary: "bg-gray-100 text-gray-900 hover:bg-gray-300 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#9595952E] active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:shadow-gray-700",
|
|
106
106
|
quaternary: "bg-gray-50/[0.02] text-light backdrop-blur-[6px] hover:shadow-[inset_0px_8px_8px_-2px_#23232314] hover:backdrop-blur-md hover:bg-gray-200/10 active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:text-gray-900 active:shadow-[#46464659]"
|
|
107
107
|
},
|