@phillips/seldon 1.74.4 → 1.75.1
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/Accordion/Accordion.js +2 -2
- package/dist/components/Accordion/AccordionItem.js +3 -3
- package/dist/components/Breadcrumb/Breadcrumb.js +6 -6
- package/dist/components/Breadcrumb/BreadcrumbItem.js +6 -6
- package/dist/components/Button/Button.js +7 -7
- package/dist/components/Carousel/Carousel.js +8 -8
- package/dist/components/Carousel/CarouselContent.js +3 -3
- package/dist/components/Carousel/CarouselDots.js +24 -24
- package/dist/components/Carousel/CarouselItem.js +3 -3
- package/dist/components/ContentPeek/ContentPeek.js +5 -5
- package/dist/components/Drawer/Drawer.js +6 -6
- package/dist/components/Dropdown/Dropdown.js +3 -3
- package/dist/components/Grid/Grid.js +3 -3
- package/dist/components/Grid/utils.js +4 -4
- package/dist/components/GridItem/GridItem.js +8 -8
- package/dist/components/IconButton/IconButton.js +2 -2
- package/dist/components/Link/Link.js +6 -6
- package/dist/components/LinkBlock/LinkBlock.js +6 -6
- package/dist/components/LinkList/LinkList.js +5 -5
- package/dist/components/Modal/Modal.js +4 -4
- package/dist/components/Navigation/Navigation.js +4 -4
- package/dist/components/Navigation/NavigationList/NavigationList.js +3 -3
- package/dist/components/PageContentWrapper/PageContentWrapper.js +4 -4
- package/dist/components/PinchZoom/PinchZoom.js +3 -3
- package/dist/components/Row/Row.js +4 -4
- package/dist/components/Search/Search.js +5 -5
- package/dist/components/SeldonImage/SeldonImage.d.ts +47 -0
- package/dist/components/SeldonImage/SeldonImage.js +73 -0
- package/dist/components/SeldonImage/index.d.ts +1 -0
- package/dist/components/SplitPanel/SplitPanel.js +2 -2
- package/dist/components/Video/Video.js +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/patterns/DetailList/DetailList.js +7 -7
- package/dist/patterns/LanguageSelector/LanguageSelector.js +4 -4
- package/dist/patterns/Social/Social.js +5 -5
- package/dist/patterns/Subscribe/Subscribe.js +8 -8
- package/dist/patterns/UserManagement/UserManagement.js +2 -2
- package/dist/patterns/ViewingsList/ViewingsList.js +10 -10
- package/dist/patterns/ViewingsList/ViewingsListCard.js +12 -12
- package/dist/patterns/ViewingsList/ViewingsListCardForm.js +6 -6
- package/dist/scss/componentStyles.scss +1 -0
- package/dist/scss/components/Carousel/_carousel.scss +3 -3
- package/dist/scss/components/SeldonImage/_seldonImage.scss +68 -0
- package/dist/scss/patterns/DetailList/_detailList.scss +1 -1
- package/dist/site-furniture/Footer/Footer.js +2 -2
- package/dist/site-furniture/Header/Header.js +4 -4
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import c from "../../node_modules/classnames/index.js";
|
|
|
3
3
|
import { getCommonProps as i } from "../../utils/index.js";
|
|
4
4
|
import { Root as e } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
|
|
5
5
|
import { getAccordionVariantProps as d } from "./utils.js";
|
|
6
|
-
const
|
|
6
|
+
const N = ({ className: m, children: t, ...o }) => {
|
|
7
7
|
const { className: a, ...r } = i(o, "Accordion"), n = d(o.variant);
|
|
8
8
|
return /* @__PURE__ */ s(
|
|
9
9
|
e,
|
|
@@ -17,5 +17,5 @@ const C = ({ className: m, children: t, ...o }) => {
|
|
|
17
17
|
);
|
|
18
18
|
};
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
N as default
|
|
21
21
|
};
|
|
@@ -4,7 +4,7 @@ import $ from "../../assets/plus.svg.js";
|
|
|
4
4
|
import I from "../../assets/minus.svg.js";
|
|
5
5
|
import _ from "../../assets/lock.svg.js";
|
|
6
6
|
import d from "../../node_modules/classnames/index.js";
|
|
7
|
-
import { Item as C, Trigger as
|
|
7
|
+
import { Item as C, Trigger as x, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
|
|
8
8
|
import { AccordionItemVariant as h } from "./types.js";
|
|
9
9
|
import { getIconClasses as u } from "./utils.js";
|
|
10
10
|
const A = ({
|
|
@@ -38,7 +38,7 @@ const A = ({
|
|
|
38
38
|
}
|
|
39
39
|
) });
|
|
40
40
|
return /* @__PURE__ */ o(
|
|
41
|
-
|
|
41
|
+
x,
|
|
42
42
|
{
|
|
43
43
|
"data-disabled": c,
|
|
44
44
|
asChild: !0,
|
|
@@ -59,7 +59,7 @@ const A = ({
|
|
|
59
59
|
isLargeVariation: e,
|
|
60
60
|
className: r
|
|
61
61
|
}) => /* @__PURE__ */ o(f, { children: t && n ? /* @__PURE__ */ o("div", { children: n }) : /* @__PURE__ */ o(
|
|
62
|
-
|
|
62
|
+
N,
|
|
63
63
|
{
|
|
64
64
|
asChild: !0,
|
|
65
65
|
className: d(
|
|
@@ -11,25 +11,25 @@ const v = ({
|
|
|
11
11
|
linkElement: l = "a",
|
|
12
12
|
...e
|
|
13
13
|
}) => {
|
|
14
|
-
const { className:
|
|
15
|
-
return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: f(
|
|
14
|
+
const { className: n, ...i } = u(e, "Breadcrumb"), { id: b } = e;
|
|
15
|
+
return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: f(n, s), ...i, ...e, children: [
|
|
16
16
|
/* @__PURE__ */ r(c.Media, { lessThan: "md", children: /* @__PURE__ */ r(
|
|
17
17
|
l,
|
|
18
18
|
{
|
|
19
19
|
href: a[1].href ? a[1].href : "/",
|
|
20
20
|
className: `${t}-icon-button ${t}-icon-button--secondary`,
|
|
21
21
|
"data-testid": `${b}-back-button`,
|
|
22
|
-
children: /* @__PURE__ */ r(N, { className: `${
|
|
22
|
+
children: /* @__PURE__ */ r(N, { className: `${n}__back-button` })
|
|
23
23
|
}
|
|
24
24
|
) }),
|
|
25
|
-
/* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o,
|
|
25
|
+
/* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, m) => /* @__PURE__ */ r(
|
|
26
26
|
p,
|
|
27
27
|
{
|
|
28
28
|
href: o.href,
|
|
29
29
|
label: o.label,
|
|
30
30
|
element: l,
|
|
31
|
-
isCurrent: a.length - 1 ===
|
|
32
|
-
isTruncateText: d ===
|
|
31
|
+
isCurrent: a.length - 1 === m,
|
|
32
|
+
isTruncateText: d === m
|
|
33
33
|
},
|
|
34
34
|
o.label
|
|
35
35
|
)) }) })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { getCommonProps as
|
|
1
|
+
import { jsxs as d, jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { getCommonProps as h } from "../../utils/index.js";
|
|
3
3
|
import s from "../../node_modules/classnames/index.js";
|
|
4
|
-
import
|
|
4
|
+
import u from "../../assets/chevronNext.svg.js";
|
|
5
5
|
const g = ({
|
|
6
6
|
className: c,
|
|
7
7
|
href: o,
|
|
@@ -11,8 +11,8 @@ const g = ({
|
|
|
11
11
|
element: n = "a",
|
|
12
12
|
...l
|
|
13
13
|
}) => {
|
|
14
|
-
const { className: e, ...f } =
|
|
15
|
-
return /* @__PURE__ */
|
|
14
|
+
const { className: e, ...f } = h(l, "Breadcrumb"), p = a ? "page" : !1, i = a ? "" : o;
|
|
15
|
+
return /* @__PURE__ */ d(
|
|
16
16
|
"li",
|
|
17
17
|
{
|
|
18
18
|
"aria-label": r,
|
|
@@ -30,7 +30,7 @@ const g = ({
|
|
|
30
30
|
children: r
|
|
31
31
|
}
|
|
32
32
|
),
|
|
33
|
-
a ? null : /* @__PURE__ */ m(
|
|
33
|
+
a ? null : /* @__PURE__ */ m(u, { className: `${e}__chevron` })
|
|
34
34
|
]
|
|
35
35
|
}
|
|
36
36
|
);
|
|
@@ -3,14 +3,14 @@ import p from "../../node_modules/classnames/index.js";
|
|
|
3
3
|
import { getCommonProps as u } from "../../utils/index.js";
|
|
4
4
|
import { ButtonVariants as d } from "./types.js";
|
|
5
5
|
import { forwardRef as $ } from "react";
|
|
6
|
-
const
|
|
6
|
+
const b = $(
|
|
7
7
|
({
|
|
8
8
|
variant: s = d.primary,
|
|
9
9
|
size: a = "md",
|
|
10
10
|
children: m,
|
|
11
11
|
className: r,
|
|
12
|
-
isIconLast:
|
|
13
|
-
type:
|
|
12
|
+
isIconLast: n = !1,
|
|
13
|
+
type: e = "button",
|
|
14
14
|
isDisabled: i = !1,
|
|
15
15
|
...t
|
|
16
16
|
}, f) => {
|
|
@@ -20,13 +20,13 @@ const N = $(
|
|
|
20
20
|
{
|
|
21
21
|
...l,
|
|
22
22
|
ref: f,
|
|
23
|
-
type:
|
|
23
|
+
type: e,
|
|
24
24
|
className: p(
|
|
25
25
|
`${o}`,
|
|
26
26
|
`${o}--${a}`,
|
|
27
27
|
`${o}--${s}`,
|
|
28
28
|
{
|
|
29
|
-
[`${o}--icon-last`]:
|
|
29
|
+
[`${o}--icon-last`]: n
|
|
30
30
|
},
|
|
31
31
|
r
|
|
32
32
|
),
|
|
@@ -37,7 +37,7 @@ const N = $(
|
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
|
-
|
|
40
|
+
b.displayName = "Button";
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
b as default
|
|
43
43
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as A, forwardRef as R, useEffect as
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as A, forwardRef as R, useEffect as u, useCallback as m } from "react";
|
|
3
3
|
import { getCommonProps as b } from "../../utils/index.js";
|
|
4
4
|
import d from "../../node_modules/classnames/index.js";
|
|
5
5
|
import E from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
|
|
@@ -30,30 +30,30 @@ const W = A(null), h = R(
|
|
|
30
30
|
] : []
|
|
31
31
|
]
|
|
32
32
|
);
|
|
33
|
-
|
|
33
|
+
u(() => {
|
|
34
34
|
s ? e == null || e.reInit({
|
|
35
35
|
watchDrag: () => !1
|
|
36
36
|
}) : e == null || e.reInit({
|
|
37
37
|
watchDrag: () => !0
|
|
38
38
|
});
|
|
39
39
|
}, [s, e]);
|
|
40
|
-
const k =
|
|
40
|
+
const k = m(
|
|
41
41
|
(r) => {
|
|
42
42
|
r.key === "ArrowLeft" ? (r.preventDefault(), e == null || e.scrollPrev()) : r.key === "ArrowRight" && (r.preventDefault(), e == null || e.scrollNext());
|
|
43
43
|
},
|
|
44
44
|
[e]
|
|
45
|
-
), l =
|
|
45
|
+
), l = m(
|
|
46
46
|
(r) => {
|
|
47
47
|
r && (o == null || o(r.selectedScrollSnap()));
|
|
48
48
|
},
|
|
49
49
|
[o]
|
|
50
50
|
);
|
|
51
|
-
return
|
|
51
|
+
return u(() => {
|
|
52
52
|
if (e)
|
|
53
53
|
return l(e), e.on("reInit", l), e.on("settle", l), () => {
|
|
54
54
|
e == null || e.off("settle", l), e == null || e.off("reInit", l);
|
|
55
55
|
};
|
|
56
|
-
}, [e, l]), /* @__PURE__ */
|
|
56
|
+
}, [e, l]), /* @__PURE__ */ n(
|
|
57
57
|
W.Provider,
|
|
58
58
|
{
|
|
59
59
|
value: {
|
|
@@ -66,7 +66,7 @@ const W = A(null), h = R(
|
|
|
66
66
|
columnGap: v,
|
|
67
67
|
onSlideChange: o
|
|
68
68
|
},
|
|
69
|
-
children: /* @__PURE__ */
|
|
69
|
+
children: /* @__PURE__ */ n(
|
|
70
70
|
"div",
|
|
71
71
|
{
|
|
72
72
|
ref: y,
|
|
@@ -4,19 +4,19 @@ import a from "../../node_modules/classnames/index.js";
|
|
|
4
4
|
import { useCarousel as p } from "./utils.js";
|
|
5
5
|
import { getCommonProps as u } from "../../utils/index.js";
|
|
6
6
|
const C = f(
|
|
7
|
-
({ className:
|
|
7
|
+
({ className: n, containerClassName: t, containerStyles: m, ...e }, l) => {
|
|
8
8
|
const { className: o, ...c } = u(e, "Carousel"), { carouselRef: i, columnGap: s } = p();
|
|
9
9
|
return /* @__PURE__ */ r(
|
|
10
10
|
"div",
|
|
11
11
|
{
|
|
12
12
|
ref: i,
|
|
13
|
-
className: a(`${o}-content`,
|
|
13
|
+
className: a(`${o}-content`, t),
|
|
14
14
|
style: m,
|
|
15
15
|
children: /* @__PURE__ */ r(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
18
|
ref: l,
|
|
19
|
-
className: a(`${o}-content-inner`,
|
|
19
|
+
className: a(`${o}-content-inner`, n, {
|
|
20
20
|
[`${o}-content-inner--gap-${s}`]: !!s
|
|
21
21
|
}),
|
|
22
22
|
...e,
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import d from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { forwardRef as D, useId as P, useState as S, useCallback as f, useEffect as V } from "react";
|
|
4
|
-
import { useCarousel as
|
|
5
|
-
import { getCommonProps as
|
|
6
|
-
const
|
|
7
|
-
({ className: $, maxDots:
|
|
8
|
-
const { className: s, ...C } =
|
|
9
|
-
Array.from({ length:
|
|
10
|
-
),
|
|
4
|
+
import { useCarousel as _ } from "./utils.js";
|
|
5
|
+
import { getCommonProps as j } from "../../utils/index.js";
|
|
6
|
+
const w = D(
|
|
7
|
+
({ className: $, maxDots: l = 7, position: h = "inline", numberOfSlides: b = 0, ...u }, N) => {
|
|
8
|
+
const { className: s, ...C } = j(u, "Carousel"), M = P(), { api: e, onSlideChange: o } = _(), [g, v] = S(0), [i, k] = S(
|
|
9
|
+
Array.from({ length: b }, (t, n) => n)
|
|
10
|
+
), x = f(
|
|
11
11
|
(t) => {
|
|
12
|
-
e && (e.scrollTo(t, !0),
|
|
12
|
+
e && (e.scrollTo(t, !0), o == null || o(t));
|
|
13
13
|
},
|
|
14
|
-
[e,
|
|
14
|
+
[e, o]
|
|
15
15
|
), p = f((t) => {
|
|
16
|
-
|
|
16
|
+
k(t.scrollSnapList());
|
|
17
17
|
}, []), a = f((t) => {
|
|
18
18
|
v(t.selectedScrollSnap());
|
|
19
19
|
}, []), m = f(
|
|
20
20
|
(t) => {
|
|
21
|
-
|
|
21
|
+
o == null || o(t.selectedScrollSnap());
|
|
22
22
|
},
|
|
23
|
-
[
|
|
23
|
+
[o]
|
|
24
24
|
);
|
|
25
25
|
V(() => {
|
|
26
26
|
if (e)
|
|
@@ -29,29 +29,29 @@ const A = D(
|
|
|
29
29
|
};
|
|
30
30
|
}, [e, p, a, m]);
|
|
31
31
|
const I = (() => {
|
|
32
|
-
if (
|
|
33
|
-
const t = Math.floor(
|
|
34
|
-
let
|
|
35
|
-
const r = Math.min(
|
|
36
|
-
return r -
|
|
32
|
+
if (i.length <= l) return i;
|
|
33
|
+
const t = Math.floor(l / 2);
|
|
34
|
+
let n = Math.max(0, g - t);
|
|
35
|
+
const r = Math.min(i.length, n + l);
|
|
36
|
+
return r - n < l && (n = Math.max(0, r - l)), i.slice(n, r);
|
|
37
37
|
})();
|
|
38
38
|
return /* @__PURE__ */ c(
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
|
-
ref:
|
|
41
|
+
ref: N,
|
|
42
42
|
role: "group",
|
|
43
43
|
"aria-roledescription": "pagination",
|
|
44
44
|
"aria-label": "pagination",
|
|
45
45
|
className: d(`${s}-pagination`, $, `${s}-pagination-${h}`),
|
|
46
46
|
...u,
|
|
47
47
|
...C,
|
|
48
|
-
children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t,
|
|
49
|
-
const r =
|
|
48
|
+
children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t, n) => {
|
|
49
|
+
const r = i.indexOf(I[n]), y = g === r;
|
|
50
50
|
return /* @__PURE__ */ c(
|
|
51
51
|
"button",
|
|
52
52
|
{
|
|
53
53
|
role: "button",
|
|
54
|
-
onClick: () =>
|
|
54
|
+
onClick: () => x(r),
|
|
55
55
|
className: d(`${s}-pagination-dot-container`),
|
|
56
56
|
children: /* @__PURE__ */ c(
|
|
57
57
|
"span",
|
|
@@ -62,14 +62,14 @@ const A = D(
|
|
|
62
62
|
}
|
|
63
63
|
)
|
|
64
64
|
},
|
|
65
|
-
`${M}-dot-${
|
|
65
|
+
`${M}-dot-${n}`
|
|
66
66
|
);
|
|
67
67
|
}) }) })
|
|
68
68
|
}
|
|
69
69
|
);
|
|
70
70
|
}
|
|
71
71
|
);
|
|
72
|
-
|
|
72
|
+
w.displayName = "CarouselDots";
|
|
73
73
|
export {
|
|
74
|
-
|
|
74
|
+
w as default
|
|
75
75
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import i from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { forwardRef as l } from "react";
|
|
4
|
-
import { getCommonProps as
|
|
5
|
-
import { useCarousel as
|
|
4
|
+
import { getCommonProps as n } from "../../utils/index.js";
|
|
5
|
+
import { useCarousel as c } from "./utils.js";
|
|
6
6
|
const u = l(({ className: m, ...o }, s) => {
|
|
7
|
-
const { className: e, ...a } =
|
|
7
|
+
const { className: e, ...a } = n(o, "Carousel"), { columnGap: r } = c();
|
|
8
8
|
return /* @__PURE__ */ t(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as N, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
|
|
3
3
|
import c from "../../node_modules/classnames/index.js";
|
|
4
4
|
import { getCommonProps as b } from "../../utils/index.js";
|
|
5
5
|
import k from "../Button/Button.js";
|
|
@@ -9,7 +9,7 @@ import E from "../Collapsible/CollapsibleContent.js";
|
|
|
9
9
|
import M from "../Collapsible/CollapsibleTrigger.js";
|
|
10
10
|
import O from "../../assets/plus.svg.js";
|
|
11
11
|
import S from "../../assets/minus.svg.js";
|
|
12
|
-
const j =
|
|
12
|
+
const j = N(
|
|
13
13
|
({
|
|
14
14
|
className: f,
|
|
15
15
|
children: n,
|
|
@@ -22,15 +22,15 @@ const j = y(
|
|
|
22
22
|
$(() => {
|
|
23
23
|
s.current && C(s.current.scrollHeight > a);
|
|
24
24
|
}, [n, a]);
|
|
25
|
-
const
|
|
26
|
-
v((
|
|
25
|
+
const h = P(() => {
|
|
26
|
+
v((y) => !y);
|
|
27
27
|
}, []);
|
|
28
28
|
return /* @__PURE__ */ m(
|
|
29
29
|
w,
|
|
30
30
|
{
|
|
31
31
|
id: r == null ? void 0 : r.id,
|
|
32
32
|
open: t,
|
|
33
|
-
onOpenChange:
|
|
33
|
+
onOpenChange: h,
|
|
34
34
|
className: c(e, f),
|
|
35
35
|
style: {
|
|
36
36
|
"--content-peek-max-height": `${a}px`
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as r, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { getCommonProps as d, noOp as p } from "../../utils/index.js";
|
|
3
3
|
import e from "../../node_modules/classnames/index.js";
|
|
4
|
-
import { Root as f, Portal as C, Overlay as h, Content as
|
|
4
|
+
import { Root as f, Portal as C, Overlay as h, Content as u, Title as v, Description as N, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
|
|
5
5
|
import y from "../../assets/close.svg.js";
|
|
6
6
|
import _ from "../IconButton/IconButton.js";
|
|
7
7
|
import { ButtonVariants as g } from "../Button/types.js";
|
|
8
|
-
const B = ({ className: i, isOpen: l = !1, onClose: o = p, children:
|
|
9
|
-
const { className: a, ...
|
|
8
|
+
const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: n, ...t }) => {
|
|
9
|
+
const { className: a, ...m } = d(t, "Drawer");
|
|
10
10
|
return /* @__PURE__ */ r(
|
|
11
11
|
f,
|
|
12
12
|
{
|
|
@@ -23,9 +23,9 @@ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: m, ...t })
|
|
|
23
23
|
"data-testid": "drawer-overlay"
|
|
24
24
|
}
|
|
25
25
|
),
|
|
26
|
-
/* @__PURE__ */ s(
|
|
27
|
-
/* @__PURE__ */ r(u, {}),
|
|
26
|
+
/* @__PURE__ */ s(u, { className: e(a, i), id: t.id, ...m, children: [
|
|
28
27
|
/* @__PURE__ */ r(v, {}),
|
|
28
|
+
/* @__PURE__ */ r(N, {}),
|
|
29
29
|
/* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
|
|
30
30
|
_,
|
|
31
31
|
{
|
|
@@ -37,7 +37,7 @@ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: m, ...t })
|
|
|
37
37
|
children: /* @__PURE__ */ r(y, {})
|
|
38
38
|
}
|
|
39
39
|
) }),
|
|
40
|
-
|
|
40
|
+
n
|
|
41
41
|
] })
|
|
42
42
|
] })
|
|
43
43
|
}
|
|
@@ -6,8 +6,8 @@ import { Root as D, Trigger as $, Value as b, Icon as v, Portal as I, Content as
|
|
|
6
6
|
import c from "../../assets/chevronDown.svg.js";
|
|
7
7
|
const j = d.forwardRef(
|
|
8
8
|
({ options: l, value: a, onValueChange: s, label: t, className: _, id: m, ...h }, f) => {
|
|
9
|
-
const { className: o, ...
|
|
10
|
-
return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...
|
|
9
|
+
const { className: o, ...u } = C({ id: m }, "Dropdown"), [N, w] = g(!1);
|
|
10
|
+
return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...u, ...h, children: /* @__PURE__ */ n(
|
|
11
11
|
D,
|
|
12
12
|
{
|
|
13
13
|
value: a,
|
|
@@ -18,7 +18,7 @@ const j = d.forwardRef(
|
|
|
18
18
|
children: [
|
|
19
19
|
/* @__PURE__ */ n($, { className: `${o}__trigger`, "aria-label": t, ref: f, children: [
|
|
20
20
|
/* @__PURE__ */ e(b, { placeholder: a }),
|
|
21
|
-
/* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]:
|
|
21
|
+
/* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]: N }) }) })
|
|
22
22
|
] }),
|
|
23
23
|
/* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(S, { className: `${o}__content`, position: "popper", children: [
|
|
24
24
|
/* @__PURE__ */ e(x, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, {}) }),
|
|
@@ -10,12 +10,12 @@ function C({
|
|
|
10
10
|
rowGap: t = e.lg,
|
|
11
11
|
...m
|
|
12
12
|
}) {
|
|
13
|
-
const { className:
|
|
13
|
+
const { className: n, ...i } = d(m, "Grid");
|
|
14
14
|
return /* @__PURE__ */ c(
|
|
15
15
|
r,
|
|
16
16
|
{
|
|
17
|
-
...
|
|
18
|
-
className: l(f(
|
|
17
|
+
...i,
|
|
18
|
+
className: l(f(n, a, t), s),
|
|
19
19
|
...m,
|
|
20
20
|
children: o
|
|
21
21
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
const
|
|
1
|
+
import t from "../../node_modules/classnames/index.js";
|
|
2
|
+
const m = (r, o, n) => t(
|
|
3
3
|
`${r} ${r}--column-gap-${o}`,
|
|
4
|
-
`${r}--row-gap-${
|
|
4
|
+
`${r}--row-gap-${n}`
|
|
5
5
|
);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
m as determineGridClassName
|
|
8
8
|
};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { jsx as I } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo as l } from "react";
|
|
3
|
-
import { getCommonProps as
|
|
4
|
-
import
|
|
5
|
-
import { determineColumnSpanClassName as
|
|
6
|
-
import { GridItemAlign as
|
|
3
|
+
import { getCommonProps as b } from "../../utils/index.js";
|
|
4
|
+
import j from "../../node_modules/classnames/index.js";
|
|
5
|
+
import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
|
|
6
|
+
import { GridItemAlign as N } from "./types.js";
|
|
7
7
|
const A = ({
|
|
8
8
|
children: p,
|
|
9
9
|
xs: m = 2,
|
|
10
10
|
sm: r = 2,
|
|
11
11
|
md: t = 6,
|
|
12
12
|
lg: o = 12,
|
|
13
|
-
align: s =
|
|
13
|
+
align: s = N.center,
|
|
14
14
|
element: c = "div",
|
|
15
15
|
className: n,
|
|
16
16
|
...a
|
|
17
17
|
}) => {
|
|
18
|
-
const { className: i, ...u } =
|
|
18
|
+
const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
|
|
19
19
|
i,
|
|
20
20
|
// figure out the class names for each breakpoint
|
|
21
21
|
Object.entries(e).map(
|
|
22
|
-
([d, C]) =>
|
|
22
|
+
([d, C]) => v(d, C, s)
|
|
23
23
|
),
|
|
24
24
|
n
|
|
25
25
|
], [s, e, i, n]);
|
|
26
|
-
return
|
|
26
|
+
return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
|
|
27
27
|
};
|
|
28
28
|
export {
|
|
29
29
|
A as default
|
|
@@ -3,7 +3,7 @@ import f from "../../node_modules/classnames/index.js";
|
|
|
3
3
|
import p from "../Button/Button.js";
|
|
4
4
|
import { getCommonProps as i } from "../../utils/index.js";
|
|
5
5
|
import { ButtonVariants as l } from "../Button/types.js";
|
|
6
|
-
const
|
|
6
|
+
const C = ({
|
|
7
7
|
children: s,
|
|
8
8
|
size: r = "md",
|
|
9
9
|
variant: m = l.primary,
|
|
@@ -25,5 +25,5 @@ const x = ({
|
|
|
25
25
|
);
|
|
26
26
|
};
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
C as default
|
|
29
29
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import p from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { getCommonProps as f } from "../../utils/index.js";
|
|
4
|
-
import { getLinkVariantClassName as k, isLinkExternal as
|
|
5
|
-
import { LinkVariants as
|
|
6
|
-
import
|
|
4
|
+
import { getLinkVariantClassName as k, isLinkExternal as x } from "./utils.js";
|
|
5
|
+
import { LinkVariants as L } from "./types.js";
|
|
6
|
+
import N from "../Text/Text.js";
|
|
7
7
|
const V = ({
|
|
8
8
|
children: m,
|
|
9
9
|
className: n,
|
|
10
10
|
element: r = "a",
|
|
11
|
-
variant: o =
|
|
11
|
+
variant: o = L.link,
|
|
12
12
|
href: s,
|
|
13
13
|
...a
|
|
14
14
|
}) => {
|
|
15
|
-
const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c =
|
|
15
|
+
const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = x(s);
|
|
16
16
|
return /* @__PURE__ */ e(
|
|
17
17
|
r,
|
|
18
18
|
{
|
|
@@ -21,7 +21,7 @@ const V = ({
|
|
|
21
21
|
className: l,
|
|
22
22
|
...c && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
|
|
23
23
|
...a,
|
|
24
|
-
children: /* @__PURE__ */ e(
|
|
24
|
+
children: /* @__PURE__ */ e(N, { variant: o, children: m })
|
|
25
25
|
}
|
|
26
26
|
);
|
|
27
27
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as l, jsx as
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import d from "../../node_modules/classnames/index.js";
|
|
3
3
|
import { getCommonProps as k } from "../../utils/index.js";
|
|
4
4
|
import p from "../Link/Link.js";
|
|
5
5
|
import { LinkVariants as f } from "../Link/types.js";
|
|
6
|
-
import
|
|
7
|
-
const v = ({ linkProps: o, description:
|
|
6
|
+
import L from "../Text/Text.js";
|
|
7
|
+
const v = ({ linkProps: o, description: e, className: i, ...s }) => {
|
|
8
8
|
var a;
|
|
9
|
-
const { className: t, ...m } = k(s, "LinkBlock"), r = d(t,
|
|
9
|
+
const { className: t, ...m } = k(s, "LinkBlock"), r = d(t, i), c = (a = o.element) != null ? a : p;
|
|
10
10
|
return /* @__PURE__ */ l("div", { ...m, className: r, ...s, children: [
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */
|
|
11
|
+
/* @__PURE__ */ n(c, { ...o, "data-testid": `${m["data-testid"]}-link`, variant: f.link }),
|
|
12
|
+
/* @__PURE__ */ n(L, { className: `${t}__description`, children: e })
|
|
13
13
|
] });
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { getCommonProps as
|
|
3
|
-
import
|
|
4
|
-
import { Grid as
|
|
2
|
+
import { getCommonProps as c } from "../../utils/index.js";
|
|
3
|
+
import d from "../../node_modules/classnames/index.js";
|
|
4
|
+
import { Grid as o } from "../Grid/Grid.js";
|
|
5
5
|
const P = ({ children: i, className: l, ...r }) => {
|
|
6
|
-
const { className: m, ...f } =
|
|
7
|
-
return /* @__PURE__ */ t(
|
|
6
|
+
const { className: m, ...f } = c(r, "LinkList");
|
|
7
|
+
return /* @__PURE__ */ t(o, { ...f, className: d(m, l), element: "ul", role: "list", ...r, children: i.map((s) => {
|
|
8
8
|
var a, e;
|
|
9
9
|
return /* @__PURE__ */ t("li", { className: `${m}--item`, children: s }, (e = (a = s == null ? void 0 : s.props) == null ? void 0 : a.linkProps) == null ? void 0 : e.href);
|
|
10
10
|
}) });
|
|
@@ -3,8 +3,8 @@ import t from "../../node_modules/classnames/index.js";
|
|
|
3
3
|
import { getCommonProps as y, noOp as C } from "../../utils/index.js";
|
|
4
4
|
import v from "../../assets/close.svg.js";
|
|
5
5
|
import l from "../../node_modules/react-modal/lib/index.js";
|
|
6
|
-
import
|
|
7
|
-
import { ButtonVariants as
|
|
6
|
+
import b from "../IconButton/IconButton.js";
|
|
7
|
+
import { ButtonVariants as N } from "../Button/types.js";
|
|
8
8
|
const w = ({
|
|
9
9
|
children: m,
|
|
10
10
|
className: n,
|
|
@@ -34,13 +34,13 @@ const w = ({
|
|
|
34
34
|
onAfterClose: () => document.body.style.overflow = "unset",
|
|
35
35
|
children: [
|
|
36
36
|
/* @__PURE__ */ s(
|
|
37
|
-
|
|
37
|
+
b,
|
|
38
38
|
{
|
|
39
39
|
id: "modal-button",
|
|
40
40
|
onClick: a,
|
|
41
41
|
"aria-label": "Close Modal",
|
|
42
42
|
className: t(`${e}__close`),
|
|
43
|
-
variant:
|
|
43
|
+
variant: N.secondary,
|
|
44
44
|
children: /* @__PURE__ */ s(v, {})
|
|
45
45
|
}
|
|
46
46
|
),
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as l, jsxs as x } from "react/jsx-runtime";
|
|
2
|
-
import e, { forwardRef as
|
|
3
|
-
import { findChildrenOfType as d, findChildrenExcludingTypes as
|
|
2
|
+
import e, { forwardRef as E } from "react";
|
|
3
|
+
import { findChildrenOfType as d, findChildrenExcludingTypes as N, px as m } from "../../utils/index.js";
|
|
4
4
|
import S from "../../node_modules/classnames/index.js";
|
|
5
5
|
import { HeaderContext as y } from "../../site-furniture/Header/Header.js";
|
|
6
6
|
import c from "./NavigationList/NavigationList.js";
|
|
7
7
|
import f from "../../patterns/LanguageSelector/LanguageSelector.js";
|
|
8
8
|
import { SSRMediaQuery as C } from "../../providers/utils.js";
|
|
9
|
-
const _ =
|
|
9
|
+
const _ = E(
|
|
10
10
|
({ children: i, className: p, id: a, visible: v = !0, ...g }, h) => {
|
|
11
11
|
var r, s;
|
|
12
|
-
const { isSearchExpanded: n } = e.useContext(y), o = (r = d(i, c)) == null ? void 0 : r[0], u =
|
|
12
|
+
const { isSearchExpanded: n } = e.useContext(y), o = (r = d(i, c)) == null ? void 0 : r[0], u = N(i, [c, f]), t = (s = d(i, f)) == null ? void 0 : s[0];
|
|
13
13
|
return /* @__PURE__ */ l(
|
|
14
14
|
"nav",
|
|
15
15
|
{
|