@windstream/react-shared-components 0.2.53 → 0.2.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/contentful/index.d.ts +1 -0
- package/dist/contentful/index.esm.js +1 -1
- package/dist/contentful/index.esm.js.map +1 -1
- package/dist/contentful/index.js +1 -1
- package/dist/contentful/index.js.map +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/precisely-address-autocomplete/index.tsx +2 -2
- package/src/contentful/blocks/award-marquee/AwardMarquee.stories.tsx +50 -50
- package/src/contentful/blocks/award-marquee/index.test.tsx +86 -86
- package/src/contentful/blocks/award-marquee/index.tsx +110 -110
- package/src/contentful/blocks/award-marquee/types.ts +19 -19
- package/src/contentful/blocks/fiber-form/index.test.tsx +97 -0
- package/src/contentful/blocks/fiber-form/index.tsx +13 -6
- package/src/contentful/blocks/primary-hero/index.test.tsx +28 -3
- package/src/contentful/blocks/primary-hero/index.tsx +31 -10
- package/src/contentful/blocks/primary-hero/types.ts +1 -0
- package/src/styles/globals.css +21 -0
|
@@ -27,6 +27,7 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
27
27
|
secondaryCta,
|
|
28
28
|
secondaryCtaPrefix,
|
|
29
29
|
onModalButtonClick,
|
|
30
|
+
onImageClick,
|
|
30
31
|
hideOnMobileCta1,
|
|
31
32
|
hideOnMobileCta2,
|
|
32
33
|
textColor = "light",
|
|
@@ -67,7 +68,8 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
67
68
|
<NextImage
|
|
68
69
|
src={badgeImageUrl}
|
|
69
70
|
alt="Badge"
|
|
70
|
-
className={className}
|
|
71
|
+
className={cx(className, onImageClick && "cursor-pointer")}
|
|
72
|
+
onClick={onImageClick}
|
|
71
73
|
width={208}
|
|
72
74
|
height={208}
|
|
73
75
|
quality={90}
|
|
@@ -250,9 +252,13 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
250
252
|
)}
|
|
251
253
|
{secondaryCtaPrefix || secondaryCta ? (
|
|
252
254
|
<div className="hidden lg:flex">
|
|
253
|
-
{secondaryCtaPrefix &&
|
|
254
|
-
|
|
255
|
-
|
|
255
|
+
{secondaryCtaPrefix &&
|
|
256
|
+
secondaryCta?.preDefinedFunctionExecution !==
|
|
257
|
+
"check availability" && (
|
|
258
|
+
<Text as="span" className="body2 mr-1">
|
|
259
|
+
{secondaryCtaPrefix}
|
|
260
|
+
</Text>
|
|
261
|
+
)}
|
|
256
262
|
{secondaryCta && (
|
|
257
263
|
<Button
|
|
258
264
|
{...secondaryCta}
|
|
@@ -304,7 +310,11 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
304
310
|
<NextImage
|
|
305
311
|
src={badgeImageUrl || ""}
|
|
306
312
|
alt={"Badge"}
|
|
307
|
-
className=
|
|
313
|
+
className={cx(
|
|
314
|
+
"absolute left-5 top-5 aspect-square w-26 object-cover object-center",
|
|
315
|
+
onImageClick && "cursor-pointer"
|
|
316
|
+
)}
|
|
317
|
+
onClick={onImageClick}
|
|
308
318
|
width={104}
|
|
309
319
|
height={104}
|
|
310
320
|
quality={90}
|
|
@@ -315,7 +325,11 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
315
325
|
<NextImage
|
|
316
326
|
src={heroImageUrl}
|
|
317
327
|
alt={"Hero"}
|
|
318
|
-
className=
|
|
328
|
+
className={cx(
|
|
329
|
+
"h-[205px] w-full rounded-[40px] object-cover object-center sm:h-[420px]",
|
|
330
|
+
onImageClick && "cursor-pointer"
|
|
331
|
+
)}
|
|
332
|
+
onClick={onImageClick}
|
|
319
333
|
width={1024}
|
|
320
334
|
height={600}
|
|
321
335
|
sizes="100vw"
|
|
@@ -331,9 +345,12 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
331
345
|
<div
|
|
332
346
|
className={`flex flex-wrap items-center ${textColorClass} lg:hidden`}
|
|
333
347
|
>
|
|
334
|
-
{secondaryCtaPrefix &&
|
|
335
|
-
|
|
336
|
-
|
|
348
|
+
{secondaryCtaPrefix &&
|
|
349
|
+
!secondaryCta?.preDefinedFunctionExecution && (
|
|
350
|
+
<Text as="span" className="body2 mr-1">
|
|
351
|
+
{secondaryCtaPrefix}
|
|
352
|
+
</Text>
|
|
353
|
+
)}
|
|
337
354
|
{secondaryCta && (
|
|
338
355
|
<Button
|
|
339
356
|
{...secondaryCta}
|
|
@@ -369,7 +386,11 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
|
|
|
369
386
|
<NextImage
|
|
370
387
|
src={heroImageUrl}
|
|
371
388
|
alt={"Hero"}
|
|
372
|
-
className=
|
|
389
|
+
className={cx(
|
|
390
|
+
"aspect-square rounded-[40px] object-cover object-center",
|
|
391
|
+
onImageClick && "cursor-pointer"
|
|
392
|
+
)}
|
|
393
|
+
onClick={onImageClick}
|
|
373
394
|
width={584}
|
|
374
395
|
height={584}
|
|
375
396
|
quality={90}
|
package/src/styles/globals.css
CHANGED
|
@@ -319,6 +319,27 @@
|
|
|
319
319
|
|
|
320
320
|
/* Component-specific styles */
|
|
321
321
|
@layer components {
|
|
322
|
+
.fiber-form {
|
|
323
|
+
container-type: inline-size;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.fiber-form-tooltip::after {
|
|
327
|
+
right: auto !important;
|
|
328
|
+
left: 50% !important;
|
|
329
|
+
box-sizing: border-box !important;
|
|
330
|
+
width: min(270px, calc(100cqw - 32px)) !important;
|
|
331
|
+
transform: translate(-50%, calc(-100% - 10px)) !important;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
@container (min-width: 640px) {
|
|
335
|
+
.fiber-form-tooltip::after {
|
|
336
|
+
right: auto !important;
|
|
337
|
+
left: -145px !important;
|
|
338
|
+
width: 375px !important;
|
|
339
|
+
transform: translate(-50%, calc(-100% - 10px)) !important;
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
|
|
322
343
|
/* Blinking dot animation */
|
|
323
344
|
@keyframes blink {
|
|
324
345
|
0%,
|