@sikka/hawa 0.0.274 → 0.0.276

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 (13) hide show
  1. package/dist/styles.css +39 -13
  2. package/es/index.es.js +3 -3
  3. package/lib/index.js +2 -2
  4. package/package.json +2 -1
  5. package/src/elements/HawaAdCard.tsx +13 -9
  6. package/src/elements/HawaButton.tsx +3 -3
  7. package/src/elements/HawaCodeBlock.tsx +6 -6
  8. package/src/elements/HawaItemCard.tsx +5 -3
  9. package/src/elements/HawaLandingCard.tsx +1 -1
  10. package/src/layout/HawaAppLayoutSimplified.tsx +22 -21
  11. package/src/styles.css +39 -13
  12. package/src/tailwind.css +13 -1
  13. package/tailwind.config.js +3 -0
package/dist/styles.css CHANGED
@@ -386,9 +386,15 @@ video {
386
386
  display: none;
387
387
  }
388
388
  :root {
389
+ --background: 0 0% 100%;
390
+ --foreground: 240 10% 3.9%;
391
+
389
392
  --layout-primary-700: #b7aff7;
390
- --layout-primary-500: #dfdcfc;
393
+ /* --layout-primary-500: #dfdcfc; */
394
+ --layout-primary-500: #fdfdfd;
395
+ --layout-primary-600: #f7f7f7;
391
396
  --layout-primary-300: #e7e5fa;
397
+
392
398
  --layout-secondary: #d2cdfa;
393
399
 
394
400
  --button-primary-300: #6555e3;
@@ -411,7 +417,13 @@ video {
411
417
  }
412
418
 
413
419
  .dark {
420
+ --layout-primary-500: #363636;
421
+ --layout-primary-600: #2d2d2d;
422
+ --layout-primary-700: #1d1d1d;
423
+ --layout-primary-300: #4a4a4a;
424
+
414
425
  --background: 240 10% 3.9%;
426
+
415
427
  --foreground: 0 0% 98%;
416
428
  --card: 240 10% 3.9%;
417
429
  --card-foreground: 0 0% 98%;
@@ -994,6 +1006,9 @@ video {
994
1006
  .hidden {
995
1007
  display: none;
996
1008
  }
1009
+ .aspect-square {
1010
+ aspect-ratio: 1 / 1;
1011
+ }
997
1012
  .h-0 {
998
1013
  height: 0px;
999
1014
  }
@@ -1473,6 +1488,9 @@ video {
1473
1488
  .gap-9 {
1474
1489
  gap: 2.25rem;
1475
1490
  }
1491
+ .gap-\[2px\] {
1492
+ gap: 2px;
1493
+ }
1476
1494
  .gap-x-16 {
1477
1495
  -moz-column-gap: 4rem;
1478
1496
  column-gap: 4rem;
@@ -1722,6 +1740,9 @@ video {
1722
1740
  .border-buttonPrimary-500 {
1723
1741
  border-color: var(--button-primary-500);
1724
1742
  }
1743
+ .border-buttonPrimary-700 {
1744
+ border-color: var(--button-primary-700);
1745
+ }
1725
1746
  .border-gray-100 {
1726
1747
  --tw-border-opacity: 1;
1727
1748
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
@@ -1780,14 +1801,14 @@ video {
1780
1801
  --tw-bg-opacity: 1;
1781
1802
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
1782
1803
  }
1783
- .bg-blue-400 {
1784
- --tw-bg-opacity: 1;
1785
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1786
- }
1787
1804
  .bg-blue-50 {
1788
1805
  --tw-bg-opacity: 1;
1789
1806
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
1790
1807
  }
1808
+ .bg-blue-500 {
1809
+ --tw-bg-opacity: 1;
1810
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1811
+ }
1791
1812
  .bg-buttonPrimary-300 {
1792
1813
  background-color: var(--button-primary-300);
1793
1814
  }
@@ -1832,10 +1853,6 @@ video {
1832
1853
  --tw-bg-opacity: 1;
1833
1854
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1834
1855
  }
1835
- .bg-gray-700 {
1836
- --tw-bg-opacity: 1;
1837
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1838
- }
1839
1856
  .bg-gray-800 {
1840
1857
  --tw-bg-opacity: 1;
1841
1858
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1862,6 +1879,9 @@ video {
1862
1879
  .bg-layoutPrimary-500 {
1863
1880
  background-color: var(--layout-primary-500);
1864
1881
  }
1882
+ .bg-layoutPrimary-600 {
1883
+ background-color: var(--layout-primary-600);
1884
+ }
1865
1885
  .bg-red-100 {
1866
1886
  --tw-bg-opacity: 1;
1867
1887
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -2141,6 +2161,9 @@ video {
2141
2161
  .text-\[11px\] {
2142
2162
  font-size: 11px;
2143
2163
  }
2164
+ .text-\[12px\] {
2165
+ font-size: 12px;
2166
+ }
2144
2167
  .text-\[13px\] {
2145
2168
  font-size: 13px;
2146
2169
  }
@@ -2657,10 +2680,6 @@ body {
2657
2680
  --tw-bg-opacity: 1;
2658
2681
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2659
2682
  }
2660
- .hover\:bg-gray-500:hover {
2661
- --tw-bg-opacity: 1;
2662
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
2663
- }
2664
2683
  .hover\:bg-gray-700:hover {
2665
2684
  --tw-bg-opacity: 1;
2666
2685
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
@@ -3102,6 +3121,10 @@ body {
3102
3121
  :is(.dark .dark\:hover\:bg-buttonPrimary-700:hover) {
3103
3122
  background-color: var(--button-primary-700);
3104
3123
  }
3124
+ :is(.dark .dark\:hover\:bg-gray-500:hover) {
3125
+ --tw-bg-opacity: 1;
3126
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
3127
+ }
3105
3128
  :is(.dark .dark\:hover\:bg-gray-600:hover) {
3106
3129
  --tw-bg-opacity: 1;
3107
3130
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -3114,6 +3137,9 @@ body {
3114
3137
  --tw-bg-opacity: 1;
3115
3138
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
3116
3139
  }
3140
+ :is(.dark .dark\:hover\:bg-layoutPrimary-700:hover) {
3141
+ background-color: var(--layout-primary-700);
3142
+ }
3117
3143
  :is(.dark .dark\:hover\:text-blue-500:hover) {
3118
3144
  --tw-text-opacity: 1;
3119
3145
  color: rgb(59 130 246 / var(--tw-text-opacity));