@sikka/hawa 0.1.92 → 0.1.93

package/src/styles.css

@@ -422,7 +422,7 @@ video {
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
     --ring: 240 5% 64.9%;
-    --radius: 0.5rem;
+    --radius: 0rem;
     --radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
 
     --layout-primary-700: #b7aff7;
@@ -470,10 +470,11 @@ video {
     margin-right: 0.25em;
     width: 0.75em;
     vertical-align: middle;
-    color: var(--button-primary-500-hsl);
+    color: hsl(var(--primary));
+
   }
   .link {
-    color: var(--button-primary-500-hsl);
+    color: hsl(var(--primary));
   }
   .link:hover {
     text-decoration: underline;
@@ -531,10 +532,10 @@ video {
     height: 9px;
     position: absolute;
     top: 6px;
-    left: 11px;
+    left: 3px;
     content: " ";
     display: block;
-    background: var(--button-primary-500-hsl);
+    background: hsl(var(--primary));
   }
   .radio-item-bordered input[type="radio"]:checked + label:after {
     border-radius: 100%;
@@ -545,7 +546,7 @@ video {
     left: 23px;
     content: " ";
     display: block;
-    background: var(--button-primary-500-hsl);
+    background: hsl(var(--primary));
   }
   * {
   border-color: hsl(var(--border));
@@ -803,6 +804,9 @@ video {
 .right-0 {
   right: 0px;
 }
+.right-1 {
+  right: 0.25rem;
+}
 .right-2 {
   right: 0.5rem;
 }
@@ -848,6 +852,9 @@ video {
 .top-\[22px\] {
   top: 22px;
 }
+.top-\[41px\] {
+  top: 41px;
+}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -905,6 +912,10 @@ video {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -1386,6 +1397,9 @@ video {
 .w-screen {
   width: 100vw;
 }
+.min-w-0 {
+  min-width: 0px;
+}
 .min-w-\[220px\] {
   min-width: 220px;
 }
@@ -1418,6 +1432,9 @@ video {
 .max-w-2xs {
   max-width: 250px;
 }
+.max-w-5xl {
+  max-width: 64rem;
+}
 .max-w-\[200px\] {
   max-width: 200px;
 }
@@ -1696,6 +1713,13 @@ video {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
+.gap-x-8 {
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
+}
+.gap-y-10 {
+  row-gap: 2.5rem;
+}
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -2104,6 +2128,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
+.bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
+}
 .bg-info {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--info) / var(--tw-bg-opacity));
@@ -2337,6 +2365,10 @@ video {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -2527,6 +2559,12 @@ video {
 .leading-4 {
   line-height: 1rem;
 }
+.leading-7 {
+  line-height: 1.75rem;
+}
+.leading-8 {
+  line-height: 2rem;
+}
 .leading-\[25px\] {
   line-height: 25px;
 }
@@ -2611,6 +2649,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity));
 }
+.text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgb(79 70 229 / var(--tw-text-opacity));
+}
 .text-info-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--info-foreground) / var(--tw-text-opacity));
@@ -4024,9 +4066,8 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
 }
-:is(.dark .peer:checked ~ .dark\:peer-checked\:text-blue-500) {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
+:is(.dark .peer:checked ~ .dark\:peer-checked\:text-primary) {
+  color: hsl(var(--primary));
 }
 @media (min-width: 440px) {
 
@@ -4104,6 +4145,11 @@ body {
     padding: 5rem;
   }
 
+  .sm\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
   .sm\:text-left {
     text-align: left;
   }
@@ -4113,6 +4159,11 @@ body {
     line-height: 2rem;
   }
 
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
   .sm\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
@@ -4139,6 +4190,14 @@ body {
 }
 @media (min-width: 768px) {
 
+  .md\:sticky {
+    position: sticky;
+  }
+
+  .md\:top-10 {
+    top: 2.5rem;
+  }
+
   .md\:mb-0 {
     margin-bottom: 0px;
   }
@@ -4159,6 +4218,10 @@ body {
     margin-right: 1rem;
   }
 
+  .md\:mt-0 {
+    margin-top: 0px;
+  }
+
   .md\:h-auto {
     height: auto;
   }
@@ -4167,6 +4230,10 @@ body {
     width: 12rem;
   }
 
+  .md\:w-\[28rem\] {
+    width: 28rem;
+  }
+
   .md\:w-full {
     width: 100%;
   }
@@ -4251,6 +4318,10 @@ body {
     max-width: 80rem;
   }
 
+  .lg\:max-w-none {
+    max-width: none;
+  }
+
   .lg\:columns-4 {
     -moz-columns: 4;
          columns: 4;
@@ -4263,6 +4334,15 @@ body {
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .lg\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
 }
 @media (min-width: 1280px) {
 

package/src/tailwind.css

@@ -88,7 +88,7 @@
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
     --ring: 240 5% 64.9%;
-    --radius: 0.5rem;
+    --radius: 0rem;
     --radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
 
     --layout-primary-700: #b7aff7;
@@ -138,10 +138,11 @@
     margin-right: 0.25em;
     width: 0.75em;
     vertical-align: middle;
-    color: var(--button-primary-500-hsl);
+    color: hsl(var(--primary));
+
   }
   .link {
-    color: var(--button-primary-500-hsl);
+    color: hsl(var(--primary));
   }
   .link:hover {
     text-decoration: underline;
@@ -199,10 +200,10 @@
     height: 9px;
     position: absolute;
     top: 6px;
-    left: 11px;
+    left: 3px;
     content: " ";
     display: block;
-    background: var(--button-primary-500-hsl);
+    background: hsl(var(--primary));
   }
   .radio-item-bordered input[type="radio"]:checked + label:after {
     border-radius: 100%;
@@ -213,7 +214,7 @@
     left: 23px;
     content: " ";
     display: block;
-    background: var(--button-primary-500-hsl);
+    background: hsl(var(--primary));
   }
 }
 @layer base {
@@ -234,7 +235,6 @@
   }
 }
 @layer utilities {
-
   .shadow-color-primary {
     --tw-shadow: 0.25rem 0.25rem hsl(var(--primary));
     box-shadow: var(--tw-shadow);