Skip to content

Commit

Permalink
update storyshot
Browse files Browse the repository at this point in the history
  • Loading branch information
@dottyy
dottyy committed Jun 10, 2024
1 parent 175aaa1 commit 98d8ff5
Show file tree
Hide file tree
Showing 5 changed files with 117 additions and 37 deletions.
23 changes: 23 additions & 0 deletions src/components/elements/CommentaryBox/__snapshots__/CommentaryBox.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
onChange={[Function]}
placeholder="Add a comment"
rows={1}
value=""
/>
</div>
<label
Expand All @@ -40,6 +41,7 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
<input
className="absolute z-[-1] h-[0.1px] w-[0.1px] overflow-hidden opacity-0"
id="input-files"
onChange={[Function]}
type="file"
/>
<div
Expand Down Expand Up @@ -67,6 +69,27 @@ exports[`Storyshots Components/Elements/CommentaryBox Default 1`] = `
/>
</button>
</div>
<div
className="flex flex-1 justify-between gap-4"
>
<div
className="flex flex-wrap gap-2"
/>
<div
className="display-grid"
>
<div
className="text-nowrap text-right text-xs text-grey-500"
>
0
/255
characters
</div>
</div>
</div>
<div
className="fixed top-[86px] right-[1.5vw] z-[1000000] flex w-[28vw] shadow-black"
/>
</div>
</div>
`;
20 changes: 10 additions & 10 deletions ...ponents/elements/Inputs/TreeSpeciesInput/__snapshots__/TreeSpeciesInput.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput Default 1`] = `
<label
className="mr-2 inline uppercase text-bold-body-300"
data-testid="txt"
htmlFor=":r2b:"
htmlFor=":r2c:"
>
Tree Species Grown *
</label>
Expand All @@ -19,7 +19,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput Default 1`] = `
}
}
data-testid="txt"
id=":r2b:-description"
id=":r2c:-description"
/>
<div>
<div
Expand Down Expand Up @@ -47,11 +47,11 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput Default 1`] = `
className="relative"
>
<input
aria-describedby=":r2c:-description"
aria-describedby=":r2d:-description"
aria-invalid={false}
className="w-full outline-none transition-all duration-300 ease-in-out focus:ring-transparent border-0 border-b py-[10px] px-0 border-b-neutral-400"
defaultValue="Test"
id=":r2c:"
id=":r2d:"
name="name"
onChange={[Function]}
onKeyDownCapture={[Function]}
Expand Down Expand Up @@ -104,7 +104,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput With Number 1`]
<label
className="mr-2 inline uppercase text-bold-body-300"
data-testid="txt"
htmlFor=":r2d:"
htmlFor=":r2e:"
>
Tree Species Grown *
</label>
Expand All @@ -116,7 +116,7 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput With Number 1`]
}
}
data-testid="txt"
id=":r2d:-description"
id=":r2e:-description"
/>
<div>
<div
Expand Down Expand Up @@ -150,11 +150,11 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput With Number 1`]
className="relative"
>
<input
aria-describedby=":r2e:-description"
aria-describedby=":r2f:-description"
aria-invalid={false}
className="w-full outline-none transition-all duration-300 ease-in-out focus:ring-transparent border-0 border-b py-[10px] px-0 border-b-neutral-400"
defaultValue="Test"
id=":r2e:"
id=":r2f:"
name="name"
onChange={[Function]}
onKeyDownCapture={[Function]}
Expand All @@ -170,11 +170,11 @@ exports[`Storyshots Components/Elements/Inputs/TreeSpeciesInput With Number 1`]
className="relative"
>
<input
aria-describedby=":r2f:-description"
aria-describedby=":r2g:-description"
aria-invalid={false}
className="w-full outline-none transition-all duration-300 ease-in-out focus:ring-transparent border-0 border-b py-[10px] px-0 pl-4 border-b-neutral-400"
defaultValue={23}
id=":r2f:"
id=":r2g:"
name="amount"
onChange={[Function]}
onKeyDown={[Function]}
Expand Down
6 changes: 3 additions & 3 deletions src/components/elements/Inputs/textArea/__snapshots__/TextArea.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ exports[`Storyshots Components/Elements/Inputs/TextArea Default 1`] = `
<label
className="mr-2 inline uppercase text-bold-body-300"
data-testid="txt"
htmlFor=":r2g:"
htmlFor=":r2b:"
>
Input Label
</label>
Expand All @@ -19,11 +19,11 @@ exports[`Storyshots Components/Elements/Inputs/TextArea Default 1`] = `
}
}
data-testid="txt"
id=":r2g:-description"
id=":r2b:-description"
/>
<textarea
className="min-h-[150px] w-full rounded-lg px-3 py-2 focus:border-primary-500 outline-none transition-all duration-300 ease-in-out focus:ring-transparent border-light "
id=":r2g:"
id=":r2b:"
onChange={[Function]}
placeholder="Input placeholder"
/>
Expand Down
80 changes: 56 additions & 24 deletions src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,12 +95,22 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-secondary-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-green-500 text-12-semibold"
data-testid="txt"
/>
>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
Approved
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -129,12 +139,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-tertiary-50"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-tertiary-600 text-12-semibold"
data-testid="txt"
/>
>
Needs More Information
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -163,12 +175,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
data-testid="txt"
/>
>
Submitted
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -197,12 +211,22 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-secondary-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-green-500 text-12-semibold"
data-testid="txt"
/>
>
<div
style={
Object {
"height": undefined,
"width": 24,
}
}
/>
Approved
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -231,12 +255,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
data-testid="txt"
/>
>
Submitted
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -265,12 +291,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
data-testid="txt"
/>
>
Submitted
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -299,12 +327,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-blue-200"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-blue text-12-semibold"
data-testid="txt"
/>
>
Submitted
</p>
</div>
</div>
<div
Expand Down Expand Up @@ -333,12 +363,14 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
className="flex flex-1 items-center justify-center"
>
<div
className="flex items-center justify-center rounded-xl py-1 px-[6px]"
className="flex items-center justify-center rounded-xl py-1 px-[6px] bg-tertiary-50"
>
<p
className="flex w-fit items-center justify-center gap-[6px] text-center undefined text-12-semibold"
className="flex w-fit items-center justify-center gap-[6px] text-center text-tertiary-600 text-12-semibold"
data-testid="txt"
/>
>
Needs More Information
</p>
</div>
</div>
<div
Expand Down
25 changes: 25 additions & 0 deletions src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -189,6 +189,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
onChange={[Function]}
placeholder="Add a comment"
rows={1}
value=""
/>
</div>
<label
Expand All @@ -198,6 +199,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
<input
className="absolute z-[-1] h-[0.1px] w-[0.1px] overflow-hidden opacity-0"
id="input-files"
onChange={[Function]}
type="file"
/>
<div
Expand All @@ -210,8 +212,28 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
/>
</label>
</div>
<div
className="flex flex-1 justify-between gap-4"
>
<div
className="flex flex-wrap gap-2"
/>
<div
className="display-grid"
>
<div
className="text-nowrap text-right text-xs text-grey-500"
>
0
/255
characters
</div>
</div>
</div>
<button
className="bg-primary-500 hover:bg-primary-400 py-2 !text-white rounded-md px-4 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black min-h-10 flex items-center justify-center gap-1.5 tracking-wide w-fit-content self-end"
disabled={false}
onClick={[Function]}
>
<div
style={
Expand All @@ -232,6 +254,9 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
</p>
</span>
</button>
<div
className="fixed top-[86px] right-[1.5vw] z-[1000000] flex w-[28vw] shadow-black"
/>
</div>
<div
className="flex flex-col gap-2"
Expand Down

0 comments on commit 98d8ff5

Please sign in to comment.