@sikka/hawa 0.0.2 → 0.0.3
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/.github/workflows/hawa-publish.yml +43 -0
- package/.prettierrc +28 -28
- package/README.md +149 -148
- package/package.json +49 -47
- package/rollup.config.js +30 -30
- package/src/blocks/Account/UserProfile.js +15 -0
- package/src/blocks/Account/UserSettings.js +15 -0
- package/src/blocks/Account/index.js +2 -0
- package/src/blocks/AuthForms/NewPasswordForm.js +17 -0
- package/src/blocks/AuthForms/ResetPasswordForm.js +14 -0
- package/src/blocks/AuthForms/SignInForm.js +19 -0
- package/src/{components/Hawa → blocks}/AuthForms/SignUpForm.js +20 -26
- package/src/{components/Hawa → blocks}/AuthForms/index.js +4 -4
- package/src/{components/Hawa → blocks}/AuthForms/viaFacebook.js +0 -0
- package/src/{components/Hawa → blocks}/AuthForms/viaGithub.js +0 -0
- package/src/{components/Hawa → blocks}/AuthForms/viaGoogle.js +0 -0
- package/src/{components/Hawa → blocks}/AuthForms/viaTwitter.js +0 -0
- package/src/index.js +1 -1
- package/src/layout/Box.js +25 -0
- package/src/layout/index.js +1 -0
- package/src/stories/ActionButton.stories.js +49 -0
- package/src/stories/AdaptiveButton.stories.js +80 -80
- package/src/stories/Alert.stories.js +41 -48
- package/src/stories/AuthForm.stories.js +79 -76
- package/src/stories/Box.stories.js +64 -45
- package/src/stories/CheckBox.stories.js +35 -34
- package/src/stories/GlobalVariables.stories.js +101 -108
- package/src/stories/HawaProvider.stories.js +23 -23
- package/src/stories/InputLabel.stories.js +92 -100
- package/src/stories/Introduction.stories.js +211 -0
- package/src/stories/RadioSelector.stories.js +69 -69
- package/src/stories/TextField.stories.js +50 -50
- package/src/stories/UserAccount.stories.js +46 -0
- package/src/styles.css +400 -400
- package/src/themes/HawaProvider.js +45 -0
- package/src/ui/ActionButton.js +15 -0
- package/src/{components/Hawa/AdaptiveButton → ui}/AdaptiveButton.js +252 -254
- package/src/{components/Hawa/AutoCompleteField/AutoCompleteField.jsx → ui/AutoCompleteField.js} +33 -33
- package/src/{components/Hawa/Checkbox/Checkbox.jsx → ui/Checkbox.js} +21 -20
- package/src/{components/Hawa/DragDropImages/DragDropImages.jsx → ui/DragDropImages.js} +180 -180
- package/src/{components/Hawa/Hawa.jsx → ui/Hawa.js} +3 -3
- package/src/{components/Hawa/RadioBox/RadioBox.jsx → ui/RadioBox.js} +29 -29
- package/src/{components/Hawa/RadioSelector/RadioSelector.jsx → ui/RadioSelector.js} +51 -51
- package/src/{components/Hawa/Row/Row.jsx → ui/Row.js} +21 -21
- package/src/{components/Hawa/SelectedField/SelectedField.jsx → ui/SelectedField.js} +46 -46
- package/src/ui/StyledAlert.js +30 -0
- package/src/ui/StyledInputLabel.js +19 -0
- package/src/{components/Hawa/StyledTooltip → ui}/StyledTooltip.js +46 -46
- package/src/{components/Hawa/TabPanel/TabPanel.jsx → ui/TabPanel.js} +37 -37
- package/src/{components/Hawa/TextArea/TextArea.jsx → ui/TextArea.js} +38 -38
- package/src/{components/Hawa/TextField → ui}/TextField.js +62 -54
- package/src/{components/Hawa → ui}/index.js +13 -10
- package/src/util.js +20 -20
- package/storybook-static/0.d3bc3395610cf5d3ee94.manager.bundle.js +1 -0
- package/storybook-static/0.dd3d47f5.iframe.bundle.js +1 -0
- package/storybook-static/1.4e43f671.iframe.bundle.js +3 -0
- package/storybook-static/{1.7c0dc86d.iframe.bundle.js.LICENSE.txt → 1.4e43f671.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/1.4e43f671.iframe.bundle.js.map +1 -0
- package/storybook-static/2.9a757207.iframe.bundle.js +1 -0
- package/storybook-static/{3.592ce28f.iframe.bundle.js → 3.c1dc7159.iframe.bundle.js} +0 -0
- package/storybook-static/4.8c311a6b48cad9f29317.manager.bundle.js +2 -0
- package/storybook-static/{5.f459d151315e6780c20f.manager.bundle.js.LICENSE.txt → 4.8c311a6b48cad9f29317.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/5.88fe62ee92ff5ca67829.manager.bundle.js +1 -0
- package/storybook-static/6.96d184f368dea006cb52.manager.bundle.js +2 -0
- package/storybook-static/{11.f4e922583ae35da460f3.manager.bundle.js.LICENSE.txt → 6.96d184f368dea006cb52.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/{7.3d04765dbf3f1dcd706c.manager.bundle.js → 7.5ec31f3702b08ab0b71c.manager.bundle.js} +1 -1
- package/storybook-static/7.69d2e532.iframe.bundle.js +1 -0
- package/storybook-static/8.5ce13be7612bd3a6b864.manager.bundle.js +1 -0
- package/storybook-static/{8.8e2132ec.iframe.bundle.js → 8.68cd1217.iframe.bundle.js} +2 -2
- package/storybook-static/{8.8e2132ec.iframe.bundle.js.LICENSE.txt → 8.68cd1217.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/8.68cd1217.iframe.bundle.js.map +1 -0
- package/storybook-static/{9.109ea555.iframe.bundle.js → 9.488e3969.iframe.bundle.js} +0 -0
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/index.html +9 -1
- package/storybook-static/main.65cb2769.iframe.bundle.js +1 -0
- package/storybook-static/main.7e391cf7bf72b0d18ea5.manager.bundle.js +1 -0
- package/storybook-static/{runtime~main.ffc8677e.iframe.bundle.js → runtime~main.6e2e1544.iframe.bundle.js} +1 -1
- package/storybook-static/runtime~main.cc29f4c2175f187a3707.manager.bundle.js +1 -0
- package/storybook-static/vendors~main.d144d840.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.4aa936b1.iframe.bundle.js.LICENSE.txt → vendors~main.d144d840.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.d144d840.iframe.bundle.js.map +1 -0
- package/storybook-static/vendors~main.f228d62e92b69563cefb.manager.bundle.js +2 -0
- package/storybook-static/{vendors~main.a935f15a2179a6eff5fd.manager.bundle.js.LICENSE.txt → vendors~main.f228d62e92b69563cefb.manager.bundle.js.LICENSE.txt} +6 -12
- package/yarn-error.log +10910 -0
- package/dist/index.es.js +0 -37
- package/dist/index.js +0 -37
- package/src/components/Hawa/AdaptiveButton/index.js +0 -1
- package/src/components/Hawa/AuthForms/NewPasswordForm.js +0 -23
- package/src/components/Hawa/AuthForms/ResetPasswordForm.js +0 -21
- package/src/components/Hawa/AuthForms/SignInForm.js +0 -25
- package/src/components/Hawa/AutoCompleteField/index.js +0 -1
- package/src/components/Hawa/Box/Box.js +0 -18
- package/src/components/Hawa/Box/index.js +0 -1
- package/src/components/Hawa/Checkbox/index.js +0 -1
- package/src/components/Hawa/DragDropImages/index.js +0 -1
- package/src/components/Hawa/HawaProvider/HawaProvider.js +0 -19
- package/src/components/Hawa/HawaProvider/index.js +0 -1
- package/src/components/Hawa/InputLabel/StyledInputLabel.js +0 -15
- package/src/components/Hawa/InputLabel/index.js +0 -1
- package/src/components/Hawa/RadioBox/index.js +0 -1
- package/src/components/Hawa/RadioSelector/index.js +0 -1
- package/src/components/Hawa/Row/index.js +0 -1
- package/src/components/Hawa/SelectedField/index.js +0 -1
- package/src/components/Hawa/StyledAlert/StyledAlert.js +0 -15
- package/src/components/Hawa/StyledAlert/index.js +0 -1
- package/src/components/Hawa/StyledTooltip/index.js +0 -1
- package/src/components/Hawa/TabPanel/index.js +0 -1
- package/src/components/Hawa/TextArea/index.js +0 -1
- package/src/components/Hawa/TextField/index.js +0 -1
- package/storybook-static/0.12392f0b.iframe.bundle.js +0 -1
- package/storybook-static/0.55b012452099ace2dca6.manager.bundle.js +0 -1
- package/storybook-static/1.0f38715c61c7c3cd11db.manager.bundle.js +0 -1
- package/storybook-static/1.7c0dc86d.iframe.bundle.js +0 -3
- package/storybook-static/1.7c0dc86d.iframe.bundle.js.map +0 -1
- package/storybook-static/10.9f2923a7561bc20fffdb.manager.bundle.js +0 -1
- package/storybook-static/11.f4e922583ae35da460f3.manager.bundle.js +0 -2
- package/storybook-static/12.1415460941f0bdcb8fa8.manager.bundle.js +0 -1
- package/storybook-static/2.ee357266.iframe.bundle.js +0 -1
- package/storybook-static/5.f459d151315e6780c20f.manager.bundle.js +0 -2
- package/storybook-static/6.3bd64d820f3745f262ff.manager.bundle.js +0 -1
- package/storybook-static/7.af56919f.iframe.bundle.js +0 -1
- package/storybook-static/8.8e2132ec.iframe.bundle.js.map +0 -1
- package/storybook-static/8.b541eadfcb9164835dfc.manager.bundle.js +0 -1
- package/storybook-static/9.411ac8e451bbb10926c7.manager.bundle.js +0 -1
- package/storybook-static/main.78b7d418.iframe.bundle.js +0 -1
- package/storybook-static/main.9bb085ebb152f5b19a2a.manager.bundle.js +0 -1
- package/storybook-static/runtime~main.9468098d21070636985f.manager.bundle.js +0 -1
- package/storybook-static/vendors~main.4aa936b1.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.4aa936b1.iframe.bundle.js.map +0 -1
- package/storybook-static/vendors~main.a935f15a2179a6eff5fd.manager.bundle.js +0 -2
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./AdaptiveButton.js";
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from "react";
|
|
2
|
-
import { ThemeProvider } from "../HawaProvider";
|
|
3
|
-
import { StyledInputLabel } from "../InputLabel";
|
|
4
|
-
import { StyledTextField } from "../TextField";
|
|
5
|
-
export const NewPasswordForm = (props) => {
|
|
6
|
-
const theme = useContext(ThemeProvider);
|
|
7
|
-
return (
|
|
8
|
-
<div
|
|
9
|
-
style={{
|
|
10
|
-
backgroundColor: theme.paperColors,
|
|
11
|
-
padding: theme.paddings,
|
|
12
|
-
borderRadius: theme.borderRadius,
|
|
13
|
-
margin: theme.margins
|
|
14
|
-
}}
|
|
15
|
-
>
|
|
16
|
-
<StyledInputLabel label="Password" />
|
|
17
|
-
<StyledTextField type="password" />
|
|
18
|
-
<StyledInputLabel label="Confirm Password" />
|
|
19
|
-
<StyledTextField type="password" />
|
|
20
|
-
{props.children}
|
|
21
|
-
</div>
|
|
22
|
-
);
|
|
23
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from "react";
|
|
2
|
-
import { ThemeProvider } from "../HawaProvider";
|
|
3
|
-
import { StyledInputLabel } from "../InputLabel";
|
|
4
|
-
import { StyledTextField } from "../TextField";
|
|
5
|
-
export const ResetPasswordForm = (props) => {
|
|
6
|
-
const theme = useContext(ThemeProvider);
|
|
7
|
-
return (
|
|
8
|
-
<div
|
|
9
|
-
style={{
|
|
10
|
-
backgroundColor: theme.paperColors,
|
|
11
|
-
padding: theme.paddings,
|
|
12
|
-
borderRadius: theme.borderRadius,
|
|
13
|
-
margin: theme.margins
|
|
14
|
-
}}
|
|
15
|
-
>
|
|
16
|
-
<StyledInputLabel label="Email" />
|
|
17
|
-
<StyledTextField type="text" />
|
|
18
|
-
{props.children}
|
|
19
|
-
</div>
|
|
20
|
-
);
|
|
21
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from "react";
|
|
2
|
-
import { ThemeProvider } from "../HawaProvider";
|
|
3
|
-
import { StyledInputLabel } from "../InputLabel";
|
|
4
|
-
import { StyledTextField } from "../TextField";
|
|
5
|
-
|
|
6
|
-
export const SignInForm = (props) => {
|
|
7
|
-
const theme = useContext(ThemeProvider);
|
|
8
|
-
return (
|
|
9
|
-
<div
|
|
10
|
-
style={{
|
|
11
|
-
backgroundColor: theme.paperColors,
|
|
12
|
-
padding: theme.paddings,
|
|
13
|
-
borderRadius: theme.borderRadius,
|
|
14
|
-
margin: theme.margins
|
|
15
|
-
}}
|
|
16
|
-
>
|
|
17
|
-
<StyledInputLabel label="Email" />
|
|
18
|
-
<StyledTextField type="text" />
|
|
19
|
-
<StyledInputLabel label="Password" />
|
|
20
|
-
<StyledTextField type="text" />
|
|
21
|
-
|
|
22
|
-
{props.children}
|
|
23
|
-
</div>
|
|
24
|
-
);
|
|
25
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./AutoCompleteField.jsx";
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from "react";
|
|
2
|
-
import { ThemeProvider } from "../HawaProvider";
|
|
3
|
-
|
|
4
|
-
export const Box = (props) => {
|
|
5
|
-
const theme = useContext(ThemeProvider);
|
|
6
|
-
return (
|
|
7
|
-
<div
|
|
8
|
-
style={{
|
|
9
|
-
backgroundColor: theme.paperColors,
|
|
10
|
-
padding: theme.paddings,
|
|
11
|
-
borderRadius: theme.borderRadius,
|
|
12
|
-
margin: theme.margins
|
|
13
|
-
}}
|
|
14
|
-
>
|
|
15
|
-
{props.children}
|
|
16
|
-
</div>
|
|
17
|
-
);
|
|
18
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Box.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Checkbox.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./DragDropImages.jsx";
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { createContext } from "react";
|
|
2
|
-
|
|
3
|
-
const defaultValue = {
|
|
4
|
-
borderRadius: 10,
|
|
5
|
-
primaryColor: "blue",
|
|
6
|
-
secondaryColor: "grey",
|
|
7
|
-
margins: 10,
|
|
8
|
-
paddings: 5
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export const ThemeProvider = createContext(defaultValue);
|
|
12
|
-
|
|
13
|
-
export const HawaProvider = ({ theme, ...props }) => {
|
|
14
|
-
return (
|
|
15
|
-
<ThemeProvider.Provider value={theme || defaultValue}>
|
|
16
|
-
{props.children}
|
|
17
|
-
</ThemeProvider.Provider>
|
|
18
|
-
);
|
|
19
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./HawaProvider.js";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import InputLabel from "@material-ui/core/InputLabel";
|
|
2
|
-
|
|
3
|
-
export const StyledInputLabel = (props) => {
|
|
4
|
-
return (
|
|
5
|
-
<InputLabel
|
|
6
|
-
style={{
|
|
7
|
-
margin: 15,
|
|
8
|
-
marginRight: 0,
|
|
9
|
-
marginLeft: 0
|
|
10
|
-
}}
|
|
11
|
-
>
|
|
12
|
-
<div style={{ fontSize: 15, color: "black" }}>{props.label}</div>
|
|
13
|
-
</InputLabel>
|
|
14
|
-
);
|
|
15
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./StyledInputLabel.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./RadioBox.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./RadioSelector.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Row.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./SelectedField.jsx";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// import * as Alert from "@material-ui/lab/Alert";
|
|
2
|
-
// import styles from "../styles/Theme.module.css";
|
|
3
|
-
|
|
4
|
-
export const StyledAlert = (props) => {
|
|
5
|
-
return (
|
|
6
|
-
<div>{props.text}</div>
|
|
7
|
-
// <Alert
|
|
8
|
-
// {...props}
|
|
9
|
-
// // className={styles.styled_alert}
|
|
10
|
-
// // style={{ borderRadius: "var(--borderR)" }}
|
|
11
|
-
// >
|
|
12
|
-
// {props.children}
|
|
13
|
-
// </Alert>
|
|
14
|
-
);
|
|
15
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./StyledAlert.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./StyledTooltip.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TabPanel.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TextArea.jsx";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TextField.js";
|