Update storyshots.

wri · Jun 5, 2024 · 32fc0cd · 32fc0cd
1 parent 3723b39
commit 32fc0cd
Show file tree

Hide file tree

Showing 11 changed files with 95 additions and 22 deletions.
diff --git a/src/components/elements/Accordion/__snapshots__/Accordion.stories.storyshot b/src/components/elements/Accordion/__snapshots__/Accordion.stories.storyshot
@@ -2,7 +2,7 @@
 
 exports[`Storyshots Components/Elements/Accordion Default 1`] = `
 <div
-  className="undefined rounded-lg border-2 border-neutral-100 shadow"
+  className="rounded-lg border-2 border-neutral-100 shadow"
   data-headlessui-state=""
 >
   <button
@@ -39,7 +39,7 @@ exports[`Storyshots Components/Elements/Accordion Default 1`] = `
 
 exports[`Storyshots Components/Elements/Accordion Secondary 1`] = `
 <div
-  className="undefined rounded-lg border-2 border-neutral-100 shadow"
+  className="rounded-lg border-2 border-neutral-100 shadow"
   data-headlessui-state=""
 >
   <button
@@ -76,7 +76,7 @@ exports[`Storyshots Components/Elements/Accordion Secondary 1`] = `
 
 exports[`Storyshots Components/Elements/Accordion With CTA 1`] = `
 <div
-  className="undefined rounded-lg border-2 border-neutral-100 shadow"
+  className="rounded-lg border-2 border-neutral-100 shadow"
   data-headlessui-state=""
 >
   <button

diff --git a/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot b/src/components/elements/Inputs/Dropdown/__snapshots__/Dropdown.stories.storyshot
@@ -203,7 +203,7 @@ exports[`Storyshots Components/Elements/Inputs/Dropdown Single Select With Meta
       className="flex items-center gap-2"
     >
       <div
-        className="min-h-[8px] min-w-[8px] rounded-full "
+        className="min-h-[8px] min-w-[8px] rounded-full undefined"
       />
       <p
         className="w-full line-clamp-1 text-14-light"

