@sikka/hawa 0.0.3 → 0.0.6

package/src/stories/UIStories/ActionButton.stories.js

@@ -0,0 +1,53 @@
+import React from "react";
+
+import { defaultTheme, HawaProvider } from "../../themes/HawaProvider";
+import { ActionButton } from "../../ui";
+
+const Template = (args) => {
+  return (
+    <HawaProvider theme={{ ...defaultTheme }}>
+      <ActionButton themeType={args.theme} text={args.buttonLabel} />
+    </HawaProvider>
+  );
+};
+//types:
+//error (red)
+//warning (red)
+//notice (blue)
+
+export default {
+  title: "UI/ActionButton",
+  component: ActionButton,
+  argTypes: {
+    theme: {
+      description: "overwritten description",
+      table: {
+        type: {
+          summary: "something short"
+        },
+        defaultValue: { summary: "Hello" }
+      },
+      options: ["primary", "secondary", "default"],
+      control: { type: "select" }
+    }
+  }
+};
+
+Template.args = {
+  showText: true,
+  buttonLabel: "test",
+  theme: "primary"
+};
+export const Primary = Template.bind({});
+Primary.args = {
+  showText: true,
+  buttonLabel: "test",
+  theme: "primary"
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  showText: true,
+  buttonLabel: "test",
+  theme: "secondary"
+};

package/src/stories/{AdaptiveButton.stories.js → UIStories/AdaptiveButton.stories.js}

@@ -1,7 +1,7 @@
 import React from "react";
-import CastIcon from "@material-ui/icons/Cast";
-import { HawaProvider } from "../themes/HawaProvider";
-import { AdaptiveButton } from "../ui";
+import CastIcon from "@mui/icons-material/Cast";
+import { HawaProvider } from "../../themes/HawaProvider";
+import { AdaptiveButton } from "../../ui";
 
 const Template = (args) => {
   const theme = {

package/src/stories/UIStories/Alert.stories.js

@@ -0,0 +1,55 @@
+import React from "react";
+
+import { defaultTheme, HawaProvider } from "../../themes/HawaProvider";
+import { HawaAlert } from "../../ui";
+
+const Template = (args) => {
+  return (
+    <HawaProvider theme={{ ...defaultTheme }}>
+      <HawaAlert
+        themeType={args.theme}
+        title="What?"
+        text="This is a success alert"
+        severity="success"
+      />
+      <HawaAlert
+        themeType={args.theme}
+        text="This is an info alert"
+        severity="info"
+      />
+      <HawaAlert
+        themeType={args.theme}
+        text="This is a warning alert"
+        severity="warning"
+      />
+      <HawaAlert
+        themeType={args.theme}
+        text="This is an error alert"
+        severity="error"
+      />
+    </HawaProvider>
+  );
+};
+//types:
+//error (red)
+//warning (red)
+//notice (blue)
+
+export default {
+  title: "UI/Alert",
+  component: HawaAlert,
+  argTypes: {
+    theme: {
+      options: ["primary", "secondary", "default"],
+      control: { type: "select" }
+    }
+  },
+  args: {
+    theme: "primary"
+  }
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  theme: "primary"
+};

package/src/stories/{CheckBox.stories.js → UIStories/CheckBox.stories.js}

@@ -1,14 +1,13 @@
 import React from "react";
-import { StyledCheckbox } from "../ui";
-import "../styles.css";
+import { HawaCheckbox } from "../../ui";
 
 const Template = (args) => {
-  return <StyledCheckbox {...args} />;
+  return <HawaCheckbox {...args} />;
 };
 
 export default {
   title: "UI/Checkbox",
-  component: Light,
+  component: HawaCheckbox,
   argsTypes: {
     defaultValue: {
       options: [true, false],

package/src/stories/UIStories/InputLabel.stories.js

@@ -0,0 +1,13 @@
+import { storiesOf } from "@storybook/react";
+import { HawaInputLabel } from "../../ui";
+
+export default {
+  title: "Components/InputLabel",
+  component: [HawaInputLabel],
+  argTypes: {
+    resize: {
+      options: ["vertical", "horizontal", "both"],
+      control: { type: "radio" }
+    }
+  }
+};

package/src/stories/{RadioSelector.stories.js → UIStories/RadioSelector.stories.js}

@@ -1,7 +1,6 @@
 import React from "react";
-import { StyledRadioSelector } from "../ui";
-import { HawaProvider } from "../themes/HawaProvider";
-import "../styles.css";
+import { HawaProvider } from "../../themes/HawaProvider";
+import { HawaRadio } from "../../ui";
 
 const Template = (args) => {
   const theme = {
@@ -13,13 +12,13 @@ const Template = (args) => {
   };
   return (
     <HawaProvider theme={theme}>
-      <StyledRadioSelector {...args} />
+      <HawaRadio {...args} />
     </HawaProvider>
   );
 };
 export default {
-  title: "Components/RadioSelector",
-  component: Light,
+  title: "UI/RadioSelector",
+  component: HawaRadio,
   argTypes: {
     options: {
       control: "array"

package/src/stories/{TextField.stories.js → UIStories/TextField.stories.js}

@@ -1,14 +1,13 @@
 import React from "react";
-import { StyledTextField } from "../ui";
-import "../styles.css";
+import { HawaTextField } from "../../ui";
 
 const Template = (args) => {
-  return <StyledTextField {...args} />;
+  return <HawaTextField {...args} />;
 };
 
 export default {
-  title: "Components/TextField",
-  component: StyledTextField,
+  title: "UI/TextField",
+  component: HawaTextField,
   argsTypes: {
     type: {
       name: "type",