@windstream/react-shared-components 0.0.15 → 0.0.16
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.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/package.json +1 -1
- package/src/contentful/blocks/cta-callout/index.tsx +22 -19
- package/src/contentful/blocks/footer/index.tsx +51 -48
package/dist/core.d.ts
CHANGED
|
@@ -295,7 +295,7 @@ type ButtonCustomProps = {
|
|
|
295
295
|
};
|
|
296
296
|
type ButtonProps = ButtonCustomProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
|
|
297
297
|
|
|
298
|
-
declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
298
|
+
declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
299
299
|
|
|
300
300
|
declare const Checklist: React__default.FC<ChecklistProps>;
|
|
301
301
|
|
package/dist/index.d.ts
CHANGED
|
@@ -59,7 +59,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
|
|
|
59
59
|
size?: "slim" | "medium" | "large" | undefined;
|
|
60
60
|
label?: string | undefined;
|
|
61
61
|
errorText?: string | undefined;
|
|
62
|
-
prefixIconName?: "
|
|
62
|
+
prefixIconName?: "search" | "location_on" | undefined;
|
|
63
63
|
prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
|
|
64
64
|
prefixIconFill?: boolean | undefined;
|
|
65
65
|
suffixIconFill?: boolean | undefined;
|
|
@@ -295,7 +295,7 @@ type ButtonCustomProps = {
|
|
|
295
295
|
};
|
|
296
296
|
type ButtonProps = ButtonCustomProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
|
|
297
297
|
|
|
298
|
-
declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
298
|
+
declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
299
299
|
|
|
300
300
|
declare const Checklist: React__default.FC<ChecklistProps>;
|
|
301
301
|
|
package/package.json
CHANGED
|
@@ -25,28 +25,31 @@ export const CtaCallout: React.FC<CtaCalloutProps> = ({
|
|
|
25
25
|
navy: "bg-[#00002D]",
|
|
26
26
|
};
|
|
27
27
|
return (
|
|
28
|
-
<div
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
<Text
|
|
32
|
-
as={enableHeading ? "h1" : "h2"}
|
|
33
|
-
className={`heading2 lg:heading1 text-${contentAlignment}`}
|
|
28
|
+
<div className={`${bgColorClasses[background]} component-container`}>
|
|
29
|
+
<div
|
|
30
|
+
className={`${maxWidth ? "mx-auto max-w-120" : ""} flex flex-col text-${color} px-5 py-16 lg:px-13 lg:py-24 `}
|
|
34
31
|
>
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
<
|
|
32
|
+
<Text
|
|
33
|
+
as={enableHeading ? "h1" : "h2"}
|
|
34
|
+
className={`heading2 lg:heading1 text-${contentAlignment}`}
|
|
35
|
+
>
|
|
36
|
+
{title}
|
|
37
|
+
</Text>
|
|
38
|
+
<Text
|
|
39
|
+
as="h3"
|
|
40
|
+
className={`subheading3 pt-2 lg:pt-3 lg:subheading1 text-${contentAlignment}`}
|
|
41
|
+
>
|
|
42
|
+
{subTitle}
|
|
43
|
+
</Text>
|
|
44
|
+
<div className={`text-body1 pt-2 lg:pt-3 text-${descriptionAlignment}`}>
|
|
45
|
+
{description}
|
|
46
|
+
</div>
|
|
47
|
+
<div className="pt-5 lg:pt-14 flex justify-center ">
|
|
48
|
+
<Button {...button} />
|
|
49
|
+
</div>
|
|
48
50
|
</div>
|
|
49
51
|
</div>
|
|
52
|
+
|
|
50
53
|
);
|
|
51
54
|
};
|
|
52
55
|
export default CtaCallout;
|
|
@@ -10,60 +10,63 @@ export const Footer: React.FC<FooterProps> = ({
|
|
|
10
10
|
maxWidth = true,
|
|
11
11
|
}) => {
|
|
12
12
|
return (
|
|
13
|
-
<div
|
|
14
|
-
className={` ${maxWidth ? "mx-auto max-w-120" : ""} px-5 py-8 lg:px-[120px] lg:py-18`}
|
|
15
|
-
>
|
|
16
|
-
<div>{body}</div>
|
|
13
|
+
<div className="component-container bg-bg-surface-inverse text-white">
|
|
17
14
|
<div
|
|
18
|
-
className={
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
15
|
+
className={` ${maxWidth ? "mx-auto max-w-120" : ""} px-5 py-8 lg:px-[120px] lg:py-18`}
|
|
16
|
+
>
|
|
17
|
+
<div>{body}</div>
|
|
18
|
+
<div
|
|
19
|
+
className={
|
|
20
|
+
"bg-white h-[1px] border-t-0 opacity-100 dark:opacity-50 my-8 lg:my-16"
|
|
21
|
+
}
|
|
22
|
+
/>
|
|
23
|
+
<div className="grid-1 grid gap-8 md:grid-cols-2 lg:grid-cols-4 py-8">
|
|
24
|
+
{links?.map((link: any, index: number) => (
|
|
25
|
+
<>
|
|
26
|
+
<div className="site-links-group" key={`link-group-${index}`}>
|
|
27
|
+
<div>{link?.title}</div>
|
|
28
|
+
<div className="flex flex-col">
|
|
29
|
+
{link?.itemsCollection?.items?.map(
|
|
30
|
+
(site: any, _index: number) => (
|
|
31
|
+
<div className="pt-3" key={`site-links-${_index}`}>
|
|
32
|
+
<Button {...site} />
|
|
33
|
+
</div>
|
|
34
|
+
),
|
|
35
|
+
)}
|
|
36
|
+
</div>
|
|
35
37
|
</div>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
/>
|
|
42
|
-
</>
|
|
43
|
-
))}
|
|
44
|
-
</div>
|
|
45
|
-
|
|
46
|
-
<div className="pt-8">
|
|
47
|
-
<p className="copy-rights">{copyrights}</p>
|
|
48
|
-
<p className="terms-text text-sm font-normal ">
|
|
49
|
-
© {new Date().getFullYear()} {terms}
|
|
50
|
-
</p>
|
|
51
|
-
<ul className="bottom-links list-none">
|
|
52
|
-
{bottomLinks?.map((link: any, index: number) => (
|
|
53
|
-
<li
|
|
54
|
-
key={`links-${index}`}
|
|
55
|
-
className="relative float-left pl-[8px] first-of-type:pl-0 first-of-type:before:content-[''] before:content-['•'] before:absolute before:left-[3px] before:top-1/2 before:-translate-y-1/2 before:text-[14px]"
|
|
56
|
-
>
|
|
57
|
-
<Button
|
|
58
|
-
{...link}
|
|
59
|
-
className="text-sm font-normal"
|
|
60
|
-
linkVariant="unstyled"
|
|
38
|
+
<div
|
|
39
|
+
className={
|
|
40
|
+
"bg-white h-[1px] border-t-0 opacity-100 dark:opacity-50 block md:hidden "
|
|
41
|
+
}
|
|
61
42
|
/>
|
|
62
|
-
|
|
43
|
+
</>
|
|
63
44
|
))}
|
|
64
|
-
</
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
<div className="pt-8">
|
|
48
|
+
<p className="copy-rights">{copyrights}</p>
|
|
49
|
+
<p className="terms-text text-sm font-normal ">
|
|
50
|
+
© {new Date().getFullYear()} {terms}
|
|
51
|
+
</p>
|
|
52
|
+
<ul className="bottom-links list-none">
|
|
53
|
+
{bottomLinks?.map((link: any, index: number) => (
|
|
54
|
+
<li
|
|
55
|
+
key={`links-${index}`}
|
|
56
|
+
className="relative float-left pl-[8px] first-of-type:pl-0 first-of-type:before:content-[''] before:content-['•'] before:absolute before:left-[3px] before:top-1/2 before:-translate-y-1/2 before:text-[14px]"
|
|
57
|
+
>
|
|
58
|
+
<Button
|
|
59
|
+
{...link}
|
|
60
|
+
className="text-sm font-normal"
|
|
61
|
+
linkVariant="unstyled"
|
|
62
|
+
/>
|
|
63
|
+
</li>
|
|
64
|
+
))}
|
|
65
|
+
</ul>
|
|
66
|
+
</div>
|
|
65
67
|
</div>
|
|
66
68
|
</div>
|
|
69
|
+
|
|
67
70
|
);
|
|
68
71
|
};
|
|
69
72
|
|