katalyst-riya-test 0.0.15 → 0.0.16
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 +25 -168
- 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
|
@@ -326,19 +326,17 @@ video {
|
|
|
326
326
|
display: none;
|
|
327
327
|
}
|
|
328
328
|
:root {
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
--primary-900: #F97835 !important;
|
|
341
|
-
}
|
|
329
|
+
--primary-25: var(--primary-25);
|
|
330
|
+
--primary-50: var(--primary-50);
|
|
331
|
+
--primary-100: var(--primary-100);
|
|
332
|
+
--primary-200: var(--primary-200);
|
|
333
|
+
--primary-300: var(--primary-300);
|
|
334
|
+
--primary-400: var(--primary-400);
|
|
335
|
+
--primary-500: var(--primary-500);
|
|
336
|
+
--primary-600: var(--primary-600);
|
|
337
|
+
--primary-700: var(--primary-700);
|
|
338
|
+
--primary-800: var(--primary-800);
|
|
339
|
+
--primary-900: var(--primary-900);
|
|
342
340
|
}
|
|
343
341
|
.sr-only {
|
|
344
342
|
position: absolute !important;
|
|
@@ -807,12 +805,6 @@ video {
|
|
|
807
805
|
--tw-border-opacity: 1 !important;
|
|
808
806
|
border-color: rgb(228 228 228 / var(--tw-border-opacity)) !important;
|
|
809
807
|
}
|
|
810
|
-
.border-primary-200 {
|
|
811
|
-
border-color: var(--primary-200) !important;
|
|
812
|
-
}
|
|
813
|
-
.border-primary-500 {
|
|
814
|
-
border-color: var(--primary-500) !important;
|
|
815
|
-
}
|
|
816
808
|
.border-transparent {
|
|
817
809
|
border-color: transparent !important;
|
|
818
810
|
}
|
|
@@ -834,14 +826,6 @@ video {
|
|
|
834
826
|
--tw-bg-opacity: 1 !important;
|
|
835
827
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
|
|
836
828
|
}
|
|
837
|
-
.bg-brand-50 {
|
|
838
|
-
--tw-bg-opacity: 1 !important;
|
|
839
|
-
background-color: rgb(255 248 228 / var(--tw-bg-opacity)) !important;
|
|
840
|
-
}
|
|
841
|
-
.bg-brand-500 {
|
|
842
|
-
--tw-bg-opacity: 1 !important;
|
|
843
|
-
background-color: rgb(255 195 66 / var(--tw-bg-opacity)) !important;
|
|
844
|
-
}
|
|
845
829
|
.bg-gray-100 {
|
|
846
830
|
--tw-bg-opacity: 1 !important;
|
|
847
831
|
background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
|
|
@@ -864,18 +848,6 @@ video {
|
|
|
864
848
|
.bg-light\/10 {
|
|
865
849
|
background-color: rgb(255 255 255 / 0.1) !important;
|
|
866
850
|
}
|
|
867
|
-
.bg-primary-100 {
|
|
868
|
-
background-color: var(--primary-100) !important;
|
|
869
|
-
}
|
|
870
|
-
.bg-primary-300 {
|
|
871
|
-
background-color: var(--primary-300) !important;
|
|
872
|
-
}
|
|
873
|
-
.bg-primary-400 {
|
|
874
|
-
background-color: var(--primary-400) !important;
|
|
875
|
-
}
|
|
876
|
-
.bg-primary-500 {
|
|
877
|
-
background-color: var(--primary-500) !important;
|
|
878
|
-
}
|
|
879
851
|
.bg-red-100 {
|
|
880
852
|
--tw-bg-opacity: 1 !important;
|
|
881
853
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important;
|
|
@@ -906,16 +878,6 @@ video {
|
|
|
906
878
|
--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position) !important;
|
|
907
879
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
908
880
|
}
|
|
909
|
-
.from-primary-200 {
|
|
910
|
-
--tw-gradient-from: var(--primary-200) var(--tw-gradient-from-position) !important;
|
|
911
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
|
|
912
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
913
|
-
}
|
|
914
|
-
.from-primary-700 {
|
|
915
|
-
--tw-gradient-from: var(--primary-700) var(--tw-gradient-from-position) !important;
|
|
916
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
|
|
917
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
918
|
-
}
|
|
919
881
|
.from-transparent {
|
|
920
882
|
--tw-gradient-from: transparent var(--tw-gradient-from-position) !important;
|
|
921
883
|
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
|
|
@@ -934,15 +896,6 @@ video {
|
|
|
934
896
|
.to-black {
|
|
935
897
|
--tw-gradient-to: #000 var(--tw-gradient-to-position) !important;
|
|
936
898
|
}
|
|
937
|
-
.to-primary-100 {
|
|
938
|
-
--tw-gradient-to: var(--primary-100) var(--tw-gradient-to-position) !important;
|
|
939
|
-
}
|
|
940
|
-
.to-primary-500 {
|
|
941
|
-
--tw-gradient-to: var(--primary-500) var(--tw-gradient-to-position) !important;
|
|
942
|
-
}
|
|
943
|
-
.to-primary-900 {
|
|
944
|
-
--tw-gradient-to: var(--primary-900) var(--tw-gradient-to-position) !important;
|
|
945
|
-
}
|
|
946
899
|
.to-\[93\.83\%\] {
|
|
947
900
|
--tw-gradient-to-position: 93.83% !important;
|
|
948
901
|
}
|
|
@@ -1179,14 +1132,6 @@ video {
|
|
|
1179
1132
|
--tw-text-opacity: 1 !important;
|
|
1180
1133
|
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
|
1181
1134
|
}
|
|
1182
|
-
.text-brand-600 {
|
|
1183
|
-
--tw-text-opacity: 1 !important;
|
|
1184
|
-
color: rgb(255 181 61 / var(--tw-text-opacity)) !important;
|
|
1185
|
-
}
|
|
1186
|
-
.text-brand-800 {
|
|
1187
|
-
--tw-text-opacity: 1 !important;
|
|
1188
|
-
color: rgb(253 148 56 / var(--tw-text-opacity)) !important;
|
|
1189
|
-
}
|
|
1190
1135
|
.text-dark {
|
|
1191
1136
|
--tw-text-opacity: 1 !important;
|
|
1192
1137
|
color: rgb(7 7 7 / var(--tw-text-opacity)) !important;
|
|
@@ -1219,18 +1164,6 @@ video {
|
|
|
1219
1164
|
--tw-text-opacity: 1 !important;
|
|
1220
1165
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
1221
1166
|
}
|
|
1222
|
-
.text-primary-400 {
|
|
1223
|
-
color: var(--primary-400) !important;
|
|
1224
|
-
}
|
|
1225
|
-
.text-primary-500 {
|
|
1226
|
-
color: var(--primary-500) !important;
|
|
1227
|
-
}
|
|
1228
|
-
.text-primary-600 {
|
|
1229
|
-
color: var(--primary-600) !important;
|
|
1230
|
-
}
|
|
1231
|
-
.text-primary-700 {
|
|
1232
|
-
color: var(--primary-700) !important;
|
|
1233
|
-
}
|
|
1234
1167
|
.text-white {
|
|
1235
1168
|
--tw-text-opacity: 1 !important;
|
|
1236
1169
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
@@ -1345,6 +1278,19 @@ video {
|
|
|
1345
1278
|
.ease-in-out {
|
|
1346
1279
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
1347
1280
|
}
|
|
1281
|
+
:root {
|
|
1282
|
+
--primary-25: #f5f8ff;
|
|
1283
|
+
--primary-50: #eef4ff;
|
|
1284
|
+
--primary-100: #e0eaff;
|
|
1285
|
+
--primary-200: #c7d7fe;
|
|
1286
|
+
--primary-300: #a4bcfd;
|
|
1287
|
+
--primary-400: #8098f9;
|
|
1288
|
+
--primary-500: #6172f3;
|
|
1289
|
+
--primary-600: #444ce7;
|
|
1290
|
+
--primary-700: #3538cd;
|
|
1291
|
+
--primary-800: #2d31a6;
|
|
1292
|
+
--primary-900: #2d3282;
|
|
1293
|
+
}
|
|
1348
1294
|
.gradientOne {
|
|
1349
1295
|
background:
|
|
1350
1296
|
linear-gradient(
|
|
@@ -1417,9 +1363,6 @@ video {
|
|
|
1417
1363
|
.last\:border-none:last-child {
|
|
1418
1364
|
border-style: none !important;
|
|
1419
1365
|
}
|
|
1420
|
-
.checked\:border-primary-500:checked {
|
|
1421
|
-
border-color: var(--primary-500) !important;
|
|
1422
|
-
}
|
|
1423
1366
|
.focus-within\:border-gray-400:focus-within {
|
|
1424
1367
|
--tw-border-opacity: 1 !important;
|
|
1425
1368
|
border-color: rgb(192 192 192 / var(--tw-border-opacity)) !important;
|
|
@@ -1443,15 +1386,6 @@ video {
|
|
|
1443
1386
|
--tw-border-opacity: 1 !important;
|
|
1444
1387
|
border-color: rgb(162 162 162 / var(--tw-border-opacity)) !important;
|
|
1445
1388
|
}
|
|
1446
|
-
.hover\:border-primary-200:hover {
|
|
1447
|
-
border-color: var(--primary-200) !important;
|
|
1448
|
-
}
|
|
1449
|
-
.hover\:border-primary-300:hover {
|
|
1450
|
-
border-color: var(--primary-300) !important;
|
|
1451
|
-
}
|
|
1452
|
-
.hover\:border-primary-500:hover {
|
|
1453
|
-
border-color: var(--primary-500) !important;
|
|
1454
|
-
}
|
|
1455
1389
|
.hover\:bg-blue-500:hover {
|
|
1456
1390
|
--tw-bg-opacity: 1 !important;
|
|
1457
1391
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important;
|
|
@@ -1460,14 +1394,6 @@ video {
|
|
|
1460
1394
|
--tw-bg-opacity: 1 !important;
|
|
1461
1395
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
|
|
1462
1396
|
}
|
|
1463
|
-
.hover\:bg-brand-200:hover {
|
|
1464
|
-
--tw-bg-opacity: 1 !important;
|
|
1465
|
-
background-color: rgb(255 224 143 / var(--tw-bg-opacity)) !important;
|
|
1466
|
-
}
|
|
1467
|
-
.hover\:bg-brand-600:hover {
|
|
1468
|
-
--tw-bg-opacity: 1 !important;
|
|
1469
|
-
background-color: rgb(255 181 61 / var(--tw-bg-opacity)) !important;
|
|
1470
|
-
}
|
|
1471
1397
|
.hover\:bg-gray-100:hover {
|
|
1472
1398
|
--tw-bg-opacity: 1 !important;
|
|
1473
1399
|
background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
|
|
@@ -1487,12 +1413,6 @@ video {
|
|
|
1487
1413
|
--tw-bg-opacity: 1 !important;
|
|
1488
1414
|
background-color: rgb(70 70 70 / var(--tw-bg-opacity)) !important;
|
|
1489
1415
|
}
|
|
1490
|
-
.hover\:bg-primary-100:hover {
|
|
1491
|
-
background-color: var(--primary-100) !important;
|
|
1492
|
-
}
|
|
1493
|
-
.hover\:bg-primary-50:hover {
|
|
1494
|
-
background-color: var(--primary-50) !important;
|
|
1495
|
-
}
|
|
1496
1416
|
.hover\:bg-gradient-to-b:hover {
|
|
1497
1417
|
background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
|
|
1498
1418
|
}
|
|
@@ -1509,11 +1429,6 @@ video {
|
|
|
1509
1429
|
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
|
|
1510
1430
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
1511
1431
|
}
|
|
1512
|
-
.hover\:from-primary-500:hover {
|
|
1513
|
-
--tw-gradient-from: var(--primary-500) var(--tw-gradient-from-position) !important;
|
|
1514
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
|
|
1515
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
1516
|
-
}
|
|
1517
1432
|
.hover\:via-black\/70:hover {
|
|
1518
1433
|
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
|
|
1519
1434
|
--tw-gradient-stops:
|
|
@@ -1527,16 +1442,10 @@ video {
|
|
|
1527
1442
|
.hover\:to-\[\#356AC3D9\]:hover {
|
|
1528
1443
|
--tw-gradient-to: #356AC3D9 var(--tw-gradient-to-position) !important;
|
|
1529
1444
|
}
|
|
1530
|
-
.hover\:to-primary-600:hover {
|
|
1531
|
-
--tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position) !important;
|
|
1532
|
-
}
|
|
1533
1445
|
.hover\:text-gray-500:hover {
|
|
1534
1446
|
--tw-text-opacity: 1 !important;
|
|
1535
1447
|
color: rgb(162 162 162 / var(--tw-text-opacity)) !important;
|
|
1536
1448
|
}
|
|
1537
|
-
.hover\:text-primary-400:hover {
|
|
1538
|
-
color: var(--primary-400) !important;
|
|
1539
|
-
}
|
|
1540
1449
|
.hover\:text-white:hover {
|
|
1541
1450
|
--tw-text-opacity: 1 !important;
|
|
1542
1451
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
@@ -1590,20 +1499,13 @@ video {
|
|
|
1590
1499
|
var(--tw-shadow, 0 0 #0000) !important;
|
|
1591
1500
|
}
|
|
1592
1501
|
.hover\:ring-brand-500:hover {
|
|
1593
|
-
--tw-ring-
|
|
1594
|
-
--tw-ring-color: rgb(255 195 66 / var(--tw-ring-opacity)) !important;
|
|
1502
|
+
--tw-ring-color: var(--primary-500) !important;
|
|
1595
1503
|
}
|
|
1596
1504
|
.hover\:backdrop-blur-md:hover {
|
|
1597
1505
|
--tw-backdrop-blur: blur(12px) !important;
|
|
1598
1506
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
|
|
1599
1507
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
|
|
1600
1508
|
}
|
|
1601
|
-
.focus-within\:hover\:border-primary-100:hover:focus-within {
|
|
1602
|
-
border-color: var(--primary-100) !important;
|
|
1603
|
-
}
|
|
1604
|
-
.focus-within\:hover\:bg-primary-50:hover:focus-within {
|
|
1605
|
-
background-color: var(--primary-50) !important;
|
|
1606
|
-
}
|
|
1607
1509
|
.focus-within\:hover\:text-dark:hover:focus-within {
|
|
1608
1510
|
--tw-text-opacity: 1 !important;
|
|
1609
1511
|
color: rgb(7 7 7 / var(--tw-text-opacity)) !important;
|
|
@@ -1624,17 +1526,6 @@ video {
|
|
|
1624
1526
|
var(--tw-ring-shadow),
|
|
1625
1527
|
var(--tw-shadow, 0 0 #0000) !important;
|
|
1626
1528
|
}
|
|
1627
|
-
.focus\:ring-primary-500:focus {
|
|
1628
|
-
--tw-ring-color: var(--primary-500) !important;
|
|
1629
|
-
}
|
|
1630
|
-
.active\:bg-brand-400:active {
|
|
1631
|
-
--tw-bg-opacity: 1 !important;
|
|
1632
|
-
background-color: rgb(255 203 76 / var(--tw-bg-opacity)) !important;
|
|
1633
|
-
}
|
|
1634
|
-
.active\:bg-brand-50:active {
|
|
1635
|
-
--tw-bg-opacity: 1 !important;
|
|
1636
|
-
background-color: rgb(255 248 228 / var(--tw-bg-opacity)) !important;
|
|
1637
|
-
}
|
|
1638
1529
|
.active\:bg-gray-25:active {
|
|
1639
1530
|
--tw-bg-opacity: 1 !important;
|
|
1640
1531
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
|
|
@@ -1655,14 +1546,6 @@ video {
|
|
|
1655
1546
|
--tw-shadow-color: #46464659 !important;
|
|
1656
1547
|
--tw-shadow: var(--tw-shadow-colored) !important;
|
|
1657
1548
|
}
|
|
1658
|
-
.active\:shadow-brand-300:active {
|
|
1659
|
-
--tw-shadow-color: #FFD665 !important;
|
|
1660
|
-
--tw-shadow: var(--tw-shadow-colored) !important;
|
|
1661
|
-
}
|
|
1662
|
-
.active\:shadow-brand-700:active {
|
|
1663
|
-
--tw-shadow-color: #FFA33A !important;
|
|
1664
|
-
--tw-shadow: var(--tw-shadow-colored) !important;
|
|
1665
|
-
}
|
|
1666
1549
|
.active\:shadow-gray-700:active {
|
|
1667
1550
|
--tw-shadow-color: #656565 !important;
|
|
1668
1551
|
--tw-shadow: var(--tw-shadow-colored) !important;
|
|
@@ -1707,9 +1590,6 @@ video {
|
|
|
1707
1590
|
--tw-translate-x: 0.75rem !important;
|
|
1708
1591
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
|
1709
1592
|
}
|
|
1710
|
-
.peer:checked ~ .peer-checked\:bg-primary-500 {
|
|
1711
|
-
background-color: var(--primary-500) !important;
|
|
1712
|
-
}
|
|
1713
1593
|
.peer:checked ~ .peer-checked\:opacity-100 {
|
|
1714
1594
|
opacity: 1 !important;
|
|
1715
1595
|
}
|
|
@@ -1721,9 +1601,6 @@ video {
|
|
|
1721
1601
|
var(--tw-ring-shadow),
|
|
1722
1602
|
var(--tw-shadow, 0 0 #0000) !important;
|
|
1723
1603
|
}
|
|
1724
|
-
.peer:active ~ .peer-active\:ring-primary-300 {
|
|
1725
|
-
--tw-ring-color: var(--primary-300) !important;
|
|
1726
|
-
}
|
|
1727
1604
|
.has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
|
|
1728
1605
|
pointer-events: none !important;
|
|
1729
1606
|
}
|
|
@@ -1753,12 +1630,6 @@ video {
|
|
|
1753
1630
|
--tw-border-opacity: 1 !important;
|
|
1754
1631
|
border-color: rgb(37 37 37 / var(--tw-border-opacity)) !important;
|
|
1755
1632
|
}
|
|
1756
|
-
.dark\:border-primary-100:is(.dark *) {
|
|
1757
|
-
border-color: var(--primary-100) !important;
|
|
1758
|
-
}
|
|
1759
|
-
.dark\:border-primary-800:is(.dark *) {
|
|
1760
|
-
border-color: var(--primary-800) !important;
|
|
1761
|
-
}
|
|
1762
1633
|
.dark\:bg-dark:is(.dark *) {
|
|
1763
1634
|
--tw-bg-opacity: 1 !important;
|
|
1764
1635
|
background-color: rgb(7 7 7 / var(--tw-bg-opacity)) !important;
|
|
@@ -1788,11 +1659,6 @@ video {
|
|
|
1788
1659
|
--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position) !important;
|
|
1789
1660
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
1790
1661
|
}
|
|
1791
|
-
.dark\:from-primary-900:is(.dark *) {
|
|
1792
|
-
--tw-gradient-from: var(--primary-900) var(--tw-gradient-from-position) !important;
|
|
1793
|
-
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
|
|
1794
|
-
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
|
|
1795
|
-
}
|
|
1796
1662
|
.dark\:to-\[\#070707D9\]:is(.dark *) {
|
|
1797
1663
|
--tw-gradient-to: #070707D9 var(--tw-gradient-to-position) !important;
|
|
1798
1664
|
}
|
|
@@ -1830,9 +1696,6 @@ video {
|
|
|
1830
1696
|
--tw-text-opacity: 1 !important;
|
|
1831
1697
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
1832
1698
|
}
|
|
1833
|
-
.dark\:text-primary-200:is(.dark *) {
|
|
1834
|
-
color: var(--primary-200) !important;
|
|
1835
|
-
}
|
|
1836
1699
|
.dark\:text-white:is(.dark *) {
|
|
1837
1700
|
--tw-text-opacity: 1 !important;
|
|
1838
1701
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
@@ -1873,9 +1736,6 @@ video {
|
|
|
1873
1736
|
--tw-bg-opacity: 1 !important;
|
|
1874
1737
|
background-color: rgb(70 70 70 / var(--tw-bg-opacity)) !important;
|
|
1875
1738
|
}
|
|
1876
|
-
.dark\:hover\:bg-primary-800:hover:is(.dark *) {
|
|
1877
|
-
background-color: var(--primary-800) !important;
|
|
1878
|
-
}
|
|
1879
1739
|
.hover\:dark\:bg-transparent:is(.dark *):hover {
|
|
1880
1740
|
background-color: transparent !important;
|
|
1881
1741
|
}
|
|
@@ -1891,9 +1751,6 @@ video {
|
|
|
1891
1751
|
--tw-text-opacity: 1 !important;
|
|
1892
1752
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
|
1893
1753
|
}
|
|
1894
|
-
.dark\:hover\:text-primary-600:hover:is(.dark *) {
|
|
1895
|
-
color: var(--primary-600) !important;
|
|
1896
|
-
}
|
|
1897
1754
|
.dark\:focus-within\:hover\:bg-gray-700:hover:focus-within:is(.dark *) {
|
|
1898
1755
|
--tw-bg-opacity: 1 !important;
|
|
1899
1756
|
background-color: rgb(101 101 101 / var(--tw-bg-opacity)) !important;
|
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
|
},
|