katalyst-riya-test 0.0.12 → 0.0.13

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 +58 -94
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -327,17 +327,17 @@ video {
327
327
  }
328
328
  :root {
329
329
  .theme-brand {
330
- --primary-25: #fafaff;
331
- --primary-50: #f4f3ff;
332
- --primary-100: #ebe9fe;
333
- --primary-200: #d9d6fe;
334
- --primary-300: #bdb4fe;
335
- --primary-400: #9b8afb;
336
- --primary-500: #7a5af8;
337
- --primary-600: #6938ef;
338
- --primary-700: #5925dc;
339
- --primary-800: #4a1fb8;
340
- --primary-900: #3e1c96;
330
+ --primary-25: var(--primary-25);
331
+ --primary-50: var(--primary-50);
332
+ --primary-100: var(--primary-100);
333
+ --primary-200: var(--primary-200);
334
+ --primary-300: var(--primary-300);
335
+ --primary-400: var(--primary-400);
336
+ --primary-500: var(--primary-500);
337
+ --primary-600: var(--primary-600);
338
+ --primary-700: var(--primary-700);
339
+ --primary-800: var(--primary-800);
340
+ --primary-900: var(--primary-900);
341
341
  }
342
342
  }
343
343
  .sr-only {
@@ -808,12 +808,10 @@ video {
808
808
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
809
809
  }
810
810
  .border-primary-200 {
811
- --tw-border-opacity: 1;
812
- border-color: rgb(217 214 254 / var(--tw-border-opacity));
811
+ border-color: var(--primary-200);
813
812
  }
814
813
  .border-primary-500 {
815
- --tw-border-opacity: 1;
816
- border-color: rgb(122 90 248 / var(--tw-border-opacity));
814
+ border-color: var(--primary-500);
817
815
  }
818
816
  .border-transparent {
819
817
  border-color: transparent;
@@ -859,24 +857,19 @@ video {
859
857
  background-color: rgb(255 255 255 / 0.1);
860
858
  }
861
859
  .bg-primary-100 {
862
- --tw-bg-opacity: 1;
863
- background-color: rgb(235 233 254 / var(--tw-bg-opacity));
860
+ background-color: var(--primary-100);
864
861
  }
865
862
  .bg-primary-300 {
866
- --tw-bg-opacity: 1;
867
- background-color: rgb(189 180 254 / var(--tw-bg-opacity));
863
+ background-color: var(--primary-300);
868
864
  }
869
865
  .bg-primary-400 {
870
- --tw-bg-opacity: 1;
871
- background-color: rgb(155 138 251 / var(--tw-bg-opacity));
866
+ background-color: var(--primary-400);
872
867
  }
873
868
  .bg-primary-50 {
874
- --tw-bg-opacity: 1;
875
- background-color: rgb(244 243 255 / var(--tw-bg-opacity));
869
+ background-color: var(--primary-50);
876
870
  }
877
871
  .bg-primary-500 {
878
- --tw-bg-opacity: 1;
879
- background-color: rgb(122 90 248 / var(--tw-bg-opacity));
872
+ background-color: var(--primary-500);
880
873
  }
881
874
  .bg-red-100 {
882
875
  --tw-bg-opacity: 1;
@@ -909,13 +902,13 @@ video {
909
902
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
910
903
  }
911
904
  .from-primary-200 {
912
- --tw-gradient-from: #d9d6fe var(--tw-gradient-from-position);
913
- --tw-gradient-to: rgb(217 214 254 / 0) var(--tw-gradient-to-position);
905
+ --tw-gradient-from: var(--primary-200) var(--tw-gradient-from-position);
906
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
914
907
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
915
908
  }
916
909
  .from-primary-700 {
917
- --tw-gradient-from: #5925dc var(--tw-gradient-from-position);
918
- --tw-gradient-to: rgb(89 37 220 / 0) var(--tw-gradient-to-position);
910
+ --tw-gradient-from: var(--primary-700) var(--tw-gradient-from-position);
911
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
919
912
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
920
913
  }
921
914
  .from-transparent {
@@ -937,13 +930,13 @@ video {
937
930
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
938
931
  }
939
932
  .to-primary-100 {
940
- --tw-gradient-to: #ebe9fe var(--tw-gradient-to-position);
933
+ --tw-gradient-to: var(--primary-100) var(--tw-gradient-to-position);
941
934
  }
942
935
  .to-primary-500 {
943
- --tw-gradient-to: #7a5af8 var(--tw-gradient-to-position);
936
+ --tw-gradient-to: var(--primary-500) var(--tw-gradient-to-position);
944
937
  }
945
938
  .to-primary-900 {
946
- --tw-gradient-to: #3e1c96 var(--tw-gradient-to-position);
939
+ --tw-gradient-to: var(--primary-900) var(--tw-gradient-to-position);
947
940
  }
948
941
  .to-\[93\.83\%\] {
949
942
  --tw-gradient-to-position: 93.83%;
@@ -1214,24 +1207,19 @@ video {
1214
1207
  color: rgb(255 255 255 / var(--tw-text-opacity));
1215
1208
  }
1216
1209
  .text-primary-400 {
1217
- --tw-text-opacity: 1;
1218
- color: rgb(155 138 251 / var(--tw-text-opacity));
1210
+ color: var(--primary-400);
1219
1211
  }
1220
1212
  .text-primary-500 {
1221
- --tw-text-opacity: 1;
1222
- color: rgb(122 90 248 / var(--tw-text-opacity));
1213
+ color: var(--primary-500);
1223
1214
  }
1224
1215
  .text-primary-600 {
1225
- --tw-text-opacity: 1;
1226
- color: rgb(105 56 239 / var(--tw-text-opacity));
1216
+ color: var(--primary-600);
1227
1217
  }
1228
1218
  .text-primary-700 {
1229
- --tw-text-opacity: 1;
1230
- color: rgb(89 37 220 / var(--tw-text-opacity));
1219
+ color: var(--primary-700);
1231
1220
  }
1232
1221
  .text-primary-800 {
1233
- --tw-text-opacity: 1;
1234
- color: rgb(74 31 184 / var(--tw-text-opacity));
1222
+ color: var(--primary-800);
1235
1223
  }
1236
1224
  .text-white {
1237
1225
  --tw-text-opacity: 1;
@@ -1420,8 +1408,7 @@ video {
1420
1408
  border-style: none;
1421
1409
  }
1422
1410
  .checked\:border-primary-500:checked {
1423
- --tw-border-opacity: 1;
1424
- border-color: rgb(122 90 248 / var(--tw-border-opacity));
1411
+ border-color: var(--primary-500);
1425
1412
  }
1426
1413
  .focus-within\:border-gray-400:focus-within {
1427
1414
  --tw-border-opacity: 1;
@@ -1447,16 +1434,13 @@ video {
1447
1434
  border-color: rgb(162 162 162 / var(--tw-border-opacity));
1448
1435
  }
1449
1436
  .hover\:border-primary-200:hover {
1450
- --tw-border-opacity: 1;
1451
- border-color: rgb(217 214 254 / var(--tw-border-opacity));
1437
+ border-color: var(--primary-200);
1452
1438
  }
1453
1439
  .hover\:border-primary-300:hover {
1454
- --tw-border-opacity: 1;
1455
- border-color: rgb(189 180 254 / var(--tw-border-opacity));
1440
+ border-color: var(--primary-300);
1456
1441
  }
1457
1442
  .hover\:border-primary-500:hover {
1458
- --tw-border-opacity: 1;
1459
- border-color: rgb(122 90 248 / var(--tw-border-opacity));
1443
+ border-color: var(--primary-500);
1460
1444
  }
1461
1445
  .hover\:bg-blue-500:hover {
1462
1446
  --tw-bg-opacity: 1;
@@ -1486,23 +1470,16 @@ video {
1486
1470
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1487
1471
  }
1488
1472
  .hover\:bg-primary-100:hover {
1489
- --tw-bg-opacity: 1;
1490
- background-color: rgb(235 233 254 / var(--tw-bg-opacity));
1473
+ background-color: var(--primary-100);
1491
1474
  }
1492
1475
  .hover\:bg-primary-200:hover {
1493
- --tw-bg-opacity: 1;
1494
- background-color: rgb(217 214 254 / var(--tw-bg-opacity));
1495
- }
1496
- .hover\:bg-primary-25\/25:hover {
1497
- background-color: rgb(250 250 255 / 0.25);
1476
+ background-color: var(--primary-200);
1498
1477
  }
1499
1478
  .hover\:bg-primary-50:hover {
1500
- --tw-bg-opacity: 1;
1501
- background-color: rgb(244 243 255 / var(--tw-bg-opacity));
1479
+ background-color: var(--primary-50);
1502
1480
  }
1503
1481
  .hover\:bg-primary-600:hover {
1504
- --tw-bg-opacity: 1;
1505
- background-color: rgb(105 56 239 / var(--tw-bg-opacity));
1482
+ background-color: var(--primary-600);
1506
1483
  }
1507
1484
  .hover\:bg-gradient-to-b:hover {
1508
1485
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -1521,8 +1498,8 @@ video {
1521
1498
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1522
1499
  }
1523
1500
  .hover\:from-primary-500:hover {
1524
- --tw-gradient-from: #7a5af8 var(--tw-gradient-from-position);
1525
- --tw-gradient-to: rgb(122 90 248 / 0) var(--tw-gradient-to-position);
1501
+ --tw-gradient-from: var(--primary-500) var(--tw-gradient-from-position);
1502
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1526
1503
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1527
1504
  }
1528
1505
  .hover\:via-black\/70:hover {
@@ -1539,15 +1516,14 @@ video {
1539
1516
  --tw-gradient-to: #356AC3D9 var(--tw-gradient-to-position);
1540
1517
  }
1541
1518
  .hover\:to-primary-600:hover {
1542
- --tw-gradient-to: #6938ef var(--tw-gradient-to-position);
1519
+ --tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position);
1543
1520
  }
1544
1521
  .hover\:text-gray-500:hover {
1545
1522
  --tw-text-opacity: 1;
1546
1523
  color: rgb(162 162 162 / var(--tw-text-opacity));
1547
1524
  }
1548
1525
  .hover\:text-primary-400:hover {
1549
- --tw-text-opacity: 1;
1550
- color: rgb(155 138 251 / var(--tw-text-opacity));
1526
+ color: var(--primary-400);
1551
1527
  }
1552
1528
  .hover\:text-white:hover {
1553
1529
  --tw-text-opacity: 1;
@@ -1607,12 +1583,10 @@ video {
1607
1583
  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);
1608
1584
  }
1609
1585
  .focus-within\:hover\:border-primary-100:hover:focus-within {
1610
- --tw-border-opacity: 1;
1611
- border-color: rgb(235 233 254 / var(--tw-border-opacity));
1586
+ border-color: var(--primary-100);
1612
1587
  }
1613
1588
  .focus-within\:hover\:bg-primary-50:hover:focus-within {
1614
- --tw-bg-opacity: 1;
1615
- background-color: rgb(244 243 255 / var(--tw-bg-opacity));
1589
+ background-color: var(--primary-50);
1616
1590
  }
1617
1591
  .focus-within\:hover\:text-dark:hover:focus-within {
1618
1592
  --tw-text-opacity: 1;
@@ -1635,20 +1609,17 @@ video {
1635
1609
  var(--tw-shadow, 0 0 #0000);
1636
1610
  }
1637
1611
  .focus\:ring-primary-500:focus {
1638
- --tw-ring-opacity: 1;
1639
- --tw-ring-color: rgb(122 90 248 / var(--tw-ring-opacity));
1612
+ --tw-ring-color: var(--primary-500);
1640
1613
  }
1641
1614
  .active\:bg-gray-25:active {
1642
1615
  --tw-bg-opacity: 1;
1643
1616
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1644
1617
  }
1645
1618
  .active\:bg-primary-400:active {
1646
- --tw-bg-opacity: 1;
1647
- background-color: rgb(155 138 251 / var(--tw-bg-opacity));
1619
+ background-color: var(--primary-400);
1648
1620
  }
1649
1621
  .active\:bg-primary-50:active {
1650
- --tw-bg-opacity: 1;
1651
- background-color: rgb(244 243 255 / var(--tw-bg-opacity));
1622
+ background-color: var(--primary-50);
1652
1623
  }
1653
1624
  .active\:text-gray-900:active {
1654
1625
  --tw-text-opacity: 1;
@@ -1671,11 +1642,11 @@ video {
1671
1642
  --tw-shadow: var(--tw-shadow-colored);
1672
1643
  }
1673
1644
  .active\:shadow-primary-300:active {
1674
- --tw-shadow-color: #bdb4fe;
1645
+ --tw-shadow-color: var(--primary-300);
1675
1646
  --tw-shadow: var(--tw-shadow-colored);
1676
1647
  }
1677
1648
  .active\:shadow-primary-700:active {
1678
- --tw-shadow-color: #5925dc;
1649
+ --tw-shadow-color: var(--primary-700);
1679
1650
  --tw-shadow: var(--tw-shadow-colored);
1680
1651
  }
1681
1652
  .disabled\:pointer-events-none:disabled {
@@ -1719,8 +1690,7 @@ video {
1719
1690
  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));
1720
1691
  }
1721
1692
  .peer:checked ~ .peer-checked\:bg-primary-500 {
1722
- --tw-bg-opacity: 1;
1723
- background-color: rgb(122 90 248 / var(--tw-bg-opacity));
1693
+ background-color: var(--primary-500);
1724
1694
  }
1725
1695
  .peer:checked ~ .peer-checked\:opacity-100 {
1726
1696
  opacity: 1;
@@ -1734,8 +1704,7 @@ video {
1734
1704
  var(--tw-shadow, 0 0 #0000);
1735
1705
  }
1736
1706
  .peer:active ~ .peer-active\:ring-primary-300 {
1737
- --tw-ring-opacity: 1;
1738
- --tw-ring-color: rgb(189 180 254 / var(--tw-ring-opacity));
1707
+ --tw-ring-color: var(--primary-300);
1739
1708
  }
1740
1709
  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
1741
1710
  pointer-events: none;
@@ -1767,12 +1736,10 @@ video {
1767
1736
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
1768
1737
  }
1769
1738
  .dark\:border-primary-100:is(.dark *) {
1770
- --tw-border-opacity: 1;
1771
- border-color: rgb(235 233 254 / var(--tw-border-opacity));
1739
+ border-color: var(--primary-100);
1772
1740
  }
1773
1741
  .dark\:border-primary-800:is(.dark *) {
1774
- --tw-border-opacity: 1;
1775
- border-color: rgb(74 31 184 / var(--tw-border-opacity));
1742
+ border-color: var(--primary-800);
1776
1743
  }
1777
1744
  .dark\:bg-dark:is(.dark *) {
1778
1745
  --tw-bg-opacity: 1;
@@ -1804,8 +1771,8 @@ video {
1804
1771
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1805
1772
  }
1806
1773
  .dark\:from-primary-900:is(.dark *) {
1807
- --tw-gradient-from: #3e1c96 var(--tw-gradient-from-position);
1808
- --tw-gradient-to: rgb(62 28 150 / 0) var(--tw-gradient-to-position);
1774
+ --tw-gradient-from: var(--primary-900) var(--tw-gradient-from-position);
1775
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1809
1776
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1810
1777
  }
1811
1778
  .dark\:to-\[\#070707D9\]:is(.dark *) {
@@ -1846,8 +1813,7 @@ video {
1846
1813
  color: rgb(255 255 255 / var(--tw-text-opacity));
1847
1814
  }
1848
1815
  .dark\:text-primary-200:is(.dark *) {
1849
- --tw-text-opacity: 1;
1850
- color: rgb(217 214 254 / var(--tw-text-opacity));
1816
+ color: var(--primary-200);
1851
1817
  }
1852
1818
  .dark\:text-white:is(.dark *) {
1853
1819
  --tw-text-opacity: 1;
@@ -1890,8 +1856,7 @@ video {
1890
1856
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1891
1857
  }
1892
1858
  .dark\:hover\:bg-primary-800:hover:is(.dark *) {
1893
- --tw-bg-opacity: 1;
1894
- background-color: rgb(74 31 184 / var(--tw-bg-opacity));
1859
+ background-color: var(--primary-800);
1895
1860
  }
1896
1861
  .hover\:dark\:bg-transparent:is(.dark *):hover {
1897
1862
  background-color: transparent;
@@ -1909,8 +1874,7 @@ video {
1909
1874
  color: rgb(255 255 255 / var(--tw-text-opacity));
1910
1875
  }
1911
1876
  .dark\:hover\:text-primary-600:hover:is(.dark *) {
1912
- --tw-text-opacity: 1;
1913
- color: rgb(105 56 239 / var(--tw-text-opacity));
1877
+ color: var(--primary-600);
1914
1878
  }
1915
1879
  .dark\:focus-within\:hover\:bg-gray-700:hover:focus-within:is(.dark *) {
1916
1880
  --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.12",
4
+ "version": "0.0.13",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",