@mahatisystems/mahati-ui-components 0.1.1 → 0.1.2

package/dist/index.css

@@ -2420,6 +2420,10 @@
 .mahati .m-0 {
   margin: 0px;
 }
+.mahati .mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
 .mahati .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -2428,6 +2432,10 @@
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.mahati .my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 .mahati .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -2452,6 +2460,9 @@
 .mahati .mt-2 {
   margin-top: 0.5rem;
 }
+.mahati .mt-6 {
+  margin-top: 1.5rem;
+}
 .mahati .block {
   display: block;
 }
@@ -2530,6 +2541,9 @@
 .mahati .h-full {
   height: 100%;
 }
+.mahati .h-px {
+  height: 1px;
+}
 .mahati .h-screen {
   height: 100vh;
 }
@@ -2569,12 +2583,18 @@
 .mahati .w-\[24px\] {
   width: 24px;
 }
+.mahati .w-\[26px\] {
+  width: 26px;
+}
 .mahati .w-\[280px\] {
   width: 280px;
 }
 .mahati .w-\[438px\] {
   width: 438px;
 }
+.mahati .w-\[562px\] {
+  width: 562px;
+}
 .mahati .w-\[98px\] {
   width: 98px;
 }
@@ -2596,6 +2616,9 @@
 .mahati .flex-shrink-0 {
   flex-shrink: 0;
 }
+.mahati .shrink-0 {
+  flex-shrink: 0;
+}
 .mahati .border-collapse {
   border-collapse: collapse;
 }
@@ -2672,6 +2695,9 @@
 .mahati .flex-wrap {
   flex-wrap: wrap;
 }
+.mahati .items-start {
+  align-items: flex-start;
+}
 .mahati .items-center {
   align-items: center;
 }
@@ -2805,6 +2831,10 @@
 .mahati .border-input {
   border-color: hsl(var(--input));
 }
+.mahati .border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
 .mahati .border-red-500 {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -2879,9 +2909,12 @@
 .mahati .bg-background {
   background-color: hsl(var(--background));
 }
-.mahati .bg-black {
+.mahati .bg-black\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
+.mahati .bg-blue-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
 }
 .mahati .bg-blue-600 {
   --tw-bg-opacity: 1;
@@ -2906,6 +2939,10 @@
 .mahati .bg-primary {
   background-color: hsl(var(--primary));
 }
+.mahati .bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .mahati .bg-secondary {
   background-color: hsl(var(--secondary));
 }
@@ -2927,8 +2964,12 @@
 .mahati .bg-white\/20 {
   background-color: rgb(255 255 255 / 0.2);
 }
-.mahati .bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
+.mahati .bg-\[linear-gradient\(90deg\,\#1761A3_0\%\,\#4DAF83_100\%\)\] {
+  background-image:
+    linear-gradient(
+      90deg,
+      #1761A3 0%,
+      #4DAF83 100%);
 }
 .mahati .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -3044,9 +3085,15 @@
 .mahati .pb-4 {
   padding-bottom: 1rem;
 }
+.mahati .pb-\[10px\] {
+  padding-bottom: 10px;
+}
 .mahati .pr-8 {
   padding-right: 2rem;
 }
+.mahati .pt-4 {
+  padding-top: 1rem;
+}
 .mahati .pt-5 {
   padding-top: 1.25rem;
 }
@@ -3062,14 +3109,13 @@
 .mahati .text-\[14px\] {
   font-size: 14px;
 }
+.mahati .text-\[20px\] {
+  font-size: 20px;
+}
 .mahati .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
-.mahati .text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
 .mahati .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -3116,10 +3162,6 @@
 .mahati .text-\[rgba\(255\,255\,255\,1\)\] {
   color: rgba(255, 255, 255, 1);
 }
-.mahati .text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-}
 .mahati .text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -3132,10 +3174,6 @@
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
-.mahati .text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
-}
 .mahati .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -3152,10 +3190,6 @@
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
-.mahati .text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
-}
 .mahati .text-primary {
   color: hsl(var(--primary));
 }
@@ -3393,6 +3427,13 @@
 .mahati .\[backface-visibility\:hidden\] {
   backface-visibility: hidden;
 }
+.mahati .\[background\:linear-gradient\(90deg\,\#1761A3_0\%\,\#4DAF83_100\%\)\] {
+  background:
+    linear-gradient(
+      90deg,
+      #1761A3 0%,
+      #4DAF83 100%);
+}
 .mahati .\[perspective\:1000px\] {
   perspective: 1000px;
 }
@@ -3449,6 +3490,10 @@
 .mahati .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
+.mahati .hover\:bg-red-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
 .mahati .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
@@ -3474,10 +3519,6 @@
 .mahati .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
-.mahati .hover\:text-gray-500:hover {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
-}
 .mahati .hover\:text-gray-800:hover {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
@@ -3564,19 +3605,4 @@
 .mahati .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
-@media (min-width: 640px) {
-  .mahati .sm\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-  .mahati .sm\:w-full {
-    width: 100%;
-  }
-  .mahati .sm\:max-w-lg {
-    max-width: 32rem;
-  }
-  .mahati .sm\:p-6 {
-    padding: 1.5rem;
-  }
-}
 /*# sourceMappingURL=index.css.map */