@sikka/hawa 0.1.0 → 0.1.2

package/dist/styles.css

@@ -405,12 +405,9 @@ 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-500: #dfdcfc; */
-
     --layout-primary-700: #b7aff7;
     --layout-primary-500: #fdfdfd;
     --layout-primary-600: #f7f7f7;
@@ -429,9 +426,6 @@ video {
     --layout-primary-600: #2d2d2d;
     --layout-primary-700: #1d1d1d;
     --layout-primary-300: #4a4a4a;
-    /* --layout-primary-300: hsl(240, 8%, 10%); */
-    /* --background: 240 10% 3.9%; //odd */
-
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
     --card: 240 10% 3.9%;
@@ -452,7 +446,6 @@ video {
     --input: 240 3.7% 15.9%;
     --ring: 240 4.9% 83.9%;
   }
-
   .link::after {
     content: url("data:image/svg+xml,%3Csvg stroke='%234c37eb' fill='none' stroke-width='2' viewBox='0 0 24 24' aria-hidden='true' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'%3E%3C/path%3E%3C/svg%3E");
     display: inline-block;
@@ -1066,6 +1059,9 @@ video {
 .h-96 {
   height: 24rem;
 }
+.h-\[1\.2rem\] {
+  height: 1.2rem;
+}
 .h-\[150px\] {
   height: 150px;
 }
@@ -1195,6 +1191,9 @@ video {
 .w-9 {
   width: 2.25rem;
 }
+.w-\[1\.2rem\] {
+  width: 1.2rem;
+}
 .w-\[12px\] {
   width: 12px;
 }
@@ -1345,6 +1344,11 @@ video {
   --tw-rotate: 90deg;
   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));
 }
+.scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  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));
+}
 .transform {
   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));
 }
@@ -1401,6 +1405,9 @@ video {
   -moz-columns: 1;
        columns: 1;
 }
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1508,11 +1515,6 @@ video {
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1828,9 +1830,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
-.bg-buttonPrimary-300 {
-  background-color: hsl(var(--button-primary-300));
-}
 .bg-buttonPrimary-500 {
   background-color: hsl(var(--button-primary-500));
 }
@@ -1912,6 +1911,9 @@ video {
 .bg-primary {
   background-color: hsl(var(--primary));
 }
+.bg-primary-foreground {
+  background-color: hsl(var(--primary-foreground));
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -2162,6 +2164,9 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -3126,6 +3131,19 @@ body {
 :is([dir="rtl"] .rtl\:pr-\[5px\]) {
   padding-right: 5px;
 }
+:is(.dark .dark\:-rotate-90) {
+  --tw-rotate: -90deg;
+  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));
+}
+:is(.dark .dark\:rotate-0) {
+  --tw-rotate: 0deg;
+  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));
+}
+:is(.dark .dark\:scale-100) {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  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));
+}
 :is(.dark .dark\:border-blue-500) {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity));

package/es/blocks/AuthForms/AppLanding.d.ts

@@ -3,6 +3,7 @@ type AppLandingTypes = {
     handleSignIn: () => void;
     handleSignUp: () => void;
     handleLanguage: () => void;
+    handleColorMode: () => void;
     texts: {
         signIn: string;
         signUp: string;

package/es/blocks/AuthForms/SignInForm.d.ts

@@ -20,7 +20,7 @@ type SignInFormTypes = {
         passwordRequiredText?: string;
         forgotPasswordText?: string;
         newUserText?: string;
-        signUpText?: string;
+        createAccount?: string;
         signInText?: string;
         signInViaGoogleLabel?: string;
         signInViaGithubLabel?: string;

package/es/blocks/Misc/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./NotFound";
 export * from "./EmptyState";
-export * from "./Newsletter";
 export * from "./Testimonial";
 export * from "./LeadGenerator";
 export * from "./NoPermission";

package/es/elements/Button.d.ts

@@ -6,6 +6,7 @@ declare const buttonVariants: (props?: {
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    isLoading?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/es/elements/Card.d.ts

@@ -3,6 +3,8 @@ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDiv
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<{
+    headless?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };