katalyst-riya-test 0.0.19 → 0.0.21

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 (2) hide show
  1. package/dist/index.css +83 -60
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -325,19 +325,6 @@ video {
325
325
  [hidden]:where(:not([hidden=until-found])) {
326
326
  display: none;
327
327
  }
328
- :root {
329
- --primary-25: ;
330
- --primary-50: ;
331
- --primary-100: ;
332
- --primary-200: ;
333
- --primary-300: ;
334
- --primary-400: ;
335
- --primary-500: ;
336
- --primary-600: ;
337
- --primary-700: ;
338
- --primary-800: ;
339
- --primary-900: ;
340
- }
341
328
  .sr-only {
342
329
  position: absolute;
343
330
  width: 1px;
@@ -806,10 +793,12 @@ video {
806
793
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
807
794
  }
808
795
  .border-primary-200 {
809
- border-color:;
796
+ --tw-border-opacity: 1;
797
+ border-color: rgb(199 215 254 / var(--tw-border-opacity));
810
798
  }
811
799
  .border-primary-500 {
812
- border-color:;
800
+ --tw-border-opacity: 1;
801
+ border-color: rgb(97 114 243 / var(--tw-border-opacity));
813
802
  }
814
803
  .border-transparent {
815
804
  border-color: transparent;
@@ -855,19 +844,24 @@ video {
855
844
  background-color: rgb(255 255 255 / 0.1);
856
845
  }
857
846
  .bg-primary-100 {
858
- background-color:;
847
+ --tw-bg-opacity: 1;
848
+ background-color: rgb(224 234 255 / var(--tw-bg-opacity));
859
849
  }
860
850
  .bg-primary-300 {
861
- background-color:;
851
+ --tw-bg-opacity: 1;
852
+ background-color: rgb(164 188 253 / var(--tw-bg-opacity));
862
853
  }
863
854
  .bg-primary-400 {
864
- background-color:;
855
+ --tw-bg-opacity: 1;
856
+ background-color: rgb(128 152 249 / var(--tw-bg-opacity));
865
857
  }
866
858
  .bg-primary-50 {
867
- background-color:;
859
+ --tw-bg-opacity: 1;
860
+ background-color: rgb(238 244 255 / var(--tw-bg-opacity));
868
861
  }
869
862
  .bg-primary-500 {
870
- background-color:;
863
+ --tw-bg-opacity: 1;
864
+ background-color: rgb(97 114 243 / var(--tw-bg-opacity));
871
865
  }
872
866
  .bg-red-100 {
873
867
  --tw-bg-opacity: 1;
@@ -900,13 +894,13 @@ video {
900
894
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
901
895
  }
902
896
  .from-primary-200 {
903
- --tw-gradient-from: var(--tw-gradient-from-position);
904
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
897
+ --tw-gradient-from: #c7d7fe var(--tw-gradient-from-position);
898
+ --tw-gradient-to: rgb(199 215 254 / 0) var(--tw-gradient-to-position);
905
899
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
906
900
  }
907
901
  .from-primary-700 {
908
- --tw-gradient-from: var(--tw-gradient-from-position);
909
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
902
+ --tw-gradient-from: #3538cd var(--tw-gradient-from-position);
903
+ --tw-gradient-to: rgb(53 56 205 / 0) var(--tw-gradient-to-position);
910
904
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
911
905
  }
912
906
  .from-transparent {
@@ -928,13 +922,13 @@ video {
928
922
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
929
923
  }
930
924
  .to-primary-100 {
931
- --tw-gradient-to: var(--tw-gradient-to-position);
925
+ --tw-gradient-to: #e0eaff var(--tw-gradient-to-position);
932
926
  }
933
927
  .to-primary-500 {
934
- --tw-gradient-to: var(--tw-gradient-to-position);
928
+ --tw-gradient-to: #6172f3 var(--tw-gradient-to-position);
935
929
  }
936
930
  .to-primary-900 {
937
- --tw-gradient-to: var(--tw-gradient-to-position);
931
+ --tw-gradient-to: #2d3282 var(--tw-gradient-to-position);
938
932
  }
939
933
  .to-\[93\.83\%\] {
940
934
  --tw-gradient-to-position: 93.83%;
@@ -1205,19 +1199,24 @@ video {
1205
1199
  color: rgb(255 255 255 / var(--tw-text-opacity));
1206
1200
  }
1207
1201
  .text-primary-400 {
1208
- color:;
1202
+ --tw-text-opacity: 1;
1203
+ color: rgb(128 152 249 / var(--tw-text-opacity));
1209
1204
  }
1210
1205
  .text-primary-500 {
1211
- color:;
1206
+ --tw-text-opacity: 1;
1207
+ color: rgb(97 114 243 / var(--tw-text-opacity));
1212
1208
  }
1213
1209
  .text-primary-600 {
1214
- color:;
1210
+ --tw-text-opacity: 1;
1211
+ color: rgb(68 76 231 / var(--tw-text-opacity));
1215
1212
  }
1216
1213
  .text-primary-700 {
1217
- color:;
1214
+ --tw-text-opacity: 1;
1215
+ color: rgb(53 56 205 / var(--tw-text-opacity));
1218
1216
  }
1219
1217
  .text-primary-800 {
1220
- color:;
1218
+ --tw-text-opacity: 1;
1219
+ color: rgb(45 49 166 / var(--tw-text-opacity));
1221
1220
  }
1222
1221
  .text-white {
1223
1222
  --tw-text-opacity: 1;
@@ -1406,7 +1405,8 @@ video {
1406
1405
  border-style: none;
1407
1406
  }
1408
1407
  .checked\:border-primary-500:checked {
1409
- border-color:;
1408
+ --tw-border-opacity: 1;
1409
+ border-color: rgb(97 114 243 / var(--tw-border-opacity));
1410
1410
  }
1411
1411
  .focus-within\:border-gray-400:focus-within {
1412
1412
  --tw-border-opacity: 1;
@@ -1432,13 +1432,16 @@ video {
1432
1432
  border-color: rgb(162 162 162 / var(--tw-border-opacity));
1433
1433
  }
1434
1434
  .hover\:border-primary-200:hover {
1435
- border-color:;
1435
+ --tw-border-opacity: 1;
1436
+ border-color: rgb(199 215 254 / var(--tw-border-opacity));
1436
1437
  }
1437
1438
  .hover\:border-primary-300:hover {
1438
- border-color:;
1439
+ --tw-border-opacity: 1;
1440
+ border-color: rgb(164 188 253 / var(--tw-border-opacity));
1439
1441
  }
1440
1442
  .hover\:border-primary-500:hover {
1441
- border-color:;
1443
+ --tw-border-opacity: 1;
1444
+ border-color: rgb(97 114 243 / var(--tw-border-opacity));
1442
1445
  }
1443
1446
  .hover\:bg-blue-500:hover {
1444
1447
  --tw-bg-opacity: 1;
@@ -1468,16 +1471,23 @@ video {
1468
1471
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1469
1472
  }
1470
1473
  .hover\:bg-primary-100:hover {
1471
- background-color:;
1474
+ --tw-bg-opacity: 1;
1475
+ background-color: rgb(224 234 255 / var(--tw-bg-opacity));
1472
1476
  }
1473
1477
  .hover\:bg-primary-200:hover {
1474
- background-color:;
1478
+ --tw-bg-opacity: 1;
1479
+ background-color: rgb(199 215 254 / var(--tw-bg-opacity));
1480
+ }
1481
+ .hover\:bg-primary-25\/25:hover {
1482
+ background-color: rgb(245 248 255 / 0.25);
1475
1483
  }
1476
1484
  .hover\:bg-primary-50:hover {
1477
- background-color:;
1485
+ --tw-bg-opacity: 1;
1486
+ background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1478
1487
  }
1479
1488
  .hover\:bg-primary-600:hover {
1480
- background-color:;
1489
+ --tw-bg-opacity: 1;
1490
+ background-color: rgb(68 76 231 / var(--tw-bg-opacity));
1481
1491
  }
1482
1492
  .hover\:bg-gradient-to-b:hover {
1483
1493
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -1496,8 +1506,8 @@ video {
1496
1506
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1497
1507
  }
1498
1508
  .hover\:from-primary-500:hover {
1499
- --tw-gradient-from: var(--tw-gradient-from-position);
1500
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1509
+ --tw-gradient-from: #6172f3 var(--tw-gradient-from-position);
1510
+ --tw-gradient-to: rgb(97 114 243 / 0) var(--tw-gradient-to-position);
1501
1511
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1502
1512
  }
1503
1513
  .hover\:via-black\/70:hover {
@@ -1514,14 +1524,15 @@ video {
1514
1524
  --tw-gradient-to: #356AC3D9 var(--tw-gradient-to-position);
1515
1525
  }
1516
1526
  .hover\:to-primary-600:hover {
1517
- --tw-gradient-to: var(--tw-gradient-to-position);
1527
+ --tw-gradient-to: #444ce7 var(--tw-gradient-to-position);
1518
1528
  }
1519
1529
  .hover\:text-gray-500:hover {
1520
1530
  --tw-text-opacity: 1;
1521
1531
  color: rgb(162 162 162 / var(--tw-text-opacity));
1522
1532
  }
1523
1533
  .hover\:text-primary-400:hover {
1524
- color:;
1534
+ --tw-text-opacity: 1;
1535
+ color: rgb(128 152 249 / var(--tw-text-opacity));
1525
1536
  }
1526
1537
  .hover\:text-white:hover {
1527
1538
  --tw-text-opacity: 1;
@@ -1581,10 +1592,12 @@ video {
1581
1592
  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);
1582
1593
  }
1583
1594
  .focus-within\:hover\:border-primary-100:hover:focus-within {
1584
- border-color:;
1595
+ --tw-border-opacity: 1;
1596
+ border-color: rgb(224 234 255 / var(--tw-border-opacity));
1585
1597
  }
1586
1598
  .focus-within\:hover\:bg-primary-50:hover:focus-within {
1587
- background-color:;
1599
+ --tw-bg-opacity: 1;
1600
+ background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1588
1601
  }
1589
1602
  .focus-within\:hover\:text-dark:hover:focus-within {
1590
1603
  --tw-text-opacity: 1;
@@ -1607,17 +1620,20 @@ video {
1607
1620
  var(--tw-shadow, 0 0 #0000);
1608
1621
  }
1609
1622
  .focus\:ring-primary-500:focus {
1610
- --tw-ring-color: ;
1623
+ --tw-ring-opacity: 1;
1624
+ --tw-ring-color: rgb(97 114 243 / var(--tw-ring-opacity));
1611
1625
  }
1612
1626
  .active\:bg-gray-25:active {
1613
1627
  --tw-bg-opacity: 1;
1614
1628
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1615
1629
  }
1616
1630
  .active\:bg-primary-400:active {
1617
- background-color:;
1631
+ --tw-bg-opacity: 1;
1632
+ background-color: rgb(128 152 249 / var(--tw-bg-opacity));
1618
1633
  }
1619
1634
  .active\:bg-primary-50:active {
1620
- background-color:;
1635
+ --tw-bg-opacity: 1;
1636
+ background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1621
1637
  }
1622
1638
  .active\:text-gray-900:active {
1623
1639
  --tw-text-opacity: 1;
@@ -1640,11 +1656,11 @@ video {
1640
1656
  --tw-shadow: var(--tw-shadow-colored);
1641
1657
  }
1642
1658
  .active\:shadow-primary-300:active {
1643
- --tw-shadow-color: ;
1659
+ --tw-shadow-color: #a4bcfd;
1644
1660
  --tw-shadow: var(--tw-shadow-colored);
1645
1661
  }
1646
1662
  .active\:shadow-primary-700:active {
1647
- --tw-shadow-color: ;
1663
+ --tw-shadow-color: #3538cd;
1648
1664
  --tw-shadow: var(--tw-shadow-colored);
1649
1665
  }
1650
1666
  .disabled\:pointer-events-none:disabled {
@@ -1688,7 +1704,8 @@ video {
1688
1704
  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));
1689
1705
  }
1690
1706
  .peer:checked ~ .peer-checked\:bg-primary-500 {
1691
- background-color:;
1707
+ --tw-bg-opacity: 1;
1708
+ background-color: rgb(97 114 243 / var(--tw-bg-opacity));
1692
1709
  }
1693
1710
  .peer:checked ~ .peer-checked\:opacity-100 {
1694
1711
  opacity: 1;
@@ -1702,7 +1719,8 @@ video {
1702
1719
  var(--tw-shadow, 0 0 #0000);
1703
1720
  }
1704
1721
  .peer:active ~ .peer-active\:ring-primary-300 {
1705
- --tw-ring-color: ;
1722
+ --tw-ring-opacity: 1;
1723
+ --tw-ring-color: rgb(164 188 253 / var(--tw-ring-opacity));
1706
1724
  }
1707
1725
  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
1708
1726
  pointer-events: none;
@@ -1734,10 +1752,12 @@ video {
1734
1752
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
1735
1753
  }
1736
1754
  .dark\:border-primary-100:is(.dark *) {
1737
- border-color:;
1755
+ --tw-border-opacity: 1;
1756
+ border-color: rgb(224 234 255 / var(--tw-border-opacity));
1738
1757
  }
1739
1758
  .dark\:border-primary-800:is(.dark *) {
1740
- border-color:;
1759
+ --tw-border-opacity: 1;
1760
+ border-color: rgb(45 49 166 / var(--tw-border-opacity));
1741
1761
  }
1742
1762
  .dark\:bg-dark:is(.dark *) {
1743
1763
  --tw-bg-opacity: 1;
@@ -1769,8 +1789,8 @@ video {
1769
1789
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1770
1790
  }
1771
1791
  .dark\:from-primary-900:is(.dark *) {
1772
- --tw-gradient-from: var(--tw-gradient-from-position);
1773
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1792
+ --tw-gradient-from: #2d3282 var(--tw-gradient-from-position);
1793
+ --tw-gradient-to: rgb(45 50 130 / 0) var(--tw-gradient-to-position);
1774
1794
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1775
1795
  }
1776
1796
  .dark\:to-\[\#070707D9\]:is(.dark *) {
@@ -1811,7 +1831,8 @@ video {
1811
1831
  color: rgb(255 255 255 / var(--tw-text-opacity));
1812
1832
  }
1813
1833
  .dark\:text-primary-200:is(.dark *) {
1814
- color:;
1834
+ --tw-text-opacity: 1;
1835
+ color: rgb(199 215 254 / var(--tw-text-opacity));
1815
1836
  }
1816
1837
  .dark\:text-white:is(.dark *) {
1817
1838
  --tw-text-opacity: 1;
@@ -1854,7 +1875,8 @@ video {
1854
1875
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1855
1876
  }
1856
1877
  .dark\:hover\:bg-primary-800:hover:is(.dark *) {
1857
- background-color:;
1878
+ --tw-bg-opacity: 1;
1879
+ background-color: rgb(45 49 166 / var(--tw-bg-opacity));
1858
1880
  }
1859
1881
  .hover\:dark\:bg-transparent:is(.dark *):hover {
1860
1882
  background-color: transparent;
@@ -1872,7 +1894,8 @@ video {
1872
1894
  color: rgb(255 255 255 / var(--tw-text-opacity));
1873
1895
  }
1874
1896
  .dark\:hover\:text-primary-600:hover:is(.dark *) {
1875
- color:;
1897
+ --tw-text-opacity: 1;
1898
+ color: rgb(68 76 231 / var(--tw-text-opacity));
1876
1899
  }
1877
1900
  .dark\:focus-within\:hover\:bg-gray-700:hover:focus-within:is(.dark *) {
1878
1901
  --tw-bg-opacity: 1;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "katalyst-riya-test",
3
3
  "description": "website design system",
4
- "version": "0.0.19",
4
+ "version": "0.0.21",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",