@hellobetterdigitalnz/selwynui 0.0.1-17 → 0.0.1-19

package/src/Components/Layout/HeroBanner/HeroBanner.tsx

@@ -71,6 +71,9 @@ const HeroBanner = (props : HeroBannerProps) => {
   >
     <div className={styles.heroImg}>
       <img src={backgroundImg} alt="hero banner" />
+      <div className={styles.heroSvg}>
+        <LargeHeroIcon/>
+      </div>
     </div>
     <Container>
       <div className={styles.heroWrapper}>
@@ -78,9 +81,6 @@ const HeroBanner = (props : HeroBannerProps) => {
         {description && <p>{description}</p>}
       </div>
     </Container>
-    <div className={styles.heroSvg}>
-      <LargeHeroIcon/>
-    </div>
   </div>
 }
 

package/src/Components/Layout/HeroBanner/heroBanner.module.scss

@@ -3,7 +3,8 @@
 
   &Large{
     position: relative;
-    min-height: 90vh;
+    min-height: 494px;
+    overflow-x: hidden;
 
     .heroImg{
       position: absolute;
@@ -29,15 +30,15 @@
       z-index: 10;
       width: 100%;
       height: 100%;
-      padding-top: 112px;
+      padding-top: 104px;
       color: var(--color-text);
 
       h1{
         max-width: 898px;
-        font-size: var(--font-size-h1);
+        font-size: 44px;
         line-height: 1;
         font-weight: 400;
-        letter-spacing: -7.68px;
+        letter-spacing: -1.76px;
 
         span{
           font-weight: 700;
@@ -52,7 +53,7 @@
       z-index: 5;
       left: 0;
       bottom: 0;
-      height: 340px;
+      height: 165px;
     }
 
   }
@@ -210,6 +211,24 @@
 
   @media screen and (min-width: 992px) {
 
+    &Large{
+      min-height: 100vh;
+
+      .heroWrapper{
+        h1{
+          font-size: var(--font-size-h1);
+          letter-spacing: -1.68px;
+        }
+
+        padding-top: 207px;
+      }
+
+      .heroSvg{
+        height: 340px;
+      }
+
+    }
+
     &Medium{
       .heroWrapper{
 
@@ -250,4 +269,15 @@
 
   }
 
+  @media screen and (min-width: 1400px) {
+    &Large{
+      .heroWrapper{
+        h1{
+          letter-spacing: -7.68px;
+        }
+
+      }
+    }
+  }
+
 }

package/dist/tsconfig.app.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["../src/app.tsx","../src/globals.d.ts","../src/index.ts","../src/main.tsx","../src/scss.d.ts","../src/components/index.ts","../src/components/datadisplay/index.ts","../src/components/datadisplay/accordion/accordion.tsx","../src/components/datadisplay/accordion/accordioncontext.tsx","../src/components/datadisplay/accordion/accordioncontextinterface.tsx","../src/components/datadisplay/accordion/accordionitem.tsx","../src/components/datadisplay/accordion/accordionitemprops.tsx","../src/components/datadisplay/accordion/accordionprops.tsx","../src/components/datadisplay/accordion/accordionprovider.tsx","../src/components/datadisplay/accordion/accordionproviderinterface.tsx","../src/components/datadisplay/accordion/accordion-bg-design.tsx","../src/components/datadisplay/detailscard/detailscard.tsx","../src/components/datadisplay/detailscard/detailscardprops.tsx","../src/components/datadisplay/imagecontent/imagecontent.tsx","../src/components/datadisplay/imagecontent/imagecontentmaskingimages.tsx","../src/components/datadisplay/imagecontent/imagecontentprops.tsx","../src/components/datadisplay/introblock/introblock.tsx","../src/components/datadisplay/introblock/introblockprops.tsx","../src/components/datadisplay/kpiblock/kpiblock.tsx","../src/components/datadisplay/kpiblock/kpiblockprops.tsx","../src/components/datadisplay/pathway/pathway.tsx","../src/components/datadisplay/pathway/pathwayprops.tsx","../src/components/datadisplay/pathwayblock/pathwayblock.tsx","../src/components/datadisplay/pathwayblock/pathwayblockprops.tsx","../src/components/datadisplay/promobannerblock/promobannerblock.tsx","../src/components/datadisplay/promobannerblock/promobannerblockprops.tsx","../src/components/datadisplay/promobannerblock/brand-piller.tsx","../src/components/datadisplay/promobannerblock/promo-banner-bg-design.tsx","../src/components/datadisplay/testimonycard/testimonycard.tsx","../src/components/datadisplay/testimonycard/testimonycardprops.tsx","../src/components/form/index.ts","../src/components/form/button/button.tsx","../src/components/form/button/buttonprops.tsx","../src/components/icons/iconprops.tsx","../src/components/icons/index.ts","../src/components/icons/arrows/arrowleft/arrowleft.tsx","../src/components/icons/arrows/arrowright/arrowright.tsx","../src/components/icons/arrows/arrowsquareout/arrowsquareout.tsx","../src/components/icons/arrows/arrowsdownup/arrowsdownup.tsx","../src/components/icons/arrows/arrowsoutcardinal/arrowsoutcardinal.tsx","../src/components/icons/arrows/caretcircleright/caretcircleright.tsx","../src/components/icons/arrows/caretdown/caretdown.tsx","../src/components/icons/arrows/caretleft/caretleft.tsx","../src/components/icons/arrows/caretright/caretright.tsx","../src/components/icons/arrows/caretup/caretup.tsx","../src/components/icons/arrows/caretupdown/caretupdown.tsx","../src/components/icons/brands/facebooklogo/facebooklogo.tsx","../src/components/icons/brands/instagramlogo/instagramlogo.tsx","../src/components/icons/brands/linkedinlogo/linkedinlogo.tsx","../src/components/icons/brands/windowslogo/windowslogo.tsx","../src/components/icons/commerce/backpack/backpack.tsx","../src/components/icons/commerce/bowlsteam/bowlsteam.tsx","../src/components/icons/commerce/bread/bread.tsx","../src/components/icons/commerce/cheers/cheers.tsx","../src/components/icons/commerce/chefhat/chefhat.tsx","../src/components/icons/commerce/coffee/coffee.tsx","../src/components/icons/commerce/creditcard/creditcard.tsx","../src/components/icons/commerce/currencydollarsimple/currencydollarsimple.tsx","../src/components/icons/commerce/grains/grains.tsx","../src/components/icons/commerce/scale/scale.tsx","../src/components/icons/commerce/storefront/storefront.tsx","../src/components/icons/communication/addressbook/addressbook.stories.ts","../src/components/icons/communication/addressbook/addressbook.tsx","../src/components/icons/communication/astericksimple/asterisksimple.stories.ts","../src/components/icons/communication/astericksimple/asterisksimple.tsx","../src/components/icons/communication/asterisk/asterisk.stories.ts","../src/components/icons/communication/asterisk/asterisk.tsx","../src/components/icons/communication/at/at.stories.ts","../src/components/icons/communication/at/at.tsx","../src/components/icons/communication/broadcast/broadcast.stories.ts","../src/components/icons/communication/broadcast/broadcast.tsx","../src/components/icons/communication/chat/chat.stories.ts","../src/components/icons/communication/chat/chat.tsx","../src/components/icons/communication/chatcircletext/chatcircletext.tsx","../src/components/icons/communication/envelopesimple/envelopesimple.tsx","../src/components/icons/communication/export/export.tsx","../src/components/icons/communication/phone/phone.tsx","../src/components/icons/communication/thumbsup/thumbsup.tsx","../src/components/icons/communication/translate/translate.tsx","../src/components/icons/design/drophalfbottom/drophalfbottom.tsx","../src/components/icons/design/eye/eye.tsx","../src/components/icons/design/eyeslash/eyeslash.tsx","../src/components/icons/design/gearfine/gearfine.tsx","../src/components/icons/design/pencilline/pencilline.tsx","../src/components/icons/design/pencilsimple/pencilsimple.tsx","../src/components/icons/design/ruler/ruler.tsx","../src/components/icons/design/squaresfour/squaresfour.tsx","../src/components/icons/education/bookopentext/bookopentext.tsx","../src/components/icons/education/bookmarksimple/bookmarksimple.tsx","../src/components/icons/education/certificate/certificate.tsx","../src/components/icons/education/graduationcap/graduationcap.tsx","../src/components/icons/games/cricket/cricket.tsx","../src/components/icons/games/football/football.tsx","../src/components/icons/games/golf/golf.tsx","../src/components/icons/healthandwellness/barbell/barbell.tsx","../src/components/icons/mapandtravel/barn/barn.tsx","../src/components/icons/mapandtravel/bicycle/bicycle.tsx","../src/components/icons/mapandtravel/bus/bus.tsx","../src/components/icons/mapandtravel/car/car.tsx","../src/components/icons/mapandtravel/chargingstation/chargingstation.tsx","../src/components/icons/mapandtravel/farm/farm.tsx","../src/components/icons/mapandtravel/globe/globe.tsx","../src/components/icons/mapandtravel/goggles/goggles.tsx","../src/components/icons/mapandtravel/house/house.tsx","../src/components/icons/mapandtravel/housesimple/housesimple.tsx","../src/components/icons/mapandtravel/mappin/mappin.tsx","../src/components/icons/mapandtravel/maptrifold/maptrifold.tsx","../src/components/icons/mapandtravel/path/path.tsx","../src/components/icons/mapandtravel/roadhorizon/roadhorizon.tsx","../src/components/icons/mapandtravel/steeringwheel/steeringwheel.tsx","../src/components/icons/mapandtravel/swimmingpool/swimmingpool.tsx","../src/components/icons/mapandtravel/tram/tram.tsx","../src/components/icons/mapandtravel/van/van.tsx","../src/components/icons/mathsandfinance/calculator/calculator.tsx","../src/components/icons/mathsandfinance/chartbar/chartbar.tsx","../src/components/icons/mathsandfinance/chartbarhorizontal/chartbarhorizontal.tsx","../src/components/icons/mathsandfinance/chartline/chartline.tsx","../src/components/icons/mathsandfinance/chartlineup/chartlineup.tsx","../src/components/icons/mathsandfinance/chartpie/chartpie.tsx","../src/components/icons/mathsandfinance/minus/minus.tsx","../src/components/icons/mathsandfinance/minuscircle/minuscircle.tsx","../src/components/icons/mathsandfinance/numbersquarethree/numbersquarethree.tsx","../src/components/icons/mathsandfinance/plus/plus.tsx","../src/components/icons/mathsandfinance/pluscircle/pluscircle.tsx","../src/components/icons/mathsandfinance/xicon/xicon.tsx","../src/components/icons/media/camera/camera.tsx","../src/components/icons/media/discoball/discoball.tsx","../src/components/icons/media/filmstrip/filmstrip.tsx","../src/components/icons/media/microphone/microphone.tsx","../src/components/icons/media/musicnotes/musicnotes.tsx","../src/components/icons/media/playcircle/playcircle.tsx","../src/components/icons/media/slidershorizontal/slidershorizontal.tsx","../src/components/icons/media/stopcircle/stopcircle.tsx","../src/components/icons/media/videocamera/videocamera.tsx","../src/components/icons/officeandediting/buildinfoffice/buildingoffice.tsx","../src/components/icons/officeandediting/copy/copy.tsx","../src/components/icons/officeandediting/filetext/filetext.tsx","../src/components/icons/officeandediting/files/files.tsx","../src/components/icons/officeandediting/floppydisk/floppydisk.tsx","../src/components/icons/officeandediting/folder/folder.tsx","../src/components/icons/officeandediting/foldersimpleplus/foldersimpleplus.tsx","../src/components/icons/officeandediting/folders/folders.tsx","../src/components/icons/officeandediting/list/list.tsx","../src/components/icons/officeandediting/listbullets/listbullets.tsx","../src/components/icons/officeandediting/listdashes/listdashes.tsx","../src/components/icons/officeandediting/printer/printer.tsx","../src/components/icons/officeandediting/textaa/textaa.tsx","../src/components/icons/officeandediting/textcolumns/textcolumns.tsx","../src/components/icons/officeandediting/trash/trash.tsx","../src/components/icons/officeandediting/trashsimple/trashsimple.tsx","../src/components/icons/people/person/person.tsx","../src/components/icons/people/personarmsspread/personarmsspread.tsx","../src/components/icons/people/personsimplebike/personsimplebike.tsx","../src/components/icons/people/personsimpleski/personsimpleski.tsx","../src/components/icons/people/personsimplewalk/personsimplewalk.tsx","../src/components/icons/people/user/user.tsx","../src/components/icons/people/usercircle/usercircle.tsx","../src/components/icons/people/userswitch/userswitch.tsx","../src/components/icons/people/users/users.tsx","../src/components/icons/securityandwarnings/info/info.tsx","../src/components/icons/securityandwarnings/key/key.tsx","../src/components/icons/securityandwarnings/lockkeyopen/lockkeyopen.tsx","../src/components/icons/securityandwarnings/locksimple/locksimple.tsx","../src/components/icons/securityandwarnings/question/question.tsx","../src/components/icons/securityandwarnings/shieldcheck/shieldcheck.tsx","../src/components/icons/securityandwarnings/warningcircle/warningcircle.tsx","../src/components/icons/systemanddevice/bell/bell.tsx","../src/components/icons/systemanddevice/check/check.tsx","../src/components/icons/systemanddevice/checksquare/checksquare.tsx","../src/components/icons/systemanddevice/cloudcheck/cloudcheck.tsx","../src/components/icons/systemanddevice/desktop/desktop.tsx","../src/components/icons/systemanddevice/devicemobile/devicemobile.tsx","../src/components/icons/systemanddevice/dotsixvertical/dotsixvertical.tsx","../src/components/icons/systemanddevice/dotssix/dotssix.tsx","../src/components/icons/systemanddevice/dotsthree/dotsthree.tsx","../src/components/icons/systemanddevice/dotsthreevertical/dotsthreevertical.tsx","../src/components/icons/systemanddevice/downloadsimple/downloadsimple.tsx","../src/components/icons/systemanddevice/gear/gear.tsx","../src/components/icons/systemanddevice/link/link.tsx","../src/components/icons/systemanddevice/magnifyingglass/magnifyingglass.tsx","../src/components/icons/systemanddevice/radiobuttonicon/radiobuttonicon.tsx","../src/components/icons/systemanddevice/signin/signin.tsx","../src/components/icons/systemanddevice/signout/signout.tsx","../src/components/icons/systemanddevice/toggleleft/toggleleft.tsx","../src/components/icons/systemanddevice/toggleright/toggleright.tsx","../src/components/icons/time/calendar/calendar.tsx","../src/components/icons/time/calendarbank/calendarbank.tsx","../src/components/icons/time/calendarcheck/calendarcheck.tsx","../src/components/icons/time/calendardots/calendardots.tsx","../src/components/icons/time/clock/clock.tsx","../src/components/icons/time/clockcounterclockwise/clockcounterclockwise.tsx","../src/components/icons/weatherandnature/bird/bird.tsx","../src/components/icons/weatherandnature/campfire/campfire.tsx","../src/components/icons/weatherandnature/cloudsun/cloudsun.tsx","../src/components/icons/weatherandnature/cow/cow.tsx","../src/components/icons/weatherandnature/dog/dog.tsx","../src/components/icons/weatherandnature/fishsimple/fishsimple.tsx","../src/components/icons/weatherandnature/flower/flower.tsx","../src/components/icons/weatherandnature/moon/moon.tsx","../src/components/icons/weatherandnature/mountains/mountains.tsx","../src/components/icons/weatherandnature/plant/plant.tsx","../src/components/icons/weatherandnature/snowflake/snowflake.tsx","../src/components/icons/weatherandnature/sparkle/sparkle.tsx","../src/components/icons/weatherandnature/sun/sun.tsx","../src/components/icons/weatherandnature/tree/tree.tsx","../src/components/layout/index.ts","../src/components/layout/footer/footer.tsx","../src/components/layout/footer/footerbottom.tsx","../src/components/layout/footer/footerbottomleft.tsx","../src/components/layout/footer/footerbottomleftprops.tsx","../src/components/layout/footer/footerbottomprops.tsx","../src/components/layout/footer/footerbottomright.tsx","../src/components/layout/footer/footerbottomrightprops.tsx","../src/components/layout/footer/footeritem.tsx","../src/components/layout/footer/footeritemprops.tsx","../src/components/layout/footer/footermiddle.tsx","../src/components/layout/footer/footermiddleprops.tsx","../src/components/layout/footer/footerprops.tsx","../src/components/layout/footer/footertop.tsx","../src/components/layout/footer/footertopprops.tsx","../src/components/layout/footer/footer-bg-design.tsx","../src/components/layout/header/header.tsx","../src/components/layout/header/headerprops.tsx","../src/components/layout/header/headerright.tsx","../src/components/layout/header/headerrightitem.tsx","../src/components/layout/header/headerrightitemprops.tsx","../src/components/layout/header/headerrightprops.tsx","../src/components/layout/header/magnifyingglass/magnifyingglass.tsx","../src/components/layout/header/megamenu/megamenu.tsx","../src/components/layout/header/megamenu/megamenuprops.tsx","../src/components/layout/header/mobilenavigation/mobilenavigation.tsx","../src/components/layout/header/mobilenavigation/mobilenavigationitem.tsx","../src/components/layout/header/mobilenavigation/mobilenavigationitemprops.tsx","../src/components/layout/header/mobilenavigation/mobilenavigationprops.tsx","../src/components/layout/header/mobilenavigation/mobilewhatuoverlay.tsx","../src/components/layout/header/mobilenavigation/mobilesubnavigation/mobilesubnavigation.tsx","../src/components/layout/header/mobilenavigation/mobilesubnavigation/mobilesubnavigationitem.tsx","../src/components/layout/header/mobilenavigation/mobilesubnavigation/mobilesubnavigationitemprops.tsx","../src/components/layout/header/mobilenavigation/mobilesubnavigation/mobilesubnavigationprops.tsx","../src/components/layout/herobanner/herobanner.tsx","../src/components/layout/herobanner/herobannerprops.tsx","../src/components/layout/herobanner/largeheroicon.tsx","../src/components/shared/index.ts","../src/components/shared/container/container.tsx","../src/components/shared/container/containerprops.tsx","../src/components/shared/elementholder/elementholder.tsx","../src/components/shared/elementholder/elementholderprops.tsx","../src/components/shared/hook/usescrollfadein/usescrollfadein.tsx","../src/components/shared/pillaricon/pillaricon.tsx","../src/components/shared/pillaricon/pillariconsprops.tsx","../src/components/shared/pillarlogo/pillarlogo.tsx","../src/components/shared/scrollfadein/scrollfadein.tsx"],"version":"5.9.3"}