@phillips/seldon 1.64.0 → 1.66.0
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/components/Carousel/CarouselItem.js +7 -7
- package/dist/components/Modal/Modal.d.ts +4 -0
- package/dist/components/Modal/Modal.js +28 -26
- package/dist/components/Text/Text.d.ts +1 -2
- package/dist/components/Text/Text.js +13 -23
- package/dist/components/TextSymbol/TextSymbol.d.ts +9 -0
- package/dist/components/TextSymbol/TextSymbol.js +11 -0
- package/dist/components/TextSymbol/index.d.ts +2 -0
- package/dist/components/TextSymbol/types.d.ts +4 -0
- package/dist/components/TextSymbol/types.js +4 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +76 -72
- package/dist/patterns/Subscribe/Subscribe.d.ts +1 -1
- package/dist/patterns/Subscribe/Subscribe.js +40 -38
- package/dist/scss/componentStyles.scss +1 -0
- package/dist/scss/components/Dropdown/_dropdown.scss +2 -1
- package/dist/scss/components/Input/_input.scss +3 -1
- package/dist/scss/components/Text/_text.scss +0 -5
- package/dist/scss/components/TextSymbol/_textSymbol.scss +14 -0
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import l from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { forwardRef as i } from "react";
|
|
4
|
-
import { getCommonProps as
|
|
5
|
-
import { useCarousel as
|
|
6
|
-
const u = i(({ className:
|
|
7
|
-
const { className:
|
|
4
|
+
import { getCommonProps as c } from "../../utils/index.js";
|
|
5
|
+
import { useCarousel as n } from "./utils.js";
|
|
6
|
+
const u = i(({ className: r, ...o }, s) => {
|
|
7
|
+
const { className: e, ...a } = c(o, "Carousel"), { columnGap: m } = n();
|
|
8
8
|
return /* @__PURE__ */ t(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
11
|
ref: s,
|
|
12
|
-
role: "group",
|
|
12
|
+
role: o.onClick ? "button" : "group",
|
|
13
13
|
"aria-roledescription": "slide",
|
|
14
|
-
className: l(`${
|
|
15
|
-
[`${
|
|
14
|
+
className: l(`${e}-item`, r, {
|
|
15
|
+
[`${e}-item--gap-${m}`]: !!m
|
|
16
16
|
}),
|
|
17
17
|
...o,
|
|
18
18
|
...a
|
|
@@ -1,49 +1,51 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as f, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import t from "../../node_modules/classnames/index.js";
|
|
3
|
-
import { getCommonProps as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
3
|
+
import { getCommonProps as p, noOp as u } from "../../utils/index.js";
|
|
4
|
+
import y from "../../assets/close.svg.js";
|
|
5
|
+
import l from "../../node_modules/react-modal/lib/index.js";
|
|
6
|
+
import C from "../IconButton/IconButton.js";
|
|
7
7
|
import { ButtonVariants as v } from "../Button/types.js";
|
|
8
|
-
const
|
|
9
|
-
children:
|
|
10
|
-
className:
|
|
8
|
+
const g = ({
|
|
9
|
+
children: m,
|
|
10
|
+
className: n,
|
|
11
11
|
isOpen: o = !1,
|
|
12
|
-
onClose:
|
|
13
|
-
appElementSelector:
|
|
14
|
-
...
|
|
12
|
+
onClose: a = u,
|
|
13
|
+
appElementSelector: d = "main",
|
|
14
|
+
...r
|
|
15
15
|
}) => {
|
|
16
16
|
if (!o)
|
|
17
17
|
return null;
|
|
18
|
-
const { className:
|
|
19
|
-
return
|
|
20
|
-
|
|
18
|
+
const { className: e, "data-testid": i, ...c } = p(r, "Modal");
|
|
19
|
+
return l.setAppElement(d), /* @__PURE__ */ f(
|
|
20
|
+
l,
|
|
21
21
|
{
|
|
22
|
-
...
|
|
22
|
+
...c,
|
|
23
23
|
isOpen: o,
|
|
24
|
-
onRequestClose:
|
|
25
|
-
className: t(
|
|
26
|
-
overlayClassName: t(`${
|
|
24
|
+
onRequestClose: a,
|
|
25
|
+
className: t(e, n),
|
|
26
|
+
overlayClassName: t(`${e}__overlay`),
|
|
27
27
|
ariaHideApp: o,
|
|
28
|
-
testId:
|
|
29
|
-
|
|
28
|
+
testId: i,
|
|
29
|
+
onAfterOpen: () => document.body.style.overflow = "hidden",
|
|
30
|
+
onAfterClose: () => document.body.style.overflow = "unset",
|
|
31
|
+
...r,
|
|
30
32
|
children: [
|
|
31
33
|
/* @__PURE__ */ s(
|
|
32
|
-
|
|
34
|
+
C,
|
|
33
35
|
{
|
|
34
36
|
id: "modal-button",
|
|
35
|
-
onClick:
|
|
37
|
+
onClick: a,
|
|
36
38
|
"aria-label": "Close Modal",
|
|
37
|
-
className: t(`${
|
|
39
|
+
className: t(`${e}__close`),
|
|
38
40
|
variant: v.tertiary,
|
|
39
|
-
children: /* @__PURE__ */ s(
|
|
41
|
+
children: /* @__PURE__ */ s(y, {})
|
|
40
42
|
}
|
|
41
43
|
),
|
|
42
|
-
|
|
44
|
+
m
|
|
43
45
|
]
|
|
44
46
|
}
|
|
45
47
|
);
|
|
46
48
|
};
|
|
47
49
|
export {
|
|
48
|
-
|
|
50
|
+
g as default
|
|
49
51
|
};
|
|
@@ -9,7 +9,6 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
9
9
|
* The OOTB style to apply to the text
|
|
10
10
|
*/
|
|
11
11
|
variant?: TextVariants;
|
|
12
|
-
superScript?: string;
|
|
13
12
|
}
|
|
14
13
|
/**
|
|
15
14
|
* ## Overview
|
|
@@ -20,5 +19,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
20
19
|
*
|
|
21
20
|
* [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
|
|
22
21
|
*/
|
|
23
|
-
declare const Text: ({ children, className, element: CustomElement, variant,
|
|
22
|
+
declare const Text: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
23
|
export default Text;
|
|
@@ -1,30 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { getCommonProps as
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { getCommonProps as c } from "../../utils/index.js";
|
|
3
3
|
import { TextVariants as f } from "./types.js";
|
|
4
|
-
import { determineDefaultTextElement as
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
variant: e = f.body2,
|
|
11
|
-
superScript: m = "",
|
|
12
|
-
...s
|
|
13
|
-
}) => {
|
|
14
|
-
const l = n || d(e), { className: t, ...c } = x(s, "Text");
|
|
15
|
-
return /* @__PURE__ */ i(
|
|
16
|
-
l,
|
|
4
|
+
import { determineDefaultTextElement as i, determineTextClassName as p } from "./utils.js";
|
|
5
|
+
import x from "../../node_modules/classnames/index.js";
|
|
6
|
+
const b = ({ children: t, className: o, element: s, variant: e = f.body2, ...m }) => {
|
|
7
|
+
const r = s || i(e), { className: a, ...n } = c(m, "Text");
|
|
8
|
+
return /* @__PURE__ */ l(
|
|
9
|
+
r,
|
|
17
10
|
{
|
|
18
|
-
...
|
|
19
|
-
className:
|
|
20
|
-
...
|
|
21
|
-
children:
|
|
22
|
-
r,
|
|
23
|
-
m ? /* @__PURE__ */ p("span", { className: o(`${t}--super-script`), children: m }) : null
|
|
24
|
-
]
|
|
11
|
+
...n,
|
|
12
|
+
className: x(a, o, p(e)),
|
|
13
|
+
...m,
|
|
14
|
+
children: t
|
|
25
15
|
}
|
|
26
16
|
);
|
|
27
17
|
};
|
|
28
18
|
export {
|
|
29
|
-
|
|
19
|
+
b as default
|
|
30
20
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TextSymbolVariants } from './types';
|
|
2
|
+
export interface TextSymbolProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
+
/**
|
|
4
|
+
* The varian of the text symbol which will determine the position and spacing
|
|
5
|
+
*/
|
|
6
|
+
variant?: TextSymbolVariants;
|
|
7
|
+
}
|
|
8
|
+
declare const TextSymbol: ({ children, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default TextSymbol;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import l from "../../node_modules/classnames/index.js";
|
|
3
|
+
import { getCommonProps as n } from "../../utils/index.js";
|
|
4
|
+
import { TextSymbolVariants as c } from "./types.js";
|
|
5
|
+
const x = ({ children: s, variant: t = c.lotNumber, className: a, ...m }) => {
|
|
6
|
+
const { className: o, ...r } = n(m, "TextSymbol");
|
|
7
|
+
return /* @__PURE__ */ e("span", { ...r, className: l(o, a, `${o}--${t}`), ...m, children: s });
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
x as default
|
|
11
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export { default as Drawer } from './components/Drawer/Drawer';
|
|
|
32
32
|
export { default as Pagination, type PaginationProps } from './components/Pagination/Pagination';
|
|
33
33
|
export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
|
|
34
34
|
export * from './components/Text';
|
|
35
|
+
export * from './components/TextSymbol';
|
|
35
36
|
export * from './components/Accordion';
|
|
36
37
|
export { default as UserManagement, type UserManagementProps } from './patterns/UserManagement/UserManagement';
|
|
37
38
|
export { AuthState } from './patterns/UserManagement/types';
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { PaddingTokens as f, SpacingTokens as
|
|
2
|
-
import { default as
|
|
1
|
+
import { PaddingTokens as f, SpacingTokens as l, defaultYear as p, emailValidation as s, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
|
|
2
|
+
import { default as C } from "./pages/Page.js";
|
|
3
3
|
import { default as P } from "./components/Button/Button.js";
|
|
4
|
-
import { ButtonVariants as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
4
|
+
import { ButtonVariants as b } from "./components/Button/types.js";
|
|
5
|
+
import { default as k } from "./components/IconButton/IconButton.js";
|
|
6
|
+
import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
7
7
|
import { default as h } from "./site-furniture/Footer/Footer.js";
|
|
8
8
|
import { Grid as w } from "./components/Grid/Grid.js";
|
|
9
|
-
import { default as
|
|
9
|
+
import { default as A } from "./site-furniture/Header/Header.js";
|
|
10
10
|
import { default as G } from "./components/Navigation/Navigation.js";
|
|
11
11
|
import { default as H } from "./components/Navigation/NavigationItem/NavigationItem.js";
|
|
12
12
|
import { default as O } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
|
|
@@ -20,68 +20,70 @@ import { default as _ } from "./components/LinkList/LinkList.js";
|
|
|
20
20
|
import { default as ee } from "./components/Row/Row.js";
|
|
21
21
|
import { default as re } from "./components/GridItem/GridItem.js";
|
|
22
22
|
import { GridItemAlign as ae } from "./components/GridItem/types.js";
|
|
23
|
-
import { default as
|
|
23
|
+
import { default as le } from "./components/Search/Search.js";
|
|
24
24
|
import { default as se } from "./components/Select/Select.js";
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import { SubscriptionState as
|
|
25
|
+
import { default as de } from "./components/SplitPanel/SplitPanel.js";
|
|
26
|
+
import { default as xe } from "./patterns/Subscribe/Subscribe.js";
|
|
27
|
+
import { SubscriptionState as ne } from "./patterns/Subscribe/types.js";
|
|
28
28
|
import { default as ce } from "./patterns/Social/Social.js";
|
|
29
|
-
import { default as
|
|
29
|
+
import { default as Ce } from "./patterns/ViewingsList/ViewingsList.js";
|
|
30
30
|
import { default as Pe } from "./components/Modal/Modal.js";
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as
|
|
31
|
+
import { default as be } from "./components/Drawer/Drawer.js";
|
|
32
|
+
import { default as ke } from "./components/Pagination/Pagination.js";
|
|
33
|
+
import { default as Be } from "./patterns/ViewingsList/StatefulViewingsList.js";
|
|
34
34
|
import { TextVariants as he } from "./components/Text/types.js";
|
|
35
35
|
import { default as we } from "./components/Text/Text.js";
|
|
36
|
-
import {
|
|
37
|
-
import { default as Ge } from "./components/
|
|
38
|
-
import { default as He } from "./
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
36
|
+
import { TextSymbolVariants as Ae } from "./components/TextSymbol/types.js";
|
|
37
|
+
import { default as Ge } from "./components/TextSymbol/TextSymbol.js";
|
|
38
|
+
import { default as He } from "./components/Accordion/Accordion.js";
|
|
39
|
+
import { default as Oe } from "./components/Accordion/AccordionItem.js";
|
|
40
|
+
import { default as Ue } from "./patterns/UserManagement/UserManagement.js";
|
|
41
|
+
import { AuthState as Fe } from "./patterns/UserManagement/types.js";
|
|
42
|
+
import { SupportedLanguages as Ye } from "./types/commonTypes.js";
|
|
43
|
+
import { default as qe } from "./components/Breadcrumb/Breadcrumb.js";
|
|
42
44
|
import "react/jsx-runtime";
|
|
43
45
|
import "./node_modules/classnames/index.js";
|
|
44
46
|
import "react";
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { SeldonProvider as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
47
|
+
import { default as Ke } from "./components/Dropdown/Dropdown.js";
|
|
48
|
+
import { default as Xe } from "./components/Video/Video.js";
|
|
49
|
+
import { default as _e } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
50
|
+
import { default as eo } from "./components/ContentPeek/ContentPeek.js";
|
|
51
|
+
import { default as ro } from "./components/Collapsible/Collapsible.js";
|
|
52
|
+
import { default as ao } from "./components/Collapsible/CollapsibleContent.js";
|
|
53
|
+
import { default as lo } from "./components/Collapsible/CollapsibleTrigger.js";
|
|
54
|
+
import { SeldonProvider as so } from "./providers/SeldonProvider.js";
|
|
55
|
+
import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
56
|
+
import { default as io } from "./components/Carousel/Carousel.js";
|
|
57
|
+
import { default as go } from "./components/Carousel/CarouselContent.js";
|
|
58
|
+
import { default as So } from "./components/Carousel/CarouselItem.js";
|
|
59
|
+
import { default as Lo } from "./components/Carousel/CarouselDots.js";
|
|
58
60
|
export {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
He as Accordion,
|
|
62
|
+
Oe as AccordionItem,
|
|
63
|
+
Fe as AuthState,
|
|
64
|
+
qe as Breadcrumb,
|
|
63
65
|
P as Button,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
66
|
+
b as ButtonVariants,
|
|
67
|
+
io as Carousel,
|
|
68
|
+
go as CarouselContent,
|
|
69
|
+
Lo as CarouselDots,
|
|
70
|
+
So as CarouselItem,
|
|
71
|
+
ro as Collapsible,
|
|
72
|
+
ao as CollapsibleContent,
|
|
73
|
+
lo as CollapsibleTrigger,
|
|
74
|
+
eo as ContentPeek,
|
|
75
|
+
be as Drawer,
|
|
76
|
+
Ke as Dropdown,
|
|
77
|
+
B as ErrorBoundary,
|
|
76
78
|
h as Footer,
|
|
77
79
|
w as Grid,
|
|
78
80
|
re as GridItem,
|
|
79
81
|
ae as GridItemAlign,
|
|
80
|
-
|
|
82
|
+
A as Header,
|
|
81
83
|
F as HeroBanner,
|
|
82
|
-
|
|
84
|
+
k as IconButton,
|
|
83
85
|
Y as Input,
|
|
84
|
-
|
|
86
|
+
_e as LanguageSelector,
|
|
85
87
|
q as Link,
|
|
86
88
|
X as LinkBlock,
|
|
87
89
|
_ as LinkList,
|
|
@@ -92,33 +94,35 @@ export {
|
|
|
92
94
|
O as NavigationItemTrigger,
|
|
93
95
|
U as NavigationList,
|
|
94
96
|
f as PaddingTokens,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
97
|
+
C as Page,
|
|
98
|
+
uo as PageContentWrapper,
|
|
99
|
+
ke as Pagination,
|
|
98
100
|
ee as Row,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
+
le as Search,
|
|
102
|
+
so as SeldonProvider,
|
|
101
103
|
se as Select,
|
|
102
104
|
ce as Social,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
l as SpacingTokens,
|
|
106
|
+
de as SplitPanel,
|
|
107
|
+
Be as StatefulViewingsList,
|
|
108
|
+
xe as Subscribe,
|
|
109
|
+
ne as SubscriptionState,
|
|
110
|
+
Ye as SupportedLanguages,
|
|
109
111
|
we as Text,
|
|
112
|
+
Ae as TextSymbolVariants,
|
|
113
|
+
Ge as TextSymbols,
|
|
110
114
|
he as TextVariants,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
+
Ue as UserManagement,
|
|
116
|
+
Xe as Video,
|
|
117
|
+
Ce as ViewingsList,
|
|
118
|
+
p as defaultYear,
|
|
115
119
|
s as emailValidation,
|
|
116
|
-
|
|
117
|
-
|
|
120
|
+
m as encodeURLSearchParams,
|
|
121
|
+
d as findChildrenExcludingTypes,
|
|
118
122
|
u as findChildrenOfType,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
123
|
+
x as generatePaddingClassName,
|
|
124
|
+
i as getCommonProps,
|
|
125
|
+
n as noOp,
|
|
122
126
|
g as px,
|
|
123
127
|
c as useNormalizedInputProps
|
|
124
128
|
};
|
|
@@ -63,5 +63,5 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
|
|
|
63
63
|
*
|
|
64
64
|
* [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-subscribe--overview)
|
|
65
65
|
*/
|
|
66
|
-
declare const Subscribe: ({ blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
|
|
66
|
+
declare const Subscribe: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
|
|
67
67
|
export default Subscribe;
|
|
@@ -1,64 +1,66 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { getCommonProps as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { jsxs as C, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import I from "../../node_modules/classnames/index.js";
|
|
3
|
+
import { getCommonProps as L } from "../../utils/index.js";
|
|
4
|
+
import S from "../../components/Input/Input.js";
|
|
5
|
+
import T from "../../components/Button/Button.js";
|
|
6
6
|
import { SubscriptionState as o } from "./types.js";
|
|
7
|
-
import { ButtonVariants as
|
|
8
|
-
const
|
|
7
|
+
import { ButtonVariants as j } from "../../components/Button/types.js";
|
|
8
|
+
const k = ({
|
|
9
|
+
autoFocus: m = !0,
|
|
9
10
|
blurb: a,
|
|
10
|
-
buttonText:
|
|
11
|
-
buttonProps:
|
|
11
|
+
buttonText: c = "Sign Up",
|
|
12
|
+
buttonProps: d,
|
|
12
13
|
className: s,
|
|
13
|
-
element:
|
|
14
|
-
inputLabelText:
|
|
15
|
-
inputPlaceholder:
|
|
16
|
-
title:
|
|
17
|
-
loadingText:
|
|
18
|
-
invalidText:
|
|
19
|
-
errorText:
|
|
20
|
-
successText:
|
|
14
|
+
element: u = "form",
|
|
15
|
+
inputLabelText: p = "Enter Your Email Address To Sign Up*",
|
|
16
|
+
inputPlaceholder: f = "example@email.com",
|
|
17
|
+
title: g = "Never Miss A Moment",
|
|
18
|
+
loadingText: _ = "Loading...",
|
|
19
|
+
invalidText: N = "",
|
|
20
|
+
errorText: h = "An error occurred. Please try again.",
|
|
21
|
+
successText: v,
|
|
21
22
|
privacyText: i = "By signing up, you agree to receive email communications from Phillips.",
|
|
22
23
|
subscriptionState: e = o.Default,
|
|
23
|
-
...
|
|
24
|
+
...t
|
|
24
25
|
}) => {
|
|
25
|
-
const { className: r, ...
|
|
26
|
-
invalid:
|
|
27
|
-
success:
|
|
28
|
-
loading:
|
|
29
|
-
error:
|
|
30
|
-
},
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ n("h3", { className: `${r}__title`, children:
|
|
26
|
+
const { className: r, ...x } = L(t, "Subscribe"), y = e === o.Invalid, $ = e === o.Loading, b = e === o.Success, E = e === o.Error, P = {
|
|
27
|
+
invalid: N,
|
|
28
|
+
success: v,
|
|
29
|
+
loading: _,
|
|
30
|
+
error: h
|
|
31
|
+
}, l = e !== o.Default ? P[e] : "", A = b || $, B = y || E;
|
|
32
|
+
return /* @__PURE__ */ C(u, { ...x, className: I(r, s), noValidate: !0, ...t, children: [
|
|
33
|
+
/* @__PURE__ */ n("h3", { className: `${r}__title`, children: g }),
|
|
33
34
|
a ? /* @__PURE__ */ n("p", { className: `${r}__blurb`, children: a }) : null,
|
|
34
35
|
/* @__PURE__ */ n(
|
|
35
|
-
|
|
36
|
+
S,
|
|
36
37
|
{
|
|
38
|
+
autoFocus: m,
|
|
37
39
|
className: `${r}__input`,
|
|
38
40
|
type: "email",
|
|
39
41
|
name: "email",
|
|
40
|
-
placeholder:
|
|
41
|
-
labelText:
|
|
42
|
-
invalid:
|
|
43
|
-
invalidText:
|
|
44
|
-
warn:
|
|
45
|
-
warnText:
|
|
42
|
+
placeholder: f,
|
|
43
|
+
labelText: p,
|
|
44
|
+
invalid: B,
|
|
45
|
+
invalidText: l,
|
|
46
|
+
warn: A,
|
|
47
|
+
warnText: l,
|
|
46
48
|
required: !0
|
|
47
49
|
}
|
|
48
50
|
),
|
|
49
51
|
/* @__PURE__ */ n(
|
|
50
|
-
|
|
52
|
+
T,
|
|
51
53
|
{
|
|
52
54
|
className: `${r}__button ${s}`,
|
|
53
|
-
variant:
|
|
55
|
+
variant: j.secondary,
|
|
54
56
|
type: "submit",
|
|
55
|
-
...
|
|
56
|
-
children:
|
|
57
|
+
...d,
|
|
58
|
+
children: c
|
|
57
59
|
}
|
|
58
60
|
),
|
|
59
61
|
i ? /* @__PURE__ */ n("p", { className: `${r}__privacy`, children: i }) : null
|
|
60
62
|
] });
|
|
61
63
|
};
|
|
62
64
|
export {
|
|
63
|
-
|
|
65
|
+
k as default
|
|
64
66
|
};
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
@use 'components/LinkBlock/linkBlock';
|
|
26
26
|
@use 'components/LinkList/linkList';
|
|
27
27
|
@use 'components/Text/text';
|
|
28
|
+
@use 'components/TextSymbol/textSymbol';
|
|
28
29
|
@use 'components/Modal/modal';
|
|
29
30
|
@use 'components/Accordion/accordion';
|
|
30
31
|
@use 'components/Breadcrumb/breadcrumb';
|