From a6f22736efce98e1bddcebcd0f0a374e7a9f9eb8 Mon Sep 17 00:00:00 2001 From: Silas Date: Fri, 26 Nov 2021 12:36:17 -0500 Subject: [PATCH] Revert "Revert "0.1.7"" This reverts commit b35c712a3810217fd9b1a66d5183953d910f938f. --- src/App.tsx | 28 +++++++++---------- src/App2.tsx | 2 +- src/SecretCreationPage1.tsx | 20 ++++++------- src/SecretCreationPage2.tsx | 22 +++++++-------- src/SecretCreationPage3.tsx | 22 +++++++-------- src/SecretRevealPage.tsx | 20 ++++++------- src/SplashPage.tsx | 12 ++++---- src/VerifyPage.tsx | 16 +++++------ src/stories/AutoResizingTextArea.stories.tsx | 2 +- src/stories/AutoResizingTextArea.tsx | 2 +- src/stories/Button.stories.tsx | 4 +-- src/stories/FileInput.stories.tsx | 2 +- src/stories/FileInput.tsx | 4 +-- src/stories/Header1.stories.tsx | 2 +- src/stories/Header1.tsx | 2 +- src/stories/Header2.stories.tsx | 2 +- src/stories/Header2.tsx | 2 +- src/stories/Header3.stories.tsx | 2 +- src/stories/Header3.tsx | 2 +- src/stories/Icon.tsx | 2 +- src/stories/IconArrow.tsx | 2 +- src/stories/Input.stories.tsx | 2 +- src/stories/Input.tsx | 2 +- src/stories/InputButtonWithIcon.stories.tsx | 2 +- src/stories/InputButtonWithIcon.tsx | 4 +-- src/stories/Label.stories.tsx | 2 +- src/stories/Label.tsx | 2 +- src/stories/ProgressIndicator.stories.tsx | 2 +- src/stories/ProgressIndicator.tsx | 2 +- src/stories/Select.stories.tsx | 2 +- src/stories/Select.tsx | 2 +- src/stories/SplashIconHeader.stories.tsx | 2 +- src/stories/SplashIconHeader.tsx | 2 +- src/stories/TextArea.stories.tsx | 2 +- src/stories/TextArea.tsx | 2 +- src/stories/TextAreaParagraph.stories.tsx | 2 +- src/stories/TextAreaParagraph.tsx | 2 +- src/stories/utilities/CenteredContainer.tsx | 2 +- .../utilities/SpaceBetweenContainer.tsx | 2 +- src/stories/utilities/Spacer.tsx | 2 +- src/stories/utilities/TextAlignWrapper.tsx | 2 +- 41 files changed, 107 insertions(+), 107 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 5c68585..cba6f33 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,23 +1,23 @@ import React, { useState } from "react"; -import ProgressIndicator from "./stories/ProgressIndicator"; +import { ProgressIndicator } from "./stories/ProgressIndicator"; -import Header1 from "./stories/Header1"; -import Header2 from "./stories/Header2"; +import { Header1 } from "./stories/Header1"; +import { Header2 } from "./stories/Header2"; -import Button from "./stories/Button"; -import IconArrow from "./stories/IconArrow"; -import InputButtonWithIcon from "./stories/InputButtonWithIcon"; +import { Button } from "./stories/Button"; +import { IconArrow } from "./stories/IconArrow"; +import { InputButtonWithIcon } from "./stories/InputButtonWithIcon"; -import Label from "./stories/Label"; -import Input from "./stories/Input"; -import AutoResizingTextArea from "./stories/AutoResizingTextArea"; -import Select from "./stories/Select"; +import { Label } from "./stories/Label"; +import { Input } from "./stories/Input"; +import { AutoResizingTextArea } from "./stories/AutoResizingTextArea"; +import { Select } from "./stories/Select"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import SpaceBetweenContainer from "./stories/utilities/SpaceBetweenContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { SpaceBetweenContainer } from "./stories/utilities/SpaceBetweenContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; function App() { const [input1, setInput1] = useState(""); diff --git a/src/App2.tsx b/src/App2.tsx index af3d2ce..9999722 100644 --- a/src/App2.tsx +++ b/src/App2.tsx @@ -1,7 +1,7 @@ import React from "react"; import styled from "styled-components"; -import SplashIconHeader from "./stories/SplashIconHeader"; +import { SplashIconHeader } from "./stories/SplashIconHeader"; function App2() { return ( diff --git a/src/SecretCreationPage1.tsx b/src/SecretCreationPage1.tsx index 16ef23e..cfbc852 100644 --- a/src/SecretCreationPage1.tsx +++ b/src/SecretCreationPage1.tsx @@ -1,19 +1,19 @@ import React, { useState } from "react"; -import ProgressIndicator from "./stories/ProgressIndicator"; +import { ProgressIndicator } from "./stories/ProgressIndicator"; -import Header2 from "./stories/Header2"; +import { Header2 } from "./stories/Header2"; -import Button from "./stories/Button"; -import IconArrow from "./stories/IconArrow"; +import { Button } from "./stories/Button"; +import { IconArrow } from "./stories/IconArrow"; -import Label from "./stories/Label"; -import FileInput from "./stories/FileInput"; -import TextArea from "./stories/TextArea"; +import { Label } from "./stories/Label"; +import { FileInput } from "./stories/FileInput"; +import { TextArea } from "./stories/TextArea"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; const SecretCreationPage1 = () => { const [secretInput, setSecretInput] = useState(""); diff --git a/src/SecretCreationPage2.tsx b/src/SecretCreationPage2.tsx index 6a6b7a6..9ae12a0 100644 --- a/src/SecretCreationPage2.tsx +++ b/src/SecretCreationPage2.tsx @@ -1,20 +1,20 @@ import React, { useState } from "react"; -import ProgressIndicator from "./stories/ProgressIndicator"; +import { ProgressIndicator } from "./stories/ProgressIndicator"; -import Header2 from "./stories/Header2"; +import { Header2 } from "./stories/Header2"; -import Button from "./stories/Button"; -import IconArrow from "./stories/IconArrow"; +import { Button } from "./stories/Button"; +import { IconArrow } from "./stories/IconArrow"; -import Label from "./stories/Label"; -import Input from "./stories/Input"; -import Select from "./stories/Select"; +import { Label } from "./stories/Label"; +import { Input } from "./stories/Input"; +import { Select } from "./stories/Select"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import SpaceBetweenContainer from "./stories/utilities/SpaceBetweenContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { SpaceBetweenContainer } from "./stories/utilities/SpaceBetweenContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; const SecretCreationPage2 = () => { const [recipientInput, setRecipientInput] = useState(""); diff --git a/src/SecretCreationPage3.tsx b/src/SecretCreationPage3.tsx index 6893634..ae58cd4 100644 --- a/src/SecretCreationPage3.tsx +++ b/src/SecretCreationPage3.tsx @@ -1,20 +1,20 @@ import React from "react"; -import ProgressIndicator from "./stories/ProgressIndicator"; +import { ProgressIndicator } from "./stories/ProgressIndicator"; -import Header2 from "./stories/Header2"; +import { Header2 } from "./stories/Header2"; -import Button from "./stories/Button"; -import IconArrow from "./stories/IconArrow"; -import InputButtonWithIcon from "./stories/InputButtonWithIcon"; +import { Button } from "./stories/Button"; +import { IconArrow } from "./stories/IconArrow"; +import { InputButtonWithIcon } from "./stories/InputButtonWithIcon"; -import Label from "./stories/Label"; -import Input from "./stories/Input"; +import { Label } from "./stories/Label"; +import { Input } from "./stories/Input"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import SpaceBetweenContainer from "./stories/utilities/SpaceBetweenContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { SpaceBetweenContainer } from "./stories/utilities/SpaceBetweenContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; const SecretCreationPage3 = () => { return ( diff --git a/src/SecretRevealPage.tsx b/src/SecretRevealPage.tsx index 230aec8..56746fd 100644 --- a/src/SecretRevealPage.tsx +++ b/src/SecretRevealPage.tsx @@ -1,19 +1,19 @@ import React from "react"; -import Header2 from "./stories/Header2"; -import Header3 from "./stories/Header3"; +import { Header2 } from "./stories/Header2"; +import { Header3 } from "./stories/Header3"; -import Button from "./stories/Button"; +import { Button } from "./stories/Button"; -import Label from "./stories/Label"; -import InputButtonWithIcon from "./stories/InputButtonWithIcon"; +import { Label } from "./stories/Label"; +import { InputButtonWithIcon } from "./stories/InputButtonWithIcon"; -import TextAreaParagraph from "./stories/TextAreaParagraph"; +import { TextAreaParagraph } from "./stories/TextAreaParagraph"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import SpaceBetweenContainer from "./stories/utilities/SpaceBetweenContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { SpaceBetweenContainer } from "./stories/utilities/SpaceBetweenContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; const SecretRevealPage = () => { return ( diff --git a/src/SplashPage.tsx b/src/SplashPage.tsx index b927b3a..94733e6 100644 --- a/src/SplashPage.tsx +++ b/src/SplashPage.tsx @@ -1,14 +1,14 @@ import React from "react"; -import SplashIconHeader from "./stories/SplashIconHeader"; +import { SplashIconHeader } from "./stories/SplashIconHeader"; -import Header1 from "./stories/Header1"; -import Header3 from "./stories/Header3"; +import { Header1 } from "./stories/Header1"; +import { Header3 } from "./stories/Header3"; -import Button from "./stories/Button"; +import { Button } from "./stories/Button"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import Spacer from "./stories/utilities/Spacer"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { Spacer } from "./stories/utilities/Spacer"; const SplashPage = () => { return ( diff --git a/src/VerifyPage.tsx b/src/VerifyPage.tsx index 735d064..ae91d8b 100644 --- a/src/VerifyPage.tsx +++ b/src/VerifyPage.tsx @@ -1,16 +1,16 @@ import React from "react"; -import Header2 from "./stories/Header2"; -import Header3 from "./stories/Header3"; +import { Header2 } from "./stories/Header2"; +import { Header3 } from "./stories/Header3"; -import Button from "./stories/Button"; +import { Button } from "./stories/Button"; -import Label from "./stories/Label"; -import Input from "./stories/Input"; +import { Label } from "./stories/Label"; +import { Input } from "./stories/Input"; -import CenteredContainer from "./stories/utilities/CenteredContainer"; -import Spacer from "./stories/utilities/Spacer"; -import TextAlignWrapper from "./stories/utilities/TextAlignWrapper"; +import { CenteredContainer } from "./stories/utilities/CenteredContainer"; +import { Spacer } from "./stories/utilities/Spacer"; +import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper"; const VerifyPage = () => { return ( diff --git a/src/stories/AutoResizingTextArea.stories.tsx b/src/stories/AutoResizingTextArea.stories.tsx index 63afd33..ff69c8e 100644 --- a/src/stories/AutoResizingTextArea.stories.tsx +++ b/src/stories/AutoResizingTextArea.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { AutoResizingTextAreaProps } from "./AutoResizingTextArea"; -import AutoResizingTextArea from "./AutoResizingTextArea"; +import { AutoResizingTextArea } from "./AutoResizingTextArea"; export default { title: "TextAreas/AutoResizingTextArea", diff --git a/src/stories/AutoResizingTextArea.tsx b/src/stories/AutoResizingTextArea.tsx index 6de9159..78dda23 100644 --- a/src/stories/AutoResizingTextArea.tsx +++ b/src/stories/AutoResizingTextArea.tsx @@ -60,7 +60,7 @@ const AutoResizingTextArea: FC = ({ ); }; -export default AutoResizingTextArea; +export { AutoResizingTextArea }; interface DivProps { height: string; diff --git a/src/stories/Button.stories.tsx b/src/stories/Button.stories.tsx index dde3d4b..6b57d0b 100644 --- a/src/stories/Button.stories.tsx +++ b/src/stories/Button.stories.tsx @@ -3,8 +3,8 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { ButtonProps } from "./Button"; -import Button from "./Button"; -import IconArrow from "./IconArrow"; +import { Button } from "./Button"; +import { IconArrow } from "./IconArrow"; export default { title: "Button", diff --git a/src/stories/FileInput.stories.tsx b/src/stories/FileInput.stories.tsx index 60f69a5..ac03ee6 100644 --- a/src/stories/FileInput.stories.tsx +++ b/src/stories/FileInput.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { FileInputProps } from "./FileInput"; -import FileInput from "./FileInput"; +import { FileInput } from "./FileInput"; export default { title: "FileInput", diff --git a/src/stories/FileInput.tsx b/src/stories/FileInput.tsx index 7c2f266..bfdda97 100644 --- a/src/stories/FileInput.tsx +++ b/src/stories/FileInput.tsx @@ -1,7 +1,7 @@ import React, { ChangeEvent, FC, useRef } from "react"; import CSS from "csstype"; -import InputButtonWithIcon from "./InputButtonWithIcon"; +import { InputButtonWithIcon } from "./InputButtonWithIcon"; export interface FileInputProps { style?: CSS.Properties; @@ -46,4 +46,4 @@ const FileInput: FC = ({ style, id, handleFile, value }) => { ); }; -export default FileInput; +export { FileInput }; diff --git a/src/stories/Header1.stories.tsx b/src/stories/Header1.stories.tsx index 6dee693..2c7a9ec 100644 --- a/src/stories/Header1.stories.tsx +++ b/src/stories/Header1.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { Header1Props } from "./Header1"; -import Header1 from "./Header1"; +import { Header1 } from "./Header1"; export default { title: "Headers/Header1", diff --git a/src/stories/Header1.tsx b/src/stories/Header1.tsx index 0b83956..f58917c 100644 --- a/src/stories/Header1.tsx +++ b/src/stories/Header1.tsx @@ -13,7 +13,7 @@ const Header1: FC = ({ children, style }) => { return {children}; }; -export default Header1; +export { Header1 }; const StyledHeader1 = styled.h2` margin: 0.7rem auto; diff --git a/src/stories/Header2.stories.tsx b/src/stories/Header2.stories.tsx index ceae808..e7f9a59 100644 --- a/src/stories/Header2.stories.tsx +++ b/src/stories/Header2.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { Header2Props } from "./Header2"; -import Header2 from "./Header2"; +import { Header2 } from "./Header2"; export default { title: "Headers/Header2", diff --git a/src/stories/Header2.tsx b/src/stories/Header2.tsx index 5d7a91d..c6e4c17 100644 --- a/src/stories/Header2.tsx +++ b/src/stories/Header2.tsx @@ -13,7 +13,7 @@ const Header2: FC = ({ children, style }) => { return {children}; }; -export default Header2; +export { Header2 }; const StyledHeader2 = styled.h2` font-size: 3.2rem; diff --git a/src/stories/Header3.stories.tsx b/src/stories/Header3.stories.tsx index ccf93cf..d43029b 100644 --- a/src/stories/Header3.stories.tsx +++ b/src/stories/Header3.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { Header3Props } from "./Header3"; -import Header3 from "./Header3"; +import { Header3 } from "./Header3"; export default { title: "Headers/Header3", diff --git a/src/stories/Header3.tsx b/src/stories/Header3.tsx index 3d118b6..8561e37 100644 --- a/src/stories/Header3.tsx +++ b/src/stories/Header3.tsx @@ -18,7 +18,7 @@ const Header3: FC = ({ children, style, small }) => { ); }; -export default Header3; +export { Header3 }; const StyledHeader3 = styled.h3` font-size: ${(props) => diff --git a/src/stories/Icon.tsx b/src/stories/Icon.tsx index 9f19175..6f19ca9 100644 --- a/src/stories/Icon.tsx +++ b/src/stories/Icon.tsx @@ -88,7 +88,7 @@ const Icon: FC = ({ style, iconName, onClick }) => { ); }; -export default Icon; +export { Icon }; const StyledSpan = styled.span` position: absolute; diff --git a/src/stories/IconArrow.tsx b/src/stories/IconArrow.tsx index 0e08141..8a3c477 100644 --- a/src/stories/IconArrow.tsx +++ b/src/stories/IconArrow.tsx @@ -65,4 +65,4 @@ const IconArrow: FC = ({ arrowDirection }) => { ); }; -export default IconArrow; +export { IconArrow }; diff --git a/src/stories/Input.stories.tsx b/src/stories/Input.stories.tsx index 99ec41c..e61e241 100644 --- a/src/stories/Input.stories.tsx +++ b/src/stories/Input.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { InputProps } from "./Input"; -import Input from "./Input"; +import { Input } from "./Input"; export default { title: "Input", diff --git a/src/stories/Input.tsx b/src/stories/Input.tsx index c531b39..56493fe 100644 --- a/src/stories/Input.tsx +++ b/src/stories/Input.tsx @@ -48,7 +48,7 @@ const Input: FC = ({ ); }; -export default Input; +export { Input }; const StyledInput = styled.input` border-radius: ${borderRadius.medium}; diff --git a/src/stories/InputButtonWithIcon.stories.tsx b/src/stories/InputButtonWithIcon.stories.tsx index 77ffbcc..25c452a 100644 --- a/src/stories/InputButtonWithIcon.stories.tsx +++ b/src/stories/InputButtonWithIcon.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { InputButtonWithIconProps } from "./InputButtonWithIcon"; -import InputButtonWithIcon from "./InputButtonWithIcon"; +import { InputButtonWithIcon } from "./InputButtonWithIcon"; export default { title: "InputButtonWithIcon", diff --git a/src/stories/InputButtonWithIcon.tsx b/src/stories/InputButtonWithIcon.tsx index b47f4f9..b097d4b 100644 --- a/src/stories/InputButtonWithIcon.tsx +++ b/src/stories/InputButtonWithIcon.tsx @@ -2,7 +2,7 @@ import React, { FC } from "react"; import styled, { css } from "styled-components"; import CSS from "csstype"; import { rgba } from "polished"; -import Icon from "./Icon"; +import { Icon } from "./Icon"; import { color, @@ -44,7 +44,7 @@ const InputButtonWithIcon: FC = ({ ); }; -export default InputButtonWithIcon; +export { InputButtonWithIcon }; const StyledDiv = styled.div` position: relative; diff --git a/src/stories/Label.stories.tsx b/src/stories/Label.stories.tsx index 78d514a..aed1a96 100644 --- a/src/stories/Label.stories.tsx +++ b/src/stories/Label.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { LabelProps } from "./Label"; -import Label from "./Label"; +import { Label } from "./Label"; export default { title: "Label", diff --git a/src/stories/Label.tsx b/src/stories/Label.tsx index 9408d67..061f285 100644 --- a/src/stories/Label.tsx +++ b/src/stories/Label.tsx @@ -18,7 +18,7 @@ const Label: FC = ({ children, style, htmlFor }) => { ); }; -export default Label; +export { Label }; const StyledLabel = styled.label` color: ${color.white}; diff --git a/src/stories/ProgressIndicator.stories.tsx b/src/stories/ProgressIndicator.stories.tsx index 6fc0d7d..b0e5a21 100644 --- a/src/stories/ProgressIndicator.stories.tsx +++ b/src/stories/ProgressIndicator.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { ProgressIndicatorProps } from "./ProgressIndicator"; -import ProgressIndicator from "./ProgressIndicator"; +import { ProgressIndicator } from "./ProgressIndicator"; export default { title: "SVGs/ProgressIndicator", diff --git a/src/stories/ProgressIndicator.tsx b/src/stories/ProgressIndicator.tsx index cc54db2..2f92635 100644 --- a/src/stories/ProgressIndicator.tsx +++ b/src/stories/ProgressIndicator.tsx @@ -31,4 +31,4 @@ const ProgressIndicator = ({ ); }; -export default ProgressIndicator; +export { ProgressIndicator }; diff --git a/src/stories/Select.stories.tsx b/src/stories/Select.stories.tsx index 1db178e..4375d38 100644 --- a/src/stories/Select.stories.tsx +++ b/src/stories/Select.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { SelectProps } from "./Select"; -import Select from "./Select"; +import { Select } from "./Select"; export default { title: "Select", diff --git a/src/stories/Select.tsx b/src/stories/Select.tsx index 54538f0..838ed2f 100644 --- a/src/stories/Select.tsx +++ b/src/stories/Select.tsx @@ -27,7 +27,7 @@ const Select: FC = ({ style, id, value = "github", onChange }) => { ); }; -export default Select; +export { Select }; const StyledSelect = styled.select` color: ${color.darkblue}; diff --git a/src/stories/SplashIconHeader.stories.tsx b/src/stories/SplashIconHeader.stories.tsx index 2a3158f..ec25496 100644 --- a/src/stories/SplashIconHeader.stories.tsx +++ b/src/stories/SplashIconHeader.stories.tsx @@ -1,7 +1,7 @@ import React from "react"; import { ComponentStory, ComponentMeta } from "@storybook/react"; -import SplashIconHeader from "./SplashIconHeader"; +import { SplashIconHeader } from "./SplashIconHeader"; export default { title: "SVGs/SplashIconHeader", diff --git a/src/stories/SplashIconHeader.tsx b/src/stories/SplashIconHeader.tsx index c948ad5..2d542bd 100644 --- a/src/stories/SplashIconHeader.tsx +++ b/src/stories/SplashIconHeader.tsx @@ -89,4 +89,4 @@ const SplashIconHeader = () => { ); }; -export default SplashIconHeader; +export { SplashIconHeader }; diff --git a/src/stories/TextArea.stories.tsx b/src/stories/TextArea.stories.tsx index 14bc012..4735d75 100644 --- a/src/stories/TextArea.stories.tsx +++ b/src/stories/TextArea.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { TextAreaProps } from "./TextArea"; -import TextArea from "./TextArea"; +import { TextArea } from "./TextArea"; export default { title: "TextAreas/TextArea", diff --git a/src/stories/TextArea.tsx b/src/stories/TextArea.tsx index 7b17658..1bab33e 100644 --- a/src/stories/TextArea.tsx +++ b/src/stories/TextArea.tsx @@ -36,7 +36,7 @@ const TextArea: FC = ({ ); }; -export default TextArea; +export { TextArea }; const StyledTextArea = styled.textarea` border-radius: ${borderRadius.medium}; diff --git a/src/stories/TextAreaParagraph.stories.tsx b/src/stories/TextAreaParagraph.stories.tsx index 54210a0..f8cfba8 100644 --- a/src/stories/TextAreaParagraph.stories.tsx +++ b/src/stories/TextAreaParagraph.stories.tsx @@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from "@storybook/react"; import { TextAreaParagraphProps } from "./TextAreaParagraph"; -import TextAreaParagraph from "./TextAreaParagraph"; +import { TextAreaParagraph } from "./TextAreaParagraph"; export default { title: "TextAreas/TextAreaParagraph", diff --git a/src/stories/TextAreaParagraph.tsx b/src/stories/TextAreaParagraph.tsx index a83c6b1..b07d854 100644 --- a/src/stories/TextAreaParagraph.tsx +++ b/src/stories/TextAreaParagraph.tsx @@ -37,7 +37,7 @@ const TextAreaParagraph: React.FC = ({ ); }; -export default TextAreaParagraph; +export { TextAreaParagraph }; const StyledParagraph = styled.p` border-radius: ${borderRadius.medium}; diff --git a/src/stories/utilities/CenteredContainer.tsx b/src/stories/utilities/CenteredContainer.tsx index e6dadf9..0f4be27 100644 --- a/src/stories/utilities/CenteredContainer.tsx +++ b/src/stories/utilities/CenteredContainer.tsx @@ -24,7 +24,7 @@ const CenteredContainer: FC = ({ ); }; -export default CenteredContainer; +export { CenteredContainer }; const StyledDiv = styled.div` height: 100vh; diff --git a/src/stories/utilities/SpaceBetweenContainer.tsx b/src/stories/utilities/SpaceBetweenContainer.tsx index 9a8a5e9..ca9c877 100644 --- a/src/stories/utilities/SpaceBetweenContainer.tsx +++ b/src/stories/utilities/SpaceBetweenContainer.tsx @@ -20,7 +20,7 @@ const SpaceBetweenContainer: FC = ({ ); }; -export default SpaceBetweenContainer; +export { SpaceBetweenContainer }; const StyledDiv = styled.div` display: flex; diff --git a/src/stories/utilities/Spacer.tsx b/src/stories/utilities/Spacer.tsx index 2e5295d..1e35117 100644 --- a/src/stories/utilities/Spacer.tsx +++ b/src/stories/utilities/Spacer.tsx @@ -11,7 +11,7 @@ const Spacer: FC = ({ style, space = "2rem" }) => { return ; }; -export default Spacer; +export { Spacer }; const StyledDiv = styled.div` height: ${(props) => props.space}; diff --git a/src/stories/utilities/TextAlignWrapper.tsx b/src/stories/utilities/TextAlignWrapper.tsx index f61a713..b2e8d04 100644 --- a/src/stories/utilities/TextAlignWrapper.tsx +++ b/src/stories/utilities/TextAlignWrapper.tsx @@ -22,7 +22,7 @@ const TextAlignWrapper: FC = ({ ); }; -export default TextAlignWrapper; +export { TextAlignWrapper }; const StyledDiv = styled.div` text-align: ${(props) => props.align};