Intended
/
attendant
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: Intended:7f883c5562366d9d4732e90ec0e357b2a7f097e6
Branches Tags
Intended:main
...
compare: Intended:67b5d9343b5c9d46c951091e81a8605a4c1efada
Branches Tags
Intended:main

3 Commits
7f883c5562 ... 67b5d9343b

Author SHA1 Message Date
Silas 67b5d9343b
take out unused dependencies 2021-11-26 15:12:10 -05:00
Silas c0a60f9bcc
clean up directory structure and remove unused files 2021-11-26 15:05:36 -05:00
Silas 60aae48dcc
0.1.16 2021-11-26 13:52:12 -05:00
18 changed files with 4829 additions and 1763 deletions
Show Stats Expand all files Collapse all files

6346
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

18
package.json
View File

@ -2,7 +2,7 @@
"name": "@intended/intended-ui",
"description": "Storybook UI library for Intended Link",
"license": "MIT",
"version": "0.1.15",
"version": "0.1.16",
"private": false,
"main": "dist/index.js",
"repository": "https://git.silentsilas.com/Intended/attendant.git",
@ -45,12 +45,7 @@
},
"dependencies": {
"polished": "^4.1.3",
"styled-components": "^5.3.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"react-svg": "^14.0.13",
"web-vitals": "^1.0.1"
"styled-components": "^5.3.1"
},
"devDependencies": {
"@babel/cli": "^7.16.0",
@ -62,14 +57,13 @@
"@storybook/react": "^6.3.8",
"@types/styled-components": "^5.1.14",
"cross-env": "^7.0.3",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/jest": "^26.0.15",
"@types/node": "^12.0.0",
"@types/react": "^17.0.21",
"@types/react-dom": "^17.0.0",
"typescript": "^4.2.0"
"typescript": "^4.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3"
},
"files": [
"dist",

0
src/App.css
View File

95
src/App.tsx
View File

@ -1,95 +0,0 @@
import React, { useState } from "react";
import { ProgressIndicator } from "./stories/ProgressIndicator";
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 { 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";
function App() {
const [input1, setInput1] = useState("");
const [input2, setInput2] = useState("");
const [select, setSelect] = useState("github");
const handleInputChange1 = (e: React.ChangeEvent<HTMLInputElement>) => {
setInput1(e.target.value);
};
const handleInputChange2 = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
setInput2(e.target.value);
};
const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
setSelect(e.target.value);
};
return (
<CenteredContainer fullscreen>
<CenteredContainer>
<ProgressIndicator currentProgress={3} />
{/* <Header1>Securely Share Your Secrets</Header1> */}
<Spacer />
<Header2>Tell someone</Header2>
<Spacer />
<TextAlignWrapper align="left">
<Label htmlFor="testInput">Testing label</Label>
</TextAlignWrapper>
<Input
variant="primary"
id="testInput"
value={input1}
onChange={handleInputChange1}
placeholder="testing 1 2 3"
/>
<Spacer />
<InputButtonWithIcon
id="testinputbutton"
value="https://wanderinginn.com"
variant="download"
onClick={() => {}}
/>
<Spacer />
<Select
id="selectService"
value={select}
onChange={handleSelectChange}
/>
<Spacer />
<SpaceBetweenContainer>
<Label htmlFor="testInput2">Testing label left</Label>
<Label htmlFor="testInput2">Testing label right</Label>
</SpaceBetweenContainer>
<AutoResizingTextArea
id="testTextArea"
value={input2}
onChange={handleInputChange2}
placeholder="Tell me your secrets"
/>
<Spacer />
<SpaceBetweenContainer>
<Button variant="primary" onClick={() => {}}>
<IconArrow arrowDirection="left" />
</Button>
<Button variant="secondary" onClick={() => {}}>
<IconArrow arrowDirection="right" />
</Button>
</SpaceBetweenContainer>
</CenteredContainer>
</CenteredContainer>
);
}
export default App;

21
src/App2.tsx
View File

@ -1,21 +0,0 @@
import React from "react";
import styled from "styled-components";
import { SplashIconHeader } from "./stories/SplashIconHeader";
function App2() {
return (
<StyledDiv>
<SplashIconHeader />
</StyledDiv>
);
}
export default App2;
const StyledDiv = styled.div`
min-height: 100vh;
width: 100%;
background-color: #091132;
padding: 40px;
`;

0
src/index.css
View File

0
src/SecretCreationPage1.stories.tsx → src/stories/pages/SecretCreationPage1.stories.tsx
View File

20
src/SecretCreationPage1.tsx → src/stories/pages/SecretCreationPage1.tsx
View File

@ -1,19 +1,19 @@
import React, { useState } from "react";
import { ProgressIndicator } from "./stories/ProgressIndicator";
import { ProgressIndicator } from "../ProgressIndicator";
import { Header2 } from "./stories/Header2";
import { Header2 } from"../Header2";
import { Button } from "./stories/Button";
import { IconArrow } from "./stories/IconArrow";
import { Button } from"../Button";
import { IconArrow } from"../IconArrow";
import { Label } from "./stories/Label";
import { FileInput } from "./stories/FileInput";
import { TextArea } from "./stories/TextArea";
import { Label } from"../Label";
import { FileInput } from"../FileInput";
import { TextArea } from"../TextArea";
import { CenteredContainer } from "./stories/utilities/CenteredContainer";
import { Spacer } from "./stories/utilities/Spacer";
import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper";
import { CenteredContainer } from"../utilities/CenteredContainer";
import { Spacer } from"../utilities/Spacer";
import { TextAlignWrapper } from"../utilities/TextAlignWrapper";
const SecretCreationPage1 = () => {
const [secretInput, setSecretInput] = useState("");

0
src/SecretCreationPage2.stories.tsx → src/stories/pages/SecretCreationPage2.stories.tsx
View File

22
src/SecretCreationPage2.tsx → src/stories/pages/SecretCreationPage2.tsx
View File

@ -1,20 +1,20 @@
import React, { useState } from "react";
import { ProgressIndicator } from "./stories/ProgressIndicator";
import { ProgressIndicator } from"../ProgressIndicator";
import { Header2 } from "./stories/Header2";
import { Header2 } from"../Header2";
import { Button } from "./stories/Button";
import { IconArrow } from "./stories/IconArrow";
import { Button } from"../Button";
import { IconArrow } from"../IconArrow";
import { Label } from "./stories/Label";
import { Input } from "./stories/Input";
import { Select } from "./stories/Select";
import { Label } from"../Label";
import { Input } from"../Input";
import { Select } from"../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"../utilities/CenteredContainer";
import { SpaceBetweenContainer } from"../utilities/SpaceBetweenContainer";
import { Spacer } from"../utilities/Spacer";
import { TextAlignWrapper } from"../utilities/TextAlignWrapper";
const SecretCreationPage2 = () => {
const [recipientInput, setRecipientInput] = useState("");

0
src/SecretCreationPage3.stories.tsx → src/stories/pages/SecretCreationPage3.stories.tsx
View File

22
src/SecretCreationPage3.tsx → src/stories/pages/SecretCreationPage3.tsx
View File

@ -1,20 +1,20 @@
import React from "react";
import { ProgressIndicator } from "./stories/ProgressIndicator";
import { ProgressIndicator } from"../ProgressIndicator";
import { Header2 } from "./stories/Header2";
import { Header2 } from"../Header2";
import { Button } from "./stories/Button";
import { IconArrow } from "./stories/IconArrow";
import { InputButtonWithIcon } from "./stories/InputButtonWithIcon";
import { Button } from"../Button";
import { IconArrow } from"../IconArrow";
import { InputButtonWithIcon } from"../InputButtonWithIcon";
import { Label } from "./stories/Label";
import { Input } from "./stories/Input";
import { Label } from"../Label";
import { Input } from"../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"../utilities/CenteredContainer";
import { SpaceBetweenContainer } from"../utilities/SpaceBetweenContainer";
import { Spacer } from"../utilities/Spacer";
import { TextAlignWrapper } from"../utilities/TextAlignWrapper";
const SecretCreationPage3 = () => {
return (

0
src/SecretRevealPage.stories.tsx → src/stories/pages/SecretRevealPage.stories.tsx
View File

20
src/SecretRevealPage.tsx → src/stories/pages/SecretRevealPage.tsx
View File

@ -1,19 +1,19 @@
import React from "react";
import { Header2 } from "./stories/Header2";
import { Header3 } from "./stories/Header3";
import { Header2 } from"../Header2";
import { Header3 } from"../Header3";
import { Button } from "./stories/Button";
import { Button } from"../Button";
import { Label } from "./stories/Label";
import { InputButtonWithIcon } from "./stories/InputButtonWithIcon";
import { Label } from"../Label";
import { InputButtonWithIcon } from"../InputButtonWithIcon";
import { TextAreaParagraph } from "./stories/TextAreaParagraph";
import { TextAreaParagraph } from"../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"../utilities/CenteredContainer";
import { SpaceBetweenContainer } from"../utilities/SpaceBetweenContainer";
import { Spacer } from"../utilities/Spacer";
import { TextAlignWrapper } from"../utilities/TextAlignWrapper";
const SecretRevealPage = () => {
return (

0
src/SplashPage.stories.tsx → src/stories/pages/SplashPage.stories.tsx
View File

12
src/SplashPage.tsx → src/stories/pages/SplashPage.tsx
View File

@ -1,14 +1,14 @@
import React from "react";
import { SplashIconHeader } from "./stories/SplashIconHeader";
import { SplashIconHeader } from"../SplashIconHeader";
import { Header1 } from "./stories/Header1";
import { Header3 } from "./stories/Header3";
import { Header1 } from"../Header1";
import { Header3 } from"../Header3";
import { Button } from "./stories/Button";
import { Button } from"../Button";
import { CenteredContainer } from "./stories/utilities/CenteredContainer";
import { Spacer } from "./stories/utilities/Spacer";
import { CenteredContainer } from"../utilities/CenteredContainer";
import { Spacer } from"../utilities/Spacer";
const SplashPage = () => {
return (

0
src/VerifyPage.stories.tsx → src/stories/pages/VerifyPage.stories.tsx
View File

16
src/VerifyPage.tsx → src/stories/pages/VerifyPage.tsx
View File

@ -1,16 +1,16 @@
import React from "react";
import { Header2 } from "./stories/Header2";
import { Header3 } from "./stories/Header3";
import { Header2 } from"../Header2";
import { Header3 } from"../Header3";
import { Button } from "./stories/Button";
import { Button } from"../Button";
import { Label } from "./stories/Label";
import { Input } from "./stories/Input";
import { Label } from"../Label";
import { Input } from"../Input";
import { CenteredContainer } from "./stories/utilities/CenteredContainer";
import { Spacer } from "./stories/utilities/Spacer";
import { TextAlignWrapper } from "./stories/utilities/TextAlignWrapper";
import { CenteredContainer } from"../utilities/CenteredContainer";
import { Spacer } from"../utilities/Spacer";
import { TextAlignWrapper } from"../utilities/TextAlignWrapper";
const VerifyPage = () => {
return (