Address test failures.

wri · Jun 3, 2024 · 44f8f63 · 44f8f63
1 parent 9ba4315
commit 44f8f63
Show file tree

Hide file tree

Showing 80 changed files with 8,507 additions and 2,542 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="rounded-lg border-2 border-neutral-100 shadow undefined"
+  className="undefined 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="rounded-lg border-2 border-neutral-100 shadow undefined rounded-lg"
+  className="undefined 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="rounded-lg border-2 border-neutral-100 shadow undefined"
+  className="undefined rounded-lg border-2 border-neutral-100 shadow"
   data-headlessui-state=""
 >
   <button

diff --git a/src/components/elements/Breadcrumbs/__snapshots__/Breadcrumbs.stories.storyshot b/src/components/elements/Breadcrumbs/__snapshots__/Breadcrumbs.stories.storyshot
@@ -14,7 +14,7 @@ exports[`Storyshots Components/Elements/Breadcrumbs Default 1`] = `
       onTouchStart={[Function]}
     >
       <p
-        className="text-neutral-800 hover:underline line-clamp-1 text-bold-body-300"
+        className="text-darkCustom opacity-60 hover:underline line-clamp-1 text-14-bold"
         data-testid="txt"
         title="My Projects"
       >
@@ -36,7 +36,7 @@ exports[`Storyshots Components/Elements/Breadcrumbs Default 1`] = `
       onTouchStart={[Function]}
     >
       <p
-        className="text-neutral-800 hover:underline line-clamp-1 text-bold-body-300"
+        className="text-darkCustom opacity-60 hover:underline line-clamp-1 text-14-bold"
         data-testid="txt"
         title="India Tree restoration project"
       >
@@ -52,7 +52,7 @@ exports[`Storyshots Components/Elements/Breadcrumbs Default 1`] = `
       }
     />
     <p
-      className="text-black line-clamp-1 text-bold-body-300"
+      className="text-darkCustom line-clamp-1 text-14-bold"
       data-testid="txt"
       title="Taj Mahal"
     >

diff --git a/src/components/elements/Button/__snapshots__/Button.stories.storyshot b/src/components/elements/Button/__snapshots__/Button.stories.storyshot
@@ -2,12 +2,12 @@
 
 exports[`Storyshots Components/Elements/Buttons Disabled Link 1`] = `
 <button
-  className="bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  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"
   disabled={true}
   href="/"
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Disabled Link
   </span>
@@ -16,10 +16,10 @@ exports[`Storyshots Components/Elements/Buttons Disabled Link 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Primary 1`] = `
 <button
-  className="bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  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"
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Primary
   </span>
@@ -28,11 +28,11 @@ exports[`Storyshots Components/Elements/Buttons Primary 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Primary Disabled 1`] = `
 <button
-  className="bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  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"
   disabled={true}
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Primary
   </span>
@@ -41,7 +41,7 @@ exports[`Storyshots Components/Elements/Buttons Primary Disabled 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Primary Icon 1`] = `
 <button
-  className="bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  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"
 >
   <div
     style={
@@ -52,7 +52,7 @@ exports[`Storyshots Components/Elements/Buttons Primary Icon 1`] = `
     }
   />
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Primary
   </span>
@@ -61,11 +61,11 @@ exports[`Storyshots Components/Elements/Buttons Primary Icon 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Primary Link 1`] = `
 <a
-  className="bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  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"
   href="/"
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Primary Link
   </span>
@@ -74,10 +74,10 @@ exports[`Storyshots Components/Elements/Buttons Primary Link 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Secondary 1`] = `
 <button
-  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-[10.5px] 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"
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Secondary
   </span>
@@ -86,11 +86,11 @@ exports[`Storyshots Components/Elements/Buttons Secondary 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Secondary Disabled 1`] = `
 <button
-  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-[10.5px] 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"
   disabled={true}
 >
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Secondary
   </span>
@@ -99,7 +99,7 @@ exports[`Storyshots Components/Elements/Buttons Secondary Disabled 1`] = `
 
 exports[`Storyshots Components/Elements/Buttons Secondary Icon 1`] = `
 <button
-  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+  className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-[10.5px] 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"
 >
   <div
     style={
@@ -110,7 +110,7 @@ exports[`Storyshots Components/Elements/Buttons Secondary Icon 1`] = `
     }
   />
   <span
-    className="text-bold-caption-200 pt-0.75 leading-3"
+    className="flex items-center text-bold-caption-200"
   >
     Secondary
   </span>
@@ -122,7 +122,7 @@ exports[`Storyshots Components/Elements/Buttons Text 1`] = `
   className="flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
 >
   <span
-    className="text-bold-body-300"
+    className="text-12-bold"
   >
     Text
   </span>

diff --git a/src/components/elements/Cards/ExpandedCard/__snapshots__/ExpandedCard.stories.storyshot b/src/components/elements/Cards/ExpandedCard/__snapshots__/ExpandedCard.stories.storyshot
@@ -2,7 +2,7 @@
 
 exports[`Storyshots Components/Elements/Cards/ExpandedCard Default 1`] = `
 <div
-  className="rounded-lg bg-primary-50"
+  className="rounded-lg bg-neutral-40"
 >
   <div
     className="flex items-center gap-4 px-5 py-4"

diff --git a/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot b/src/components/elements/Cards/FundingCard/__snapshots__/FundingCard.stories.storyshot
@@ -5,13 +5,13 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
   className="w-[378px]"
 >
   <div
-    className="flex h-[420px] w-full flex-col rounded-lg border border-neutral-100 border-opacity-25 bg-white p-6 shadow"
+    className="flex h-[420px] w-full flex-col overflow-auto rounded-lg border border-neutral-100 border-opacity-25 bg-white p-6 shadow wide:h-[500px]"
   >
     <div
       className="bg-secondary-200 mb-4 w-fit flex items-center justify-center rounded-2xl py-0.5 px-3 first-letter:uppercase"
     >
       <p
-        className="text-black mt-[3px] text-bold-caption-200"
+        className="text-black flex h-fit items-center text-bold-caption-200"
         data-testid="txt"
       >
         Receiving Applications
@@ -24,7 +24,7 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
       TerraFund for AFR100: Landscapes 
     </p>
     <div
-      className="flex items-center gap-2 border-b border-neutral-200 py-2"
+      className="flex items-center gap-2 py-2"
     >
       <div
         style={
@@ -57,38 +57,30 @@ exports[`Storyshots Components/Elements/Cards/FundingCard Default 1`] = `
       className="mt-4 flex flex-col gap-3 sm:flex-row"
     >
       <a
-        className="w-full flex-1 bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+        className="h-fit bg-white py-4 rounded-lg flex items-center justify-center gap-1.5 tracking-wide w-fit-content w-full flex-1"
         disabled={false}
         href="#"
         onClick={[Function]}
         onMouseEnter={[Function]}
         onTouchStart={[Function]}
         target="_blank"
       >
-        <div
-          style={
-            Object {
-              "height": 14,
-              "width": 14,
-            }
-          }
-        />
         <span
-          className="text-bold-caption-200 pt-0.75 leading-3"
+          className="flex items-center font-inter font-bold text-16 leading-snug tracking-tighter uppercase text-primary"
         >
           Read More
         </span>
       </a>
       <a
-        className="w-full flex-1 bg-primary-500 hover:bg-primary-400 py-2 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-fit-content"
+        className="h-fit py-4 bg-primary-200 rounded-lg flex items-center justify-center gap-1.5 tracking-wide w-fit-content w-full flex-1"
         disabled={false}
         href="#"
         onClick={[Function]}
         onMouseEnter={[Function]}
         onTouchStart={[Function]}
       >
         <span
-          className="text-bold-caption-200 pt-0.75 leading-3"
+          className="flex items-center font-inter font-bold text-16 leading-snug tracking-tighter uppercase text-primary"
         >
           Apply Now
         </span>

diff --git a/src/components/elements/Cards/Generic/__snapshots__/GenericCard.stories.storyshot b/src/components/elements/Cards/Generic/__snapshots__/GenericCard.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots Components/Elements/Cards/GenericCard Default 1`] = `
   className="h-[530px] max-w-xs flex w-full flex-col overflow-hidden rounded-lg border border-neutral-500 border-opacity-25 bg-white"
 >
   <div
-    className="relative flex aspect-[5/3] min-h-[180px] items-start justify-between bg-cover bg-center bg-no-repeat p-4"
+    className="relative flex aspect-[5/3] min-h-[180px] items-start justify-between bg-cover bg-center bg-no-repeat p-4 wide:p-6"
     style={
       Object {
         "backgroundImage": "url(static/media/public/images/green-leaves.webp)",
@@ -31,7 +31,7 @@ exports[`Storyshots Components/Elements/Cards/GenericCard Default 1`] = `
         className="flex items-center justify-center rounded-2xl py-0.5 px-3 first-letter:uppercase"
       >
         <p
-          className="text-black mt-[3px] text-bold-caption-200"
+          className="text-black flex h-fit items-center text-bold-caption-200"
           data-testid="txt"
         >
           Completed
@@ -111,10 +111,10 @@ exports[`Storyshots Components/Elements/Cards/GenericCard Default 1`] = `
     className="px-6 py-4.5"
   >
     <button
-      className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-1.75 rounded-md px-10 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black h-8 flex items-center justify-center gap-1.5 tracking-wide w-full justify-center"
+      className="bg-white border border-neutral-1000 hover:border-primary-500 disabled:border-neutral-1000 py-[10.5px] rounded-md px-4 uppercase disabled:bg-neutral-300 disabled:text-neutral-800 transition whitespace-nowrap text-black min-h-10 flex items-center gap-1.5 tracking-wide w-full justify-center"
     >
       <span
-        className="text-bold-caption-200 pt-0.75 leading-3"
+        className="flex items-center text-bold-caption-200"
       >
         View
       </span>