@sikka/hawa 0.1.0 → 0.1.1
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.
- package/dist/styles.css +9 -12
- package/es/blocks/AuthForms/SignInForm.d.ts +1 -1
- package/es/elements/Button.d.ts +1 -0
- package/es/elements/Card.d.ts +3 -1
- package/es/index.es.js +3 -3
- package/lib/blocks/AuthForms/SignInForm.d.ts +1 -1
- package/lib/elements/Button.d.ts +1 -0
- package/lib/elements/Card.d.ts +3 -1
- package/lib/index.js +3 -3
- package/package.json +1 -1
- package/src/blocks/AuthForms/ResetPasswordForm.tsx +59 -49
- package/src/blocks/AuthForms/SignInForm.tsx +137 -147
- package/src/blocks/AuthForms/SignUpForm.tsx +237 -225
- package/src/elements/Button.tsx +22 -2
- package/src/elements/Card.tsx +11 -2
- package/src/elements/HawaLoading.tsx +4 -4
- package/src/elements/HawaTextField.tsx +9 -7
- package/src/elements/Icons.tsx +4 -1
- package/src/styles.css +9 -12
- package/src/tailwind.css +2 -6
- package/src/translations/ar.json +1 -0
- package/src/translations/en.json +1 -0
package/dist/styles.css
CHANGED
|
@@ -405,12 +405,9 @@ video {
|
|
|
405
405
|
--border: 240 5.9% 90%;
|
|
406
406
|
--input: 240 5.9% 90%;
|
|
407
407
|
--ring: 240 5% 64.9%;
|
|
408
|
-
/* --radius: 0.5rem; */
|
|
409
408
|
--radius: 0rem;
|
|
410
409
|
--radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
|
|
411
410
|
|
|
412
|
-
/* --layout-primary-500: #dfdcfc; */
|
|
413
|
-
|
|
414
411
|
--layout-primary-700: #b7aff7;
|
|
415
412
|
--layout-primary-500: #fdfdfd;
|
|
416
413
|
--layout-primary-600: #f7f7f7;
|
|
@@ -429,9 +426,6 @@ video {
|
|
|
429
426
|
--layout-primary-600: #2d2d2d;
|
|
430
427
|
--layout-primary-700: #1d1d1d;
|
|
431
428
|
--layout-primary-300: #4a4a4a;
|
|
432
|
-
/* --layout-primary-300: hsl(240, 8%, 10%); */
|
|
433
|
-
/* --background: 240 10% 3.9%; //odd */
|
|
434
|
-
|
|
435
429
|
--background: 240 10% 3.9%;
|
|
436
430
|
--foreground: 0 0% 98%;
|
|
437
431
|
--card: 240 10% 3.9%;
|
|
@@ -452,7 +446,6 @@ video {
|
|
|
452
446
|
--input: 240 3.7% 15.9%;
|
|
453
447
|
--ring: 240 4.9% 83.9%;
|
|
454
448
|
}
|
|
455
|
-
|
|
456
449
|
.link::after {
|
|
457
450
|
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");
|
|
458
451
|
display: inline-block;
|
|
@@ -1401,6 +1394,9 @@ video {
|
|
|
1401
1394
|
-moz-columns: 1;
|
|
1402
1395
|
columns: 1;
|
|
1403
1396
|
}
|
|
1397
|
+
.grid-cols-1 {
|
|
1398
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1399
|
+
}
|
|
1404
1400
|
.grid-cols-2 {
|
|
1405
1401
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1406
1402
|
}
|
|
@@ -1508,11 +1504,6 @@ video {
|
|
|
1508
1504
|
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
1509
1505
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1510
1506
|
}
|
|
1511
|
-
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1512
|
-
--tw-space-x-reverse: 0;
|
|
1513
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1514
|
-
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1515
|
-
}
|
|
1516
1507
|
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1517
1508
|
--tw-space-x-reverse: 0;
|
|
1518
1509
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
@@ -1912,6 +1903,9 @@ video {
|
|
|
1912
1903
|
.bg-primary {
|
|
1913
1904
|
background-color: hsl(var(--primary));
|
|
1914
1905
|
}
|
|
1906
|
+
.bg-primary-foreground {
|
|
1907
|
+
background-color: hsl(var(--primary-foreground));
|
|
1908
|
+
}
|
|
1915
1909
|
.bg-red-100 {
|
|
1916
1910
|
--tw-bg-opacity: 1;
|
|
1917
1911
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
@@ -2162,6 +2156,9 @@ video {
|
|
|
2162
2156
|
.pt-4 {
|
|
2163
2157
|
padding-top: 1rem;
|
|
2164
2158
|
}
|
|
2159
|
+
.pt-6 {
|
|
2160
|
+
padding-top: 1.5rem;
|
|
2161
|
+
}
|
|
2165
2162
|
.text-left {
|
|
2166
2163
|
text-align: left;
|
|
2167
2164
|
}
|
package/es/elements/Button.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ declare const buttonVariants: (props?: {
|
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
8
|
asChild?: boolean;
|
|
9
|
+
isLoading?: boolean;
|
|
9
10
|
}
|
|
10
11
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
12
|
export { Button, buttonVariants };
|
package/es/elements/Card.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDiv
|
|
|
3
3
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
5
5
|
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
-
declare const CardContent: React.ForwardRefExoticComponent<
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<{
|
|
7
|
+
headless?: boolean;
|
|
8
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
9
|
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
10
|
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|