katalyst-riya-test 0.0.20 → 0.0.22

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 +47 -109
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -325,32 +325,6 @@ video {
325
325
  [hidden]:where(:not([hidden=until-found])) {
326
326
  display: none;
327
327
  }
328
- :root {
329
- --primary-25: #f5f8ff;
330
- --primary-50: #eef4ff;
331
- --primary-100: #e0eaff;
332
- --primary-200: #c7d7fe;
333
- --primary-300: #a4bcfd;
334
- --primary-400: #8098f9;
335
- --primary-500: #6172f3;
336
- --primary-600: #444ce7;
337
- --primary-700: #3538cd;
338
- --primary-800: #2d31a6;
339
- --primary-900: #2d3282;
340
- }
341
- .theme-primary {
342
- --primary-25: #f5f8ff;
343
- --primary-50: #eef4ff;
344
- --primary-100: #e0eaff;
345
- --primary-200: #c7d7fe;
346
- --primary-300: #a4bcfd;
347
- --primary-400: #8098f9;
348
- --primary-500: #6172f3;
349
- --primary-600: #444ce7;
350
- --primary-700: #3538cd;
351
- --primary-800: #2d31a6;
352
- --primary-900: #2d3282;
353
- }
354
328
  .sr-only {
355
329
  position: absolute;
356
330
  width: 1px;
@@ -819,12 +793,10 @@ video {
819
793
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
820
794
  }
821
795
  .border-primary-200 {
822
- --tw-border-opacity: 1;
823
- border-color: rgb(199 215 254 / var(--tw-border-opacity));
796
+ border-color:;
824
797
  }
825
798
  .border-primary-500 {
826
- --tw-border-opacity: 1;
827
- border-color: rgb(97 114 243 / var(--tw-border-opacity));
799
+ border-color:;
828
800
  }
829
801
  .border-transparent {
830
802
  border-color: transparent;
@@ -870,24 +842,19 @@ video {
870
842
  background-color: rgb(255 255 255 / 0.1);
871
843
  }
872
844
  .bg-primary-100 {
873
- --tw-bg-opacity: 1;
874
- background-color: rgb(224 234 255 / var(--tw-bg-opacity));
845
+ background-color:;
875
846
  }
876
847
  .bg-primary-300 {
877
- --tw-bg-opacity: 1;
878
- background-color: rgb(164 188 253 / var(--tw-bg-opacity));
848
+ background-color:;
879
849
  }
880
850
  .bg-primary-400 {
881
- --tw-bg-opacity: 1;
882
- background-color: rgb(128 152 249 / var(--tw-bg-opacity));
851
+ background-color:;
883
852
  }
884
853
  .bg-primary-50 {
885
- --tw-bg-opacity: 1;
886
- background-color: rgb(238 244 255 / var(--tw-bg-opacity));
854
+ background-color:;
887
855
  }
888
856
  .bg-primary-500 {
889
- --tw-bg-opacity: 1;
890
- background-color: rgb(97 114 243 / var(--tw-bg-opacity));
857
+ background-color:;
891
858
  }
892
859
  .bg-red-100 {
893
860
  --tw-bg-opacity: 1;
@@ -920,13 +887,13 @@ video {
920
887
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
921
888
  }
922
889
  .from-primary-200 {
923
- --tw-gradient-from: #c7d7fe var(--tw-gradient-from-position);
924
- --tw-gradient-to: rgb(199 215 254 / 0) var(--tw-gradient-to-position);
890
+ --tw-gradient-from: var(--tw-gradient-from-position);
891
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
925
892
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
926
893
  }
927
894
  .from-primary-700 {
928
- --tw-gradient-from: #3538cd var(--tw-gradient-from-position);
929
- --tw-gradient-to: rgb(53 56 205 / 0) var(--tw-gradient-to-position);
895
+ --tw-gradient-from: var(--tw-gradient-from-position);
896
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
930
897
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
931
898
  }
932
899
  .from-transparent {
@@ -948,13 +915,13 @@ video {
948
915
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
949
916
  }
950
917
  .to-primary-100 {
951
- --tw-gradient-to: #e0eaff var(--tw-gradient-to-position);
918
+ --tw-gradient-to: var(--tw-gradient-to-position);
952
919
  }
953
920
  .to-primary-500 {
954
- --tw-gradient-to: #6172f3 var(--tw-gradient-to-position);
921
+ --tw-gradient-to: var(--tw-gradient-to-position);
955
922
  }
956
923
  .to-primary-900 {
957
- --tw-gradient-to: #2d3282 var(--tw-gradient-to-position);
924
+ --tw-gradient-to: var(--tw-gradient-to-position);
958
925
  }
959
926
  .to-\[93\.83\%\] {
960
927
  --tw-gradient-to-position: 93.83%;
@@ -1225,24 +1192,19 @@ video {
1225
1192
  color: rgb(255 255 255 / var(--tw-text-opacity));
1226
1193
  }
1227
1194
  .text-primary-400 {
1228
- --tw-text-opacity: 1;
1229
- color: rgb(128 152 249 / var(--tw-text-opacity));
1195
+ color:;
1230
1196
  }
1231
1197
  .text-primary-500 {
1232
- --tw-text-opacity: 1;
1233
- color: rgb(97 114 243 / var(--tw-text-opacity));
1198
+ color:;
1234
1199
  }
1235
1200
  .text-primary-600 {
1236
- --tw-text-opacity: 1;
1237
- color: rgb(68 76 231 / var(--tw-text-opacity));
1201
+ color:;
1238
1202
  }
1239
1203
  .text-primary-700 {
1240
- --tw-text-opacity: 1;
1241
- color: rgb(53 56 205 / var(--tw-text-opacity));
1204
+ color:;
1242
1205
  }
1243
1206
  .text-primary-800 {
1244
- --tw-text-opacity: 1;
1245
- color: rgb(45 49 166 / var(--tw-text-opacity));
1207
+ color:;
1246
1208
  }
1247
1209
  .text-white {
1248
1210
  --tw-text-opacity: 1;
@@ -1431,8 +1393,7 @@ video {
1431
1393
  border-style: none;
1432
1394
  }
1433
1395
  .checked\:border-primary-500:checked {
1434
- --tw-border-opacity: 1;
1435
- border-color: rgb(97 114 243 / var(--tw-border-opacity));
1396
+ border-color:;
1436
1397
  }
1437
1398
  .focus-within\:border-gray-400:focus-within {
1438
1399
  --tw-border-opacity: 1;
@@ -1458,16 +1419,13 @@ video {
1458
1419
  border-color: rgb(162 162 162 / var(--tw-border-opacity));
1459
1420
  }
1460
1421
  .hover\:border-primary-200:hover {
1461
- --tw-border-opacity: 1;
1462
- border-color: rgb(199 215 254 / var(--tw-border-opacity));
1422
+ border-color:;
1463
1423
  }
1464
1424
  .hover\:border-primary-300:hover {
1465
- --tw-border-opacity: 1;
1466
- border-color: rgb(164 188 253 / var(--tw-border-opacity));
1425
+ border-color:;
1467
1426
  }
1468
1427
  .hover\:border-primary-500:hover {
1469
- --tw-border-opacity: 1;
1470
- border-color: rgb(97 114 243 / var(--tw-border-opacity));
1428
+ border-color:;
1471
1429
  }
1472
1430
  .hover\:bg-blue-500:hover {
1473
1431
  --tw-bg-opacity: 1;
@@ -1497,23 +1455,16 @@ video {
1497
1455
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1498
1456
  }
1499
1457
  .hover\:bg-primary-100:hover {
1500
- --tw-bg-opacity: 1;
1501
- background-color: rgb(224 234 255 / var(--tw-bg-opacity));
1458
+ background-color:;
1502
1459
  }
1503
1460
  .hover\:bg-primary-200:hover {
1504
- --tw-bg-opacity: 1;
1505
- background-color: rgb(199 215 254 / var(--tw-bg-opacity));
1506
- }
1507
- .hover\:bg-primary-25\/25:hover {
1508
- background-color: rgb(245 248 255 / 0.25);
1461
+ background-color:;
1509
1462
  }
1510
1463
  .hover\:bg-primary-50:hover {
1511
- --tw-bg-opacity: 1;
1512
- background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1464
+ background-color:;
1513
1465
  }
1514
1466
  .hover\:bg-primary-600:hover {
1515
- --tw-bg-opacity: 1;
1516
- background-color: rgb(68 76 231 / var(--tw-bg-opacity));
1467
+ background-color:;
1517
1468
  }
1518
1469
  .hover\:bg-gradient-to-b:hover {
1519
1470
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -1532,8 +1483,8 @@ video {
1532
1483
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1533
1484
  }
1534
1485
  .hover\:from-primary-500:hover {
1535
- --tw-gradient-from: #6172f3 var(--tw-gradient-from-position);
1536
- --tw-gradient-to: rgb(97 114 243 / 0) var(--tw-gradient-to-position);
1486
+ --tw-gradient-from: var(--tw-gradient-from-position);
1487
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1537
1488
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1538
1489
  }
1539
1490
  .hover\:via-black\/70:hover {
@@ -1550,15 +1501,14 @@ video {
1550
1501
  --tw-gradient-to: #356AC3D9 var(--tw-gradient-to-position);
1551
1502
  }
1552
1503
  .hover\:to-primary-600:hover {
1553
- --tw-gradient-to: #444ce7 var(--tw-gradient-to-position);
1504
+ --tw-gradient-to: var(--tw-gradient-to-position);
1554
1505
  }
1555
1506
  .hover\:text-gray-500:hover {
1556
1507
  --tw-text-opacity: 1;
1557
1508
  color: rgb(162 162 162 / var(--tw-text-opacity));
1558
1509
  }
1559
1510
  .hover\:text-primary-400:hover {
1560
- --tw-text-opacity: 1;
1561
- color: rgb(128 152 249 / var(--tw-text-opacity));
1511
+ color:;
1562
1512
  }
1563
1513
  .hover\:text-white:hover {
1564
1514
  --tw-text-opacity: 1;
@@ -1618,12 +1568,10 @@ video {
1618
1568
  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);
1619
1569
  }
1620
1570
  .focus-within\:hover\:border-primary-100:hover:focus-within {
1621
- --tw-border-opacity: 1;
1622
- border-color: rgb(224 234 255 / var(--tw-border-opacity));
1571
+ border-color:;
1623
1572
  }
1624
1573
  .focus-within\:hover\:bg-primary-50:hover:focus-within {
1625
- --tw-bg-opacity: 1;
1626
- background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1574
+ background-color:;
1627
1575
  }
1628
1576
  .focus-within\:hover\:text-dark:hover:focus-within {
1629
1577
  --tw-text-opacity: 1;
@@ -1646,20 +1594,17 @@ video {
1646
1594
  var(--tw-shadow, 0 0 #0000);
1647
1595
  }
1648
1596
  .focus\:ring-primary-500:focus {
1649
- --tw-ring-opacity: 1;
1650
- --tw-ring-color: rgb(97 114 243 / var(--tw-ring-opacity));
1597
+ --tw-ring-color: ;
1651
1598
  }
1652
1599
  .active\:bg-gray-25:active {
1653
1600
  --tw-bg-opacity: 1;
1654
1601
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1655
1602
  }
1656
1603
  .active\:bg-primary-400:active {
1657
- --tw-bg-opacity: 1;
1658
- background-color: rgb(128 152 249 / var(--tw-bg-opacity));
1604
+ background-color:;
1659
1605
  }
1660
1606
  .active\:bg-primary-50:active {
1661
- --tw-bg-opacity: 1;
1662
- background-color: rgb(238 244 255 / var(--tw-bg-opacity));
1607
+ background-color:;
1663
1608
  }
1664
1609
  .active\:text-gray-900:active {
1665
1610
  --tw-text-opacity: 1;
@@ -1682,11 +1627,11 @@ video {
1682
1627
  --tw-shadow: var(--tw-shadow-colored);
1683
1628
  }
1684
1629
  .active\:shadow-primary-300:active {
1685
- --tw-shadow-color: #a4bcfd;
1630
+ --tw-shadow-color: ;
1686
1631
  --tw-shadow: var(--tw-shadow-colored);
1687
1632
  }
1688
1633
  .active\:shadow-primary-700:active {
1689
- --tw-shadow-color: #3538cd;
1634
+ --tw-shadow-color: ;
1690
1635
  --tw-shadow: var(--tw-shadow-colored);
1691
1636
  }
1692
1637
  .disabled\:pointer-events-none:disabled {
@@ -1730,8 +1675,7 @@ video {
1730
1675
  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));
1731
1676
  }
1732
1677
  .peer:checked ~ .peer-checked\:bg-primary-500 {
1733
- --tw-bg-opacity: 1;
1734
- background-color: rgb(97 114 243 / var(--tw-bg-opacity));
1678
+ background-color:;
1735
1679
  }
1736
1680
  .peer:checked ~ .peer-checked\:opacity-100 {
1737
1681
  opacity: 1;
@@ -1745,8 +1689,7 @@ video {
1745
1689
  var(--tw-shadow, 0 0 #0000);
1746
1690
  }
1747
1691
  .peer:active ~ .peer-active\:ring-primary-300 {
1748
- --tw-ring-opacity: 1;
1749
- --tw-ring-color: rgb(164 188 253 / var(--tw-ring-opacity));
1692
+ --tw-ring-color: ;
1750
1693
  }
1751
1694
  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
1752
1695
  pointer-events: none;
@@ -1778,12 +1721,10 @@ video {
1778
1721
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
1779
1722
  }
1780
1723
  .dark\:border-primary-100:is(.dark *) {
1781
- --tw-border-opacity: 1;
1782
- border-color: rgb(224 234 255 / var(--tw-border-opacity));
1724
+ border-color:;
1783
1725
  }
1784
1726
  .dark\:border-primary-800:is(.dark *) {
1785
- --tw-border-opacity: 1;
1786
- border-color: rgb(45 49 166 / var(--tw-border-opacity));
1727
+ border-color:;
1787
1728
  }
1788
1729
  .dark\:bg-dark:is(.dark *) {
1789
1730
  --tw-bg-opacity: 1;
@@ -1815,8 +1756,8 @@ video {
1815
1756
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1816
1757
  }
1817
1758
  .dark\:from-primary-900:is(.dark *) {
1818
- --tw-gradient-from: #2d3282 var(--tw-gradient-from-position);
1819
- --tw-gradient-to: rgb(45 50 130 / 0) var(--tw-gradient-to-position);
1759
+ --tw-gradient-from: var(--tw-gradient-from-position);
1760
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1820
1761
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1821
1762
  }
1822
1763
  .dark\:to-\[\#070707D9\]:is(.dark *) {
@@ -1857,8 +1798,7 @@ video {
1857
1798
  color: rgb(255 255 255 / var(--tw-text-opacity));
1858
1799
  }
1859
1800
  .dark\:text-primary-200:is(.dark *) {
1860
- --tw-text-opacity: 1;
1861
- color: rgb(199 215 254 / var(--tw-text-opacity));
1801
+ color:;
1862
1802
  }
1863
1803
  .dark\:text-white:is(.dark *) {
1864
1804
  --tw-text-opacity: 1;
@@ -1901,8 +1841,7 @@ video {
1901
1841
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1902
1842
  }
1903
1843
  .dark\:hover\:bg-primary-800:hover:is(.dark *) {
1904
- --tw-bg-opacity: 1;
1905
- background-color: rgb(45 49 166 / var(--tw-bg-opacity));
1844
+ background-color:;
1906
1845
  }
1907
1846
  .hover\:dark\:bg-transparent:is(.dark *):hover {
1908
1847
  background-color: transparent;
@@ -1920,8 +1859,7 @@ video {
1920
1859
  color: rgb(255 255 255 / var(--tw-text-opacity));
1921
1860
  }
1922
1861
  .dark\:hover\:text-primary-600:hover:is(.dark *) {
1923
- --tw-text-opacity: 1;
1924
- color: rgb(68 76 231 / var(--tw-text-opacity));
1862
+ color:;
1925
1863
  }
1926
1864
  .dark\:focus-within\:hover\:bg-gray-700:hover:focus-within:is(.dark *) {
1927
1865
  --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.20",
4
+ "version": "0.0.22",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",