katalyst-riya-test 0.0.14 → 0.0.15

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 (4) hide show
  1. package/dist/index.cjs +3 -3
  2. package/dist/index.css +38 -24
  3. package/dist/index.js +3 -3
  4. 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-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",
171
+ primary: "bg-brand-500 text-light border hover:bg-brand-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-brand-400 active:shadow-[0px_0px_0px_3px] active:shadow-brand-300",
172
+ "primary-light": "bg-brand-50 text-brand-600 hover:bg-brand-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-brand-50 active:shadow-brand-300",
173
+ secondary: "bg-brand-50 text-brand-800 hover:bg-brand-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-brand-50 active:shadow-[0px_0px_0px_3px] active:shadow-brand-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
@@ -834,6 +834,14 @@ video {
834
834
  --tw-bg-opacity: 1 !important;
835
835
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
836
836
  }
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
+ }
837
845
  .bg-gray-100 {
838
846
  --tw-bg-opacity: 1 !important;
839
847
  background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
@@ -865,9 +873,6 @@ video {
865
873
  .bg-primary-400 {
866
874
  background-color: var(--primary-400) !important;
867
875
  }
868
- .bg-primary-50 {
869
- background-color: var(--primary-50) !important;
870
- }
871
876
  .bg-primary-500 {
872
877
  background-color: var(--primary-500) !important;
873
878
  }
@@ -1174,6 +1179,14 @@ video {
1174
1179
  --tw-text-opacity: 1 !important;
1175
1180
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
1176
1181
  }
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
+ }
1177
1190
  .text-dark {
1178
1191
  --tw-text-opacity: 1 !important;
1179
1192
  color: rgb(7 7 7 / var(--tw-text-opacity)) !important;
@@ -1218,9 +1231,6 @@ video {
1218
1231
  .text-primary-700 {
1219
1232
  color: var(--primary-700) !important;
1220
1233
  }
1221
- .text-primary-800 {
1222
- color: var(--primary-800) !important;
1223
- }
1224
1234
  .text-white {
1225
1235
  --tw-text-opacity: 1 !important;
1226
1236
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
@@ -1450,6 +1460,14 @@ video {
1450
1460
  --tw-bg-opacity: 1 !important;
1451
1461
  background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important;
1452
1462
  }
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
+ }
1453
1471
  .hover\:bg-gray-100:hover {
1454
1472
  --tw-bg-opacity: 1 !important;
1455
1473
  background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
@@ -1472,15 +1490,9 @@ video {
1472
1490
  .hover\:bg-primary-100:hover {
1473
1491
  background-color: var(--primary-100) !important;
1474
1492
  }
1475
- .hover\:bg-primary-200:hover {
1476
- background-color: var(--primary-200) !important;
1477
- }
1478
1493
  .hover\:bg-primary-50:hover {
1479
1494
  background-color: var(--primary-50) !important;
1480
1495
  }
1481
- .hover\:bg-primary-600:hover {
1482
- background-color: var(--primary-600) !important;
1483
- }
1484
1496
  .hover\:bg-gradient-to-b:hover {
1485
1497
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
1486
1498
  }
@@ -1615,15 +1627,17 @@ video {
1615
1627
  .focus\:ring-primary-500:focus {
1616
1628
  --tw-ring-color: var(--primary-500) !important;
1617
1629
  }
1618
- .active\:bg-gray-25:active {
1630
+ .active\:bg-brand-400:active {
1619
1631
  --tw-bg-opacity: 1 !important;
1620
- background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1632
+ background-color: rgb(255 203 76 / var(--tw-bg-opacity)) !important;
1621
1633
  }
1622
- .active\:bg-primary-400:active {
1623
- background-color: var(--primary-400) !important;
1634
+ .active\:bg-brand-50:active {
1635
+ --tw-bg-opacity: 1 !important;
1636
+ background-color: rgb(255 248 228 / var(--tw-bg-opacity)) !important;
1624
1637
  }
1625
- .active\:bg-primary-50:active {
1626
- background-color: var(--primary-50) !important;
1638
+ .active\:bg-gray-25:active {
1639
+ --tw-bg-opacity: 1 !important;
1640
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1627
1641
  }
1628
1642
  .active\:text-gray-900:active {
1629
1643
  --tw-text-opacity: 1 !important;
@@ -1641,16 +1655,16 @@ video {
1641
1655
  --tw-shadow-color: #46464659 !important;
1642
1656
  --tw-shadow: var(--tw-shadow-colored) !important;
1643
1657
  }
1644
- .active\:shadow-gray-700:active {
1645
- --tw-shadow-color: #656565 !important;
1658
+ .active\:shadow-brand-300:active {
1659
+ --tw-shadow-color: #FFD665 !important;
1646
1660
  --tw-shadow: var(--tw-shadow-colored) !important;
1647
1661
  }
1648
- .active\:shadow-primary-300:active {
1649
- --tw-shadow-color: var(--primary-300) !important;
1662
+ .active\:shadow-brand-700:active {
1663
+ --tw-shadow-color: #FFA33A !important;
1650
1664
  --tw-shadow: var(--tw-shadow-colored) !important;
1651
1665
  }
1652
- .active\:shadow-primary-700:active {
1653
- --tw-shadow-color: var(--primary-700) !important;
1666
+ .active\:shadow-gray-700:active {
1667
+ --tw-shadow-color: #656565 !important;
1654
1668
  --tw-shadow: var(--tw-shadow-colored) !important;
1655
1669
  }
1656
1670
  .disabled\:pointer-events-none:disabled {
package/dist/index.js CHANGED
@@ -99,9 +99,9 @@ var buttonVariants = cva(
99
99
  {
100
100
  variants: {
101
101
  variant: {
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",
102
+ primary: "bg-brand-500 text-light border hover:bg-brand-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-brand-400 active:shadow-[0px_0px_0px_3px] active:shadow-brand-300",
103
+ "primary-light": "bg-brand-50 text-brand-600 hover:bg-brand-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-brand-50 active:shadow-brand-300",
104
+ secondary: "bg-brand-50 text-brand-800 hover:bg-brand-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-brand-50 active:shadow-[0px_0px_0px_3px] active:shadow-brand-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
  },
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.14",
4
+ "version": "0.0.15",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",