diff --git a/.../elements/ProgressBar/LinearProgressBar/__snapshots__/LinearProgressBar.stories.storyshot b/.../elements/ProgressBar/LinearProgressBar/__snapshots__/LinearProgressBar.stories.storyshot
@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Components/Elements/ProgressBar Default 1`] = `
+<div
+  className="h-[9px] w-full rounded-full bg-neutral-200 "
+  role="progressbar"
+>
+  <div
+    className="h-full bg-primary rounded-full transition-all duration-300"
+    style={
+      Object {
+        "width": "50%",
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Storyshots Components/Elements/ProgressBar Error 1`] = `
+<div
+  className="h-[9px] w-full rounded-full bg-neutral-200 "
+  role="progressbar"
+>
+  <div
+    className="h-full bg-error rounded-full transition-all duration-300"
+    style={
+      Object {
+        "width": "50%",
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Storyshots Components/Elements/ProgressBar Secondary 1`] = `
+<div
+  className="h-[9px] w-full rounded-full bg-neutral-200 "
+  role="progressbar"
+>
+  <div
+    className="h-full bg-secondary rounded-full transition-all duration-300"
+    style={
+      Object {
+        "width": "50%",
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Storyshots Components/Elements/ProgressBar Success 1`] = `
+<div
+  className="h-[9px] w-full rounded-full bg-neutral-200 "
+  role="progressbar"
+>
+  <div
+    className="h-full bg-success rounded-full transition-all duration-300"
+    style={
+      Object {
+        "width": "50%",
+      }
+    }
+  />
+</div>
+`;
+
+exports[`Storyshots Components/Elements/ProgressBar Tertiary 1`] = `
+<div
+  className="h-[9px] w-full rounded-full bg-neutral-200 "
+  role="progressbar"
+>
+  <div
+    className="h-full bg-tertiary rounded-full transition-all duration-300"
+    style={
+      Object {
+        "width": "50%",
+      }
+    }
+  />
+</div>
+`;
diff --git a/src/components/extensive/Modal/__snapshots__/FormModal.stories.storyshot b/src/components/extensive/Modal/__snapshots__/FormModal.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/FormModal Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex max-h-full max-w-[800px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white w-[800px] p-0"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white max-w-[800px] margin-4 z-50 w-[800px] p-0"
   >
     <div
       className="flex w-full items-center justify-between gap-4 border-b border-neutral-300 bg-neutral-50 p-8"

diff --git a/src/components/extensive/Modal/__snapshots__/Modal.stories.storyshot b/src/components/extensive/Modal/__snapshots__/Modal.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex max-h-full max-w-[800px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white p-15"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white max-w-[800px] p-15 margin-4 z-50"
   >
     <div
       style={

diff --git a/src/components/extensive/Modal/__snapshots__/ModalAdd.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalAdd.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalAdd Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex h-[80%] max-h-full w-[776px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white h-[80%] w-[776px] margin-4 z-50"
   >
     <header
       className="flex w-full items-center justify-between border-b border-b-neutral-200 px-8 py-5"

diff --git a/src/components/extensive/Modal/__snapshots__/ModalConfirm.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalConfirm.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalConfirm Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white max-w-xs p-5"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white margin-4 z-50 max-w-xs p-5"
   >
     <div
       className="flex flex-col gap-2"
@@ -39,7 +39,8 @@ exports[`Storyshots Components/Extensive/Modal/ModalConfirm Default 1`] = `
         className="text-right text-xs text-grey-500"
       >
         0
-        /255 characters
+        /255 
+        characters
       </div>
     </div>
     <div

diff --git a/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalSubmit.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalSubmit Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex max-h-full w-[776px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white w-[776px] margin-4 z-50"
   >
     <header
       className="flex w-full items-center justify-between border-b border-b-neutral-200 px-8 py-5"

diff --git a/src/components/extensive/Modal/__snapshots__/ModalWithClose.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalWithClose.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithClose Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex max-h-full max-w-[800px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white p-8"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white max-w-[800px] p-8 margin-4 z-50"
   >
     <div
       className="mb-6 flex w-full items-center justify-between"
@@ -30,15 +30,6 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithClose Default 1`] = `
         />
       </button>
     </div>
-    <div
-      style={
-        Object {
-          "height": undefined,
-          "minHeight": 40,
-          "width": 40,
-        }
-      }
-    />
     <p
       className="mt-2 text-center text-light-body-300 with-inner-html"
       dangerouslySetInnerHTML={

diff --git a/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot b/src/components/extensive/Modal/__snapshots__/ModalWithLogo.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal/ModalWithLogo Default 1`] = `
   className="flex items-center justify-center bg-primary-400 p-8"
 >
   <div
-    className="margin-4 z-50 m-auto flex h-[80%] max-h-full w-[776px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white"
+    className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white h-[80%] w-[776px] margin-4 z-50"
   >
     <header
       className="flex w-full items-center justify-between border-b border-b-neutral-200 px-8 py-5"

diff --git a/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot b/src/hooks/useGetCustomFormSteps/__snapshots__/useGetCustomFormSteps.stories.storyshot
@@ -419,7 +419,7 @@ exports[`Storyshots Components/Extensive/Form/Wizard With Get Form Step Hook 1`]
                         className="flex items-center gap-2"
                       >
                         <div
-                          className="min-h-[8px] min-w-[8px] rounded-full "
+                          className="min-h-[8px] min-w-[8px] rounded-full undefined"
                         />
                         <p
                           className="w-full line-clamp-1 text-14-light"
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ exports[`Storyshots Components/Extensive/Modal Default 1`] = ` @@
       className="flex items-center justify-center bg-primary-400 p-8"
     >
       <div
-        className="margin-4 z-50 m-auto flex max-h-full max-w-[800px] flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white p-15"
+        className="m-auto flex max-h-full flex-col items-center justify-start overflow-y-auto rounded-lg border-2 border-neutral-100 bg-white max-w-[800px] p-15 margin-4 z-50"
       >
         <div
           style={
@@ Expand Down @@