@windstream/react-shared-components 0.1.7 → 0.1.9

package/src/contentful/blocks/primary-hero/index.tsx

@@ -30,7 +30,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
   const bottomLinkLabel = bottomLink?.buttonLabel ?? bottomLink?.label;
 
   return (
-    <div className="component-container p-5 lg:h-[724px] lg:p-0">
+    <div className="component-container p-5 lg:min-h-[724px] lg:p-0">
       <div
         className={cx(
           "primary-hero-container mx-auto flex flex-col sm:items-center sm:text-center lg:h-full lg:max-w-120 lg:flex-row lg:items-center lg:justify-between lg:gap-4 lg:px-4 lg:text-left"
@@ -55,7 +55,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
 
             {/* price callout */}
             {price ? (
-              <div className="flex">
+              <div className="flex sm:justify-center sm:text-left lg:justify-start">
                 <div className="mr-2 mt-0.5">
                   {priceCallout
                     ? priceCallout.split("|").map((line, index) => (
@@ -84,7 +84,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
             {/* checklist */}
             {checklist && (
               <Checklist
-                listItemClassName="text-white body2"
+                listItemClassName="text-white body2 text-left"
                 items={checklist.map(item => item.title)}
               />
             )}
@@ -93,7 +93,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
             <div className="flex flex-col gap-3">
               {/* desktop CTA */}
               {primaryCta1 && (
-                <div className={cx("hidden lg:flex lg:flex-col")}>
+                <div className={cx("hidden md:flex md:flex-col")}>
                   <Button
                     {...primaryCta1}
                     renderCheckPlans={renderCheckPlans}
@@ -103,7 +103,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
               )}
 
               {secondaryCtaPrefix || secondaryCta ? (
-                <div className="flex">
+                <div className="hidden md:flex">
                   {secondaryCtaPrefix && (
                     <Text as="span" className="body2 mr-1">
                       {secondaryCtaPrefix}
@@ -121,7 +121,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
 
               {/* desktop bottom link */}
               {bottomLink && (bottomLinkLabel || bottomLink?.href) && (
-                <div className="hidden lg:block">
+                <div className="hidden md:block">
                   <Button
                     {...bottomLink}
                     linkClassName="text-footnote text-white"
@@ -131,7 +131,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
               )}
 
               {pricingDescriptionDisclaimer ? (
-                <Text as="p" className="body3">
+                <Text as="p" className="body3 hidden md:block">
                   {pricingDescriptionDisclaimer}
                 </Text>
               ) : null}
@@ -156,7 +156,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
               <NextImage
                 src={carouselImages[0]}
                 alt={"Hero"}
-                className="aspect-[1.71:1] sm:aspect-[1.41:1] rounded-[40px] object-cover object-center sm:h-[420px]"
+                className="aspect-[1.71:1] sm:aspect-[1.41:1] w-full rounded-[40px] object-cover object-center sm:h-[420px]"
                 width={350}
                 height={205}
                 loading="eager"
@@ -165,7 +165,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
           </div>
 
           {bottomLink && (bottomLinkLabel || bottomLink?.href) && (
-            <div>
+            <div className="md:hidden">
               <Button
                 {...bottomLink}
                 onModalButtonClick={onModalButtonClick}
@@ -175,13 +175,13 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
           )}
 
           {pricingDescriptionDisclaimer ? (
-            <Text as="p" className="body3">
+            <Text as="p" className="body3 md:hidden">
               {pricingDescriptionDisclaimer}
             </Text>
           ) : null}
 
           {secondaryCtaPrefix || secondaryCta ? (
-            <div className="flex">
+            <div className="flex md:hidden">
               {secondaryCtaPrefix && (
                 <Text as="span" className="body2 mr-1">
                   {secondaryCtaPrefix}

package/src/contentful/index.ts

@@ -67,3 +67,9 @@ export type { BreadcrumbNavigationProps } from "./blocks/breadcrumbs/types";
 
 export { SearchBlock } from "./blocks/search-block";
 export type { SearchBlockProps } from "./blocks/search-block/types";
+
+export { AddressInputBanner } from "./blocks/address-input-banner";
+export type { AddressInputBannerProps } from "./blocks/address-input-banner/types";
+
+export { DynamicTabs } from "./blocks/dynamic-tabs";
+export type { DynamicTabsT } from "./blocks/dynamic-tabs/types";