@sikka/hawa 0.0.112 → 0.0.113
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 +10 -10
- package/es/elements/HawaAlert.d.ts +7 -0
- package/es/elements/HawaButton.d.ts +2 -1
- package/es/elements/HawaRadio.d.ts +6 -1
- package/es/elements/HawaSnackbar.d.ts +7 -0
- package/es/index.es.js +1 -1
- package/es/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
- package/lib/elements/HawaAlert.d.ts +7 -0
- package/lib/elements/HawaButton.d.ts +2 -1
- package/lib/elements/HawaRadio.d.ts +6 -1
- package/lib/elements/HawaSnackbar.d.ts +7 -0
- package/lib/index.js +1 -1
- package/lib/stories/ElementsStories/Snackbar.stories.d.ts +1 -0
- package/package.json +1 -1
- package/src/blocks/Account/UserSettingsForm.tsx +0 -1
- package/src/elements/HawaAlert.tsx +21 -0
- package/src/elements/HawaButton.tsx +9 -2
- package/src/elements/HawaRadio.tsx +7 -2
- package/src/elements/HawaSnackbar.tsx +24 -2
- package/src/elements/HawaTextField.tsx +1 -1
- package/src/layout/HawaContainer.tsx +2 -3
- package/src/styles.css +10 -10
package/dist/styles.css
CHANGED
|
@@ -587,14 +587,18 @@ video {
|
|
|
587
587
|
margin-left: 0.25rem;
|
|
588
588
|
margin-right: 0.25rem;
|
|
589
589
|
}
|
|
590
|
-
.my-
|
|
591
|
-
margin-top:
|
|
592
|
-
margin-bottom:
|
|
590
|
+
.my-0 {
|
|
591
|
+
margin-top: 0px;
|
|
592
|
+
margin-bottom: 0px;
|
|
593
593
|
}
|
|
594
594
|
.mx-2 {
|
|
595
595
|
margin-left: 0.5rem;
|
|
596
596
|
margin-right: 0.5rem;
|
|
597
597
|
}
|
|
598
|
+
.my-2 {
|
|
599
|
+
margin-top: 0.5rem;
|
|
600
|
+
margin-bottom: 0.5rem;
|
|
601
|
+
}
|
|
598
602
|
.my-7 {
|
|
599
603
|
margin-top: 1.75rem;
|
|
600
604
|
margin-bottom: 1.75rem;
|
|
@@ -603,10 +607,6 @@ video {
|
|
|
603
607
|
margin-top: 0.125rem;
|
|
604
608
|
margin-bottom: 0.125rem;
|
|
605
609
|
}
|
|
606
|
-
.my-0 {
|
|
607
|
-
margin-top: 0px;
|
|
608
|
-
margin-bottom: 0px;
|
|
609
|
-
}
|
|
610
610
|
.ml-auto {
|
|
611
611
|
margin-left: auto;
|
|
612
612
|
}
|
|
@@ -619,6 +619,9 @@ video {
|
|
|
619
619
|
.mb-4 {
|
|
620
620
|
margin-bottom: 1rem;
|
|
621
621
|
}
|
|
622
|
+
.mt-2 {
|
|
623
|
+
margin-top: 0.5rem;
|
|
624
|
+
}
|
|
622
625
|
.mb-0 {
|
|
623
626
|
margin-bottom: 0px;
|
|
624
627
|
}
|
|
@@ -652,9 +655,6 @@ video {
|
|
|
652
655
|
.ml-2 {
|
|
653
656
|
margin-left: 0.5rem;
|
|
654
657
|
}
|
|
655
|
-
.mt-2 {
|
|
656
|
-
margin-top: 0.5rem;
|
|
657
|
-
}
|
|
658
658
|
.mb-5 {
|
|
659
659
|
margin-bottom: 1.25rem;
|
|
660
660
|
}
|
|
@@ -10,6 +10,13 @@ type AlertTypes = {
|
|
|
10
10
|
title?: any;
|
|
11
11
|
text: any;
|
|
12
12
|
hideIcon?: any;
|
|
13
|
+
actions?: [
|
|
14
|
+
{
|
|
15
|
+
label: string;
|
|
16
|
+
onClick: any;
|
|
17
|
+
variant: "contained" | "outlined";
|
|
18
|
+
}
|
|
19
|
+
];
|
|
13
20
|
};
|
|
14
21
|
export declare const HawaAlert: React.FunctionComponent<AlertTypes>;
|
|
15
22
|
export {};
|
|
@@ -4,8 +4,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
4
4
|
color?: "default" | "primary" | "secondary";
|
|
5
5
|
width?: "full" | "normal" | "half";
|
|
6
6
|
size?: "small" | "medium" | "large" | "noPadding";
|
|
7
|
+
margins?: "none" | "1" | "2" | "3" | "4";
|
|
7
8
|
tooltip?: string;
|
|
8
9
|
isLoading?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltip, children, ...props }: ButtonProps): JSX.Element;
|
|
11
|
+
export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, margins, tooltip, children, ...props }: ButtonProps): JSX.Element;
|
|
11
12
|
export {};
|
|
@@ -4,6 +4,13 @@ type THawaSnackBar = {
|
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
6
|
position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
|
|
7
|
+
actions?: [
|
|
8
|
+
{
|
|
9
|
+
label: string;
|
|
10
|
+
onClick: any;
|
|
11
|
+
variant: "contained" | "outlined";
|
|
12
|
+
}
|
|
13
|
+
];
|
|
7
14
|
};
|
|
8
15
|
export declare const HawaSnackbar: FC<THawaSnackBar>;
|
|
9
16
|
export {};
|