@sikka/hawa 0.0.286 → 0.0.288

package/dist/styles.css

@@ -400,6 +400,7 @@ video {
 
     --button-primary-300: 247 72% 61%;
     --button-primary-500: 247 82% 57%;
+    --button-primary-500-hsl: hsl(247, 82%, 57%);
     --button-primary-700: 247 71% 39%;
 
     --button-secondary-500: #ffc011;
@@ -422,8 +423,10 @@ 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%;
+    /* --background: 240 10% 3.9%; //odd */
+    --background: 240 8% 10%;
 
     --foreground: 0 0% 98%;
     --card: 240 10% 3.9%;
@@ -452,10 +455,10 @@ video {
     margin-right: 0.25em;
     width: 0.75em;
     vertical-align: middle;
-    color: var(--button-primary-500);
+    color: var(--button-primary-500-hsl);
   }
   .link {
-    color: var(--button-primary-500);
+    color: var(--button-primary-500-hsl);
   }
   .link:hover {
     text-decoration: underline;
@@ -516,7 +519,7 @@ video {
     left: 11px;
     content: " ";
     display: block;
-    background: var(--button-primary-500);
+    background: var(--button-primary-500-hsl);
   }
   .radio-item-bordered input[type="radio"]:checked + label:after {
     border-radius: 100%;
@@ -527,7 +530,7 @@ video {
     left: 23px;
     content: " ";
     display: block;
-    background: var(--button-primary-500);
+    background: var(--button-primary-500-hsl);
   }
   * {
   border-color: hsl(var(--border));
@@ -1719,6 +1722,9 @@ video {
 .border-r {
   border-right-width: 1px;
 }
+.border-r-0 {
+  border-right-width: 0px;
+}
 .border-r-2 {
   border-right-width: 2px;
 }
@@ -2002,9 +2008,6 @@ video {
 .p-2\.5 {
   padding: 0.625rem;
 }
-.p-20 {
-  padding: 5rem;
-}
 .p-3 {
   padding: 0.75rem;
 }
@@ -2293,6 +2296,9 @@ video {
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
+.text-foreground {
+  color: hsl(var(--foreground));
+}
 .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -3095,6 +3101,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
+:is(.dark .dark\:text-gray-100) {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
 :is(.dark .dark\:text-gray-200) {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -3146,6 +3156,9 @@ body {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
+:is(.dark .dark\:outline-gray-700) {
+  outline-color: #374151;
+}
 :is(.dark .dark\:ring-offset-gray-800) {
   --tw-ring-offset-color: #1f2937;
 }
@@ -3250,6 +3263,10 @@ body {
     gap: 2rem;
   }
 
+  .sm\:p-20 {
+    padding: 5rem;
+  }
+
   .sm\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;

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

@@ -22,9 +22,9 @@ type SignInFormTypes = {
         newUserText?: string;
         signUpText?: string;
         signInText?: string;
-        googleButtonLabel?: string;
-        githubButtonLabel?: string;
-        twitterButtonLabel?: string;
+        signInViaGoogleLabel?: string;
+        signInViaGithubLabel?: string;
+        signInViaTwitterLabel?: string;
     };
     withoutResetPassword?: boolean;
     withoutSignUp?: boolean;

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

@@ -27,9 +27,9 @@ type SignUpFormTypes = {
         signUpText: string;
         signInText: string;
         existingUserText: string;
-        googleButtonLabel: string;
-        githubButtonLabel: string;
-        twitterButtonLabel: string;
+        signUpViaGoogleLabel: string;
+        signUpViaGithubLabel: string;
+        signUpViaTwitterLabel: string;
         refCode: string;
     };
     showUserSource: any;

package/es/elements/HawaButton.d.ts

@@ -5,7 +5,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     tooltipDirection?: "rtl" | "ltr";
     color?: "default" | "primary" | "secondary" | "light" | "dark";
     width?: "full" | "normal" | "half";
-    size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full";
+    size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full" | "icon";
     margins?: "none" | "1" | "2" | "3" | "4";
     tooltip?: string;
     tooltipSize?: "normal" | "small" | "large";

package/es/elements/HawaLogoButton.d.ts

@@ -4,6 +4,7 @@ type LogoButtonTypes = {
     logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
     onClick?: any;
     buttonText?: any;
+    direction?: "rtl" | "ltr";
 };
 export declare const HawaLogoButton: FC<LogoButtonTypes>;
 export {};