@ilo-org/react 0.23.3 → 0.24.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/lib/cjs/_store/Callout-chunk-CS-b8vev.js +1 -0
- package/lib/cjs/_store/{Callout-entry-CvydbGtc.js → Callout-entry-Ddp2XRRc.js} +1 -1
- package/lib/cjs/_store/{Nav-entry-BaGFEK89.js → Nav-entry-B46iUi8w.js} +1 -1
- package/lib/cjs/_store/SubsiteNav-chunk-CVWgp2ti.js +1 -0
- package/lib/cjs/_store/{components-entry-BMabjnwB.js → components-entry-SC5Q2qUz.js} +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/{Callout-chunk-DDK_yI_b.js → Callout-chunk-D3zivwvj.js} +22 -17
- package/lib/esm/_store/Callout-entry-B0N_qxJ-.js +4 -0
- package/lib/esm/_store/Nav-entry-uKA3aXck.js +4 -0
- package/lib/esm/_store/{SubsiteNav-chunk-SOH4RAJ1.js → SubsiteNav-chunk-DTA21jDN.js} +104 -116
- package/lib/esm/_store/{components-entry-DlCnBjB5.js → components-entry-DmqFkNrv.js} +2 -2
- package/lib/esm/index.js +2 -2
- package/lib/styles/components/callout.css +1 -1
- package/lib/styles/components/languagetoggle.css +1 -1
- package/lib/styles/components/scorecard.css +1 -1
- package/lib/styles/global.css.map +1 -1
- package/lib/styles/index.css +2 -2
- package/lib/styles/index.css.map +1 -1
- package/lib/styles/monorepo.css +2 -2
- package/lib/styles/monorepo.css.map +1 -1
- package/lib/types/components/Callout/Callout.d.ts +1 -1
- package/lib/types/components/Nav/Navigation.props.d.ts +0 -4
- package/package.json +5 -5
- package/lib/cjs/_store/Callout-chunk-BxN0hHA0.js +0 -1
- package/lib/cjs/_store/SubsiteNav-chunk-Cfmr4rbb.js +0 -1
- package/lib/esm/_store/Callout-entry-BszOwKRO.js +0 -4
- package/lib/esm/_store/Nav-entry-DII1wFGi.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
2
|
import { memo as z, useRef as L, useCallback as S, useEffect as y, useId as G, useState as x, forwardRef as O, useImperativeHandle as B } from "react";
|
|
3
3
|
import { u as v } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
4
4
|
import { createPortal as A } from "react-dom";
|
|
@@ -11,19 +11,19 @@ const q = ({
|
|
|
11
11
|
navRef: c,
|
|
12
12
|
children: n
|
|
13
13
|
}) => {
|
|
14
|
-
const { prefix: a } = v(),
|
|
15
|
-
if (!(
|
|
14
|
+
const { prefix: a } = v(), t = L(null), _ = `${a}--nav-dropdown`, i = S(() => {
|
|
15
|
+
if (!(t != null && t.current) || !(c != null && c.current))
|
|
16
16
|
return;
|
|
17
17
|
const o = c.current.getBoundingClientRect();
|
|
18
|
-
|
|
18
|
+
t.current.style.top = `${o.bottom}px`, t.current.style.width = `${o.width}px`;
|
|
19
19
|
}, [c]);
|
|
20
|
-
return y(() => (
|
|
21
|
-
window.removeEventListener("resize",
|
|
20
|
+
return y(() => (i(), window.addEventListener("resize", i), () => {
|
|
21
|
+
window.removeEventListener("resize", i);
|
|
22
22
|
}), [c]), typeof document > "u" ? null : A(
|
|
23
23
|
/* @__PURE__ */ e(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
ref:
|
|
26
|
+
ref: t,
|
|
27
27
|
className: b({
|
|
28
28
|
[_]: !0,
|
|
29
29
|
[`${_}--open`]: s,
|
|
@@ -41,8 +41,8 @@ const q = ({
|
|
|
41
41
|
const { prefix: r } = v(), c = `${r}--nav-menu-grid`, n = [];
|
|
42
42
|
for (let a = 0; a < s.length; a += 5)
|
|
43
43
|
n.push(s.slice(a, a + 5));
|
|
44
|
-
return /* @__PURE__ */ e("div", { className: c, children: n.map((a,
|
|
45
|
-
var
|
|
44
|
+
return /* @__PURE__ */ e("div", { className: c, children: n.map((a, t) => /* @__PURE__ */ e("div", { className: `${c}__column`, children: a.map((_) => {
|
|
45
|
+
var i;
|
|
46
46
|
return /* @__PURE__ */ e(
|
|
47
47
|
f,
|
|
48
48
|
{
|
|
@@ -50,16 +50,16 @@ const q = ({
|
|
|
50
50
|
href: _.href,
|
|
51
51
|
label: _.label
|
|
52
52
|
},
|
|
53
|
-
(
|
|
53
|
+
(i = _.label) == null ? void 0 : i.toString()
|
|
54
54
|
);
|
|
55
|
-
}) },
|
|
55
|
+
}) }, t)) });
|
|
56
56
|
}, I = ({
|
|
57
57
|
menu: s
|
|
58
58
|
}) => {
|
|
59
59
|
const { prefix: r } = v(), c = `${r}--nav-mobile-menu`;
|
|
60
60
|
return /* @__PURE__ */ e("ul", { className: `${c}`, children: s.map((n, a) => {
|
|
61
|
-
const
|
|
62
|
-
return /* @__PURE__ */
|
|
61
|
+
const t = typeof n.isActive == "function" ? n.isActive() : n.isActive;
|
|
62
|
+
return /* @__PURE__ */ m("li", { className: `${c}__item`, children: [
|
|
63
63
|
/* @__PURE__ */ e(
|
|
64
64
|
f,
|
|
65
65
|
{
|
|
@@ -68,7 +68,7 @@ const q = ({
|
|
|
68
68
|
className: `${c}__link`
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
|
-
|
|
71
|
+
t && /* @__PURE__ */ e("span", { className: `${c}__marked` })
|
|
72
72
|
] }, a);
|
|
73
73
|
}) });
|
|
74
74
|
}, M = ({
|
|
@@ -77,19 +77,19 @@ const q = ({
|
|
|
77
77
|
header: c,
|
|
78
78
|
widgets: n,
|
|
79
79
|
children: a,
|
|
80
|
-
className:
|
|
80
|
+
className: t
|
|
81
81
|
}) => {
|
|
82
|
-
const { prefix: _ } = v(),
|
|
82
|
+
const { prefix: _ } = v(), i = G(), o = `${_}--nav-mobile-drawer`;
|
|
83
83
|
return typeof document > "u" ? null : A(
|
|
84
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ m(
|
|
85
85
|
"div",
|
|
86
86
|
{
|
|
87
|
-
id: `${o}__${
|
|
88
|
-
className: b(o,
|
|
87
|
+
id: `${o}__${i}`,
|
|
88
|
+
className: b(o, t, {
|
|
89
89
|
[`${o}--open`]: s
|
|
90
90
|
}),
|
|
91
91
|
children: [
|
|
92
|
-
/* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ m("div", { className: `${o}__header`, children: [
|
|
93
93
|
/* @__PURE__ */ e("div", { className: `${o}__header-main`, children: c }),
|
|
94
94
|
/* @__PURE__ */ e(
|
|
95
95
|
"button",
|
|
@@ -101,7 +101,7 @@ const q = ({
|
|
|
101
101
|
}
|
|
102
102
|
)
|
|
103
103
|
] }),
|
|
104
|
-
/* @__PURE__ */
|
|
104
|
+
/* @__PURE__ */ m("div", { className: `${o}__container`, children: [
|
|
105
105
|
/* @__PURE__ */ e("div", { className: `${o}__widgets`, children: n }),
|
|
106
106
|
a
|
|
107
107
|
] })
|
|
@@ -126,23 +126,20 @@ const q = ({
|
|
|
126
126
|
menu: { items: c, labels: n },
|
|
127
127
|
widgets: a
|
|
128
128
|
},
|
|
129
|
-
onClose:
|
|
129
|
+
onClose: t
|
|
130
130
|
}) => {
|
|
131
131
|
var k, g, C;
|
|
132
|
-
const { prefix: _ } = v(), [
|
|
133
|
-
o(!1),
|
|
134
|
-
}, []), u = `${_}--nav-mobile`, p =
|
|
135
|
-
return /* @__PURE__ */
|
|
132
|
+
const { prefix: _ } = v(), [i, o] = x(!1), [$, d] = x(!1), h = S(() => {
|
|
133
|
+
o(!1), d(!1);
|
|
134
|
+
}, []), u = `${_}--nav-mobile`, p = i || $, N = c.slice(0, 5), l = c.slice(5);
|
|
135
|
+
return /* @__PURE__ */ m(
|
|
136
136
|
M,
|
|
137
137
|
{
|
|
138
138
|
isOpen: s,
|
|
139
|
-
onClose:
|
|
140
|
-
header: /* @__PURE__ */
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
] }),
|
|
144
|
-
widgets: /* @__PURE__ */ i("div", { className: `${u}__widgets`, children: [
|
|
145
|
-
(a == null ? void 0 : a.search) && /* @__PURE__ */ i(
|
|
139
|
+
onClose: t,
|
|
140
|
+
header: /* @__PURE__ */ e("div", { className: `${u}__branding`, children: /* @__PURE__ */ e("div", { className: `${u}__logo`, children: r.logo.drawer || r.logo.main }) }),
|
|
141
|
+
widgets: /* @__PURE__ */ m("div", { className: `${u}__widgets`, children: [
|
|
142
|
+
(a == null ? void 0 : a.search) && /* @__PURE__ */ m(
|
|
146
143
|
"a",
|
|
147
144
|
{
|
|
148
145
|
className: `${u}__widgets-search`,
|
|
@@ -163,16 +160,16 @@ const q = ({
|
|
|
163
160
|
label: a.link.label
|
|
164
161
|
}
|
|
165
162
|
),
|
|
166
|
-
(a == null ? void 0 : a.language) && /* @__PURE__ */
|
|
163
|
+
(a == null ? void 0 : a.language) && /* @__PURE__ */ m(
|
|
167
164
|
"button",
|
|
168
165
|
{
|
|
169
166
|
className: `${u}__widgets-language`,
|
|
170
|
-
onClick: () =>
|
|
167
|
+
onClick: () => d(!0),
|
|
171
168
|
"aria-expanded": $,
|
|
172
169
|
"aria-controls": "language-list",
|
|
173
170
|
"aria-label": "Select language",
|
|
174
171
|
children: [
|
|
175
|
-
/* @__PURE__ */
|
|
172
|
+
/* @__PURE__ */ m("span", { className: `${u}__widgets-language__label`, children: [
|
|
176
173
|
a.language.label,
|
|
177
174
|
": ",
|
|
178
175
|
a.language.language
|
|
@@ -184,12 +181,12 @@ const q = ({
|
|
|
184
181
|
] }),
|
|
185
182
|
children: [
|
|
186
183
|
/* @__PURE__ */ e(I, { menu: N }),
|
|
187
|
-
!!l.length && /* @__PURE__ */
|
|
184
|
+
!!l.length && /* @__PURE__ */ m(
|
|
188
185
|
"button",
|
|
189
186
|
{
|
|
190
187
|
className: `${u}__more`,
|
|
191
188
|
onClick: () => o(!0),
|
|
192
|
-
"aria-expanded":
|
|
189
|
+
"aria-expanded": i,
|
|
193
190
|
"aria-controls": "more-items",
|
|
194
191
|
"aria-label": "More items",
|
|
195
192
|
children: [
|
|
@@ -202,11 +199,11 @@ const q = ({
|
|
|
202
199
|
M,
|
|
203
200
|
{
|
|
204
201
|
className: `${u}__nested`,
|
|
205
|
-
header: /* @__PURE__ */
|
|
202
|
+
header: /* @__PURE__ */ m(
|
|
206
203
|
"button",
|
|
207
204
|
{
|
|
208
205
|
className: `${u}__nested__header`,
|
|
209
|
-
onClick:
|
|
206
|
+
onClick: h,
|
|
210
207
|
"aria-label": "Back to menu",
|
|
211
208
|
children: [
|
|
212
209
|
/* @__PURE__ */ e("span", { className: `${u}__nested__header__icon` }),
|
|
@@ -214,11 +211,11 @@ const q = ({
|
|
|
214
211
|
]
|
|
215
212
|
}
|
|
216
213
|
),
|
|
217
|
-
widgets: /* @__PURE__ */ e("span", { className: `${u}__nested__title`, children:
|
|
214
|
+
widgets: /* @__PURE__ */ e("span", { className: `${u}__nested__title`, children: i ? n.more : (k = a == null ? void 0 : a.language) == null ? void 0 : k.label }),
|
|
218
215
|
isOpen: p,
|
|
219
|
-
onClose:
|
|
216
|
+
onClose: h,
|
|
220
217
|
"aria-modal": "true",
|
|
221
|
-
children:
|
|
218
|
+
children: i ? /* @__PURE__ */ e(I, { menu: l, id: "more-items" }) : /* @__PURE__ */ e(
|
|
222
219
|
F,
|
|
223
220
|
{
|
|
224
221
|
selected: ((g = a == null ? void 0 : a.language) == null ? void 0 : g.language) || "",
|
|
@@ -233,37 +230,37 @@ const q = ({
|
|
|
233
230
|
);
|
|
234
231
|
};
|
|
235
232
|
function X({ menu: s, split: r }) {
|
|
236
|
-
const { breakpoint: c } = H(), [n, a] = x(!1), [
|
|
233
|
+
const { breakpoint: c } = H(), [n, a] = x(!1), [t, _] = x(!1), [i, o] = x(!1), $ = L(null), d = ["xl", "xxl"].includes(c || "md"), h = d ? r.desktop : r.mobile, u = s.slice(0, h), p = s.slice(h);
|
|
237
234
|
return y(() => {
|
|
238
235
|
o(!0);
|
|
239
236
|
}, []), {
|
|
240
237
|
menu: { facade: u, more: p },
|
|
241
238
|
more: [n, a],
|
|
242
|
-
mobile: [
|
|
243
|
-
isDesktop:
|
|
244
|
-
isClient:
|
|
239
|
+
mobile: [t, _],
|
|
240
|
+
isDesktop: d,
|
|
241
|
+
isClient: i,
|
|
245
242
|
ref: $
|
|
246
243
|
};
|
|
247
244
|
}
|
|
248
245
|
const j = ({ className: s, menu: r, more: c }) => {
|
|
249
246
|
const { prefix: n } = v(), a = `${n}--nav-menu`;
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
/* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive:
|
|
247
|
+
return /* @__PURE__ */ m("div", { className: b(a, s), children: [
|
|
248
|
+
/* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive: t, ..._ }) => {
|
|
252
249
|
var o;
|
|
253
|
-
const
|
|
250
|
+
const i = typeof t == "function" ? t() : t;
|
|
254
251
|
return /* @__PURE__ */ e("li", { className: `${a}__item`, children: /* @__PURE__ */ e(
|
|
255
252
|
f,
|
|
256
253
|
{
|
|
257
254
|
..._,
|
|
258
255
|
className: b({
|
|
259
256
|
[`${a}__link`]: !0,
|
|
260
|
-
[`${a}__link--active`]:
|
|
257
|
+
[`${a}__link--active`]: i,
|
|
261
258
|
[_.className || ""]: _.className
|
|
262
259
|
})
|
|
263
260
|
}
|
|
264
261
|
) }, (o = _.label) == null ? void 0 : o.toString());
|
|
265
262
|
}) }),
|
|
266
|
-
c && /* @__PURE__ */
|
|
263
|
+
c && /* @__PURE__ */ m(
|
|
267
264
|
"button",
|
|
268
265
|
{
|
|
269
266
|
onClick: c.onClick,
|
|
@@ -288,20 +285,20 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
288
285
|
widgets: n
|
|
289
286
|
}
|
|
290
287
|
}, a) => {
|
|
291
|
-
const { prefix:
|
|
292
|
-
menu: { facade: _, more:
|
|
288
|
+
const { prefix: t } = v(), {
|
|
289
|
+
menu: { facade: _, more: i },
|
|
293
290
|
more: [o, $],
|
|
294
|
-
mobile: [
|
|
291
|
+
mobile: [d, h],
|
|
295
292
|
isDesktop: u,
|
|
296
293
|
ref: p,
|
|
297
294
|
isClient: N
|
|
298
295
|
} = X({ menu: r, split: { desktop: 4, mobile: 2 } });
|
|
299
296
|
B(a, () => p.current);
|
|
300
|
-
const l = `${
|
|
301
|
-
return /* @__PURE__ */
|
|
302
|
-
/* @__PURE__ */
|
|
303
|
-
/* @__PURE__ */
|
|
304
|
-
/* @__PURE__ */
|
|
297
|
+
const l = `${t}--subsite-nav-compact`;
|
|
298
|
+
return /* @__PURE__ */ m("header", { ref: p, className: l, children: [
|
|
299
|
+
/* @__PURE__ */ m("div", { className: `${l}__container`, children: [
|
|
300
|
+
/* @__PURE__ */ m("nav", { className: `${l}__nav`, children: [
|
|
301
|
+
/* @__PURE__ */ e(
|
|
305
302
|
"div",
|
|
306
303
|
{
|
|
307
304
|
className: `${l}__branding`,
|
|
@@ -309,10 +306,7 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
309
306
|
role: "button",
|
|
310
307
|
"aria-label": "Branding",
|
|
311
308
|
tabIndex: 0,
|
|
312
|
-
children:
|
|
313
|
-
/* @__PURE__ */ e("div", { className: `${l}__branding-logo`, children: s.logo.main }),
|
|
314
|
-
/* @__PURE__ */ e("h3", { className: `${l}__branding-name`, children: s.name })
|
|
315
|
-
]
|
|
309
|
+
children: /* @__PURE__ */ e("div", { className: `${l}__branding-logo`, children: s.logo.main })
|
|
316
310
|
}
|
|
317
311
|
),
|
|
318
312
|
/* @__PURE__ */ e(
|
|
@@ -320,7 +314,7 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
320
314
|
{
|
|
321
315
|
className: `${l}__menu`,
|
|
322
316
|
menu: _,
|
|
323
|
-
more:
|
|
317
|
+
more: i.length ? {
|
|
324
318
|
label: c.more,
|
|
325
319
|
onClick: () => $(!o),
|
|
326
320
|
isOpen: o
|
|
@@ -328,9 +322,9 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
328
322
|
}
|
|
329
323
|
)
|
|
330
324
|
] }),
|
|
331
|
-
n && /* @__PURE__ */
|
|
325
|
+
n && /* @__PURE__ */ m("div", { className: `${l}__widget-bar`, children: [
|
|
332
326
|
/* @__PURE__ */ e("span", { className: `${l}__widget-bar-corner` }),
|
|
333
|
-
/* @__PURE__ */
|
|
327
|
+
/* @__PURE__ */ m("div", { className: `${l}__widget-bar-content`, children: [
|
|
334
328
|
n.link && /* @__PURE__ */ e(
|
|
335
329
|
f,
|
|
336
330
|
{
|
|
@@ -363,19 +357,19 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
363
357
|
{
|
|
364
358
|
className: `${l}__burger`,
|
|
365
359
|
"aria-label": "Toggle navigation",
|
|
366
|
-
"aria-expanded":
|
|
367
|
-
onClick: () =>
|
|
360
|
+
"aria-expanded": d,
|
|
361
|
+
onClick: () => h(!d),
|
|
368
362
|
children: /* @__PURE__ */ e("span", { className: `${l}__burger-icon` })
|
|
369
363
|
}
|
|
370
364
|
)
|
|
371
365
|
] }),
|
|
372
|
-
|
|
366
|
+
i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
|
|
373
367
|
N && /* @__PURE__ */ e(
|
|
374
368
|
E,
|
|
375
369
|
{
|
|
376
|
-
isOpen:
|
|
370
|
+
isOpen: d,
|
|
377
371
|
onClose: () => {
|
|
378
|
-
|
|
372
|
+
h(!1);
|
|
379
373
|
},
|
|
380
374
|
navigationProps: {
|
|
381
375
|
widgets: n,
|
|
@@ -398,18 +392,18 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
398
392
|
}
|
|
399
393
|
}, a) => {
|
|
400
394
|
var k, g, C;
|
|
401
|
-
const { prefix:
|
|
402
|
-
menu: { facade: _, more:
|
|
395
|
+
const { prefix: t } = v(), {
|
|
396
|
+
menu: { facade: _, more: i },
|
|
403
397
|
more: [o, $],
|
|
404
|
-
mobile: [
|
|
398
|
+
mobile: [d, h],
|
|
405
399
|
isDesktop: u,
|
|
406
400
|
ref: p,
|
|
407
401
|
isClient: N
|
|
408
402
|
} = X({ menu: r, split: { desktop: 6, mobile: 5 } });
|
|
409
403
|
B(a, () => p.current);
|
|
410
|
-
const l = `${
|
|
411
|
-
return /* @__PURE__ */
|
|
412
|
-
/* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */
|
|
404
|
+
const l = `${t}--subsite-nav-complex`;
|
|
405
|
+
return /* @__PURE__ */ m("header", { ref: p, className: l, children: [
|
|
406
|
+
/* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ m(
|
|
413
407
|
"div",
|
|
414
408
|
{
|
|
415
409
|
className: b(
|
|
@@ -418,7 +412,7 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
418
412
|
),
|
|
419
413
|
children: [
|
|
420
414
|
/* @__PURE__ */ e("span", { className: `${l}__widgets-bar-corner` }),
|
|
421
|
-
/* @__PURE__ */
|
|
415
|
+
/* @__PURE__ */ m("span", { className: `${l}__widgets-bar`, children: [
|
|
422
416
|
(n == null ? void 0 : n.link) && /* @__PURE__ */ e(
|
|
423
417
|
f,
|
|
424
418
|
{
|
|
@@ -439,7 +433,7 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
439
433
|
]
|
|
440
434
|
}
|
|
441
435
|
) }),
|
|
442
|
-
/* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */
|
|
436
|
+
/* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ m(
|
|
443
437
|
"div",
|
|
444
438
|
{
|
|
445
439
|
className: b(
|
|
@@ -447,28 +441,25 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
447
441
|
`${l}__container`
|
|
448
442
|
),
|
|
449
443
|
children: [
|
|
450
|
-
/* @__PURE__ */
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
{
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
/* @__PURE__ */ e("h3", { className: `${l}__branding-main__name`, children: s.name })
|
|
463
|
-
] }),
|
|
464
|
-
/* @__PURE__ */ i("div", { className: `${l}__branding-tag`, children: [
|
|
444
|
+
/* @__PURE__ */ e("div", { className: `${l}__branding-main`, children: /* @__PURE__ */ e(
|
|
445
|
+
"div",
|
|
446
|
+
{
|
|
447
|
+
className: `${l}__branding-main__logo`,
|
|
448
|
+
onClick: s == null ? void 0 : s.onClick,
|
|
449
|
+
role: "button",
|
|
450
|
+
"aria-label": "Branding",
|
|
451
|
+
tabIndex: 0,
|
|
452
|
+
children: s.logo.main
|
|
453
|
+
}
|
|
454
|
+
) }),
|
|
455
|
+
/* @__PURE__ */ m("div", { className: `${l}__branding-tag`, children: [
|
|
465
456
|
/* @__PURE__ */ e("h4", { className: `${l}__branding-tag__main`, children: (k = s.tag) == null ? void 0 : k.main }),
|
|
466
457
|
((g = s.tag) == null ? void 0 : g.sub) && /* @__PURE__ */ e("span", { className: `${l}__branding-tag__sub`, children: (C = s.tag) == null ? void 0 : C.sub })
|
|
467
458
|
] })
|
|
468
459
|
]
|
|
469
460
|
}
|
|
470
461
|
) }),
|
|
471
|
-
/* @__PURE__ */ e("div", { className: b(`${l}-bg--dark`), children: /* @__PURE__ */
|
|
462
|
+
/* @__PURE__ */ e("div", { className: b(`${l}-bg--dark`), children: /* @__PURE__ */ m(
|
|
472
463
|
"nav",
|
|
473
464
|
{
|
|
474
465
|
className: b(
|
|
@@ -476,26 +467,23 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
476
467
|
`${l}__container`
|
|
477
468
|
),
|
|
478
469
|
children: [
|
|
479
|
-
/* @__PURE__ */
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
{
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
),
|
|
491
|
-
/* @__PURE__ */ e("h3", { className: `${l}__nav-mobile__name`, children: s.name })
|
|
492
|
-
] }),
|
|
470
|
+
/* @__PURE__ */ e("div", { className: `${l}__nav-mobile`, children: /* @__PURE__ */ e(
|
|
471
|
+
"div",
|
|
472
|
+
{
|
|
473
|
+
className: `${l}__nav-mobile__logo`,
|
|
474
|
+
onClick: s == null ? void 0 : s.onClick,
|
|
475
|
+
role: "button",
|
|
476
|
+
"aria-label": "Branding",
|
|
477
|
+
tabIndex: 0,
|
|
478
|
+
children: s.logo.mobile
|
|
479
|
+
}
|
|
480
|
+
) }),
|
|
493
481
|
_ && /* @__PURE__ */ e(
|
|
494
482
|
j,
|
|
495
483
|
{
|
|
496
484
|
className: `${l}__nav-menu`,
|
|
497
485
|
menu: _,
|
|
498
|
-
more:
|
|
486
|
+
more: i.length ? {
|
|
499
487
|
label: c.more,
|
|
500
488
|
onClick: () => $(!o),
|
|
501
489
|
isOpen: o
|
|
@@ -516,21 +504,21 @@ const j = ({ className: s, menu: r, more: c }) => {
|
|
|
516
504
|
{
|
|
517
505
|
className: `${l}__nav-burger`,
|
|
518
506
|
"aria-label": "Toggle navigation",
|
|
519
|
-
"aria-expanded":
|
|
520
|
-
onClick: () =>
|
|
507
|
+
"aria-expanded": d,
|
|
508
|
+
onClick: () => h(!d),
|
|
521
509
|
children: /* @__PURE__ */ e("span", { className: `${l}__nav-burger__icon` })
|
|
522
510
|
}
|
|
523
511
|
)
|
|
524
512
|
]
|
|
525
513
|
}
|
|
526
514
|
) }),
|
|
527
|
-
|
|
515
|
+
i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
|
|
528
516
|
N && /* @__PURE__ */ e(
|
|
529
517
|
E,
|
|
530
518
|
{
|
|
531
|
-
isOpen:
|
|
519
|
+
isOpen: d,
|
|
532
520
|
onClose: () => {
|
|
533
|
-
|
|
521
|
+
h(!1);
|
|
534
522
|
},
|
|
535
523
|
navigationProps: {
|
|
536
524
|
widgets: n,
|
|
@@ -15,7 +15,7 @@ import { L as G, T as N } from "./TextInput.args-chunk-gw5WCsYI.js";
|
|
|
15
15
|
import { N as v } from "./Notification-chunk-CQvSf6dK.js";
|
|
16
16
|
import { R as M } from "./ReadMore-chunk-pjNnS8Ji.js";
|
|
17
17
|
import { L as A } from "./Textarea-chunk-BjZncFjh.js";
|
|
18
|
-
import { C as V } from "./Callout-chunk-
|
|
18
|
+
import { C as V } from "./Callout-chunk-D3zivwvj.js";
|
|
19
19
|
import { C as y } from "./Credit-chunk-CvHvubwE.js";
|
|
20
20
|
import { L as U } from "./FileUpload-chunk-Dw6vDrtN.js";
|
|
21
21
|
import { H as q } from "./Heading-chunk-B4_4DVFF.js";
|
|
@@ -42,7 +42,7 @@ import { C as Ro, b as vo, D as Bo, a as Mo, F as ho, M as Ao, P as Eo, c as Vo,
|
|
|
42
42
|
import { B as Uo } from "./Breadcrumb-chunk-DxH8m_ti.js";
|
|
43
43
|
import { T as qo } from "./Tabs-chunk-CMh7UcxO.js";
|
|
44
44
|
import { L as Jo } from "./LanguageToggle-chunk-BOqs0wmF.js";
|
|
45
|
-
import { S as Qo } from "./SubsiteNav-chunk-
|
|
45
|
+
import { S as Qo } from "./SubsiteNav-chunk-DTA21jDN.js";
|
|
46
46
|
export {
|
|
47
47
|
a as Accordion,
|
|
48
48
|
Uo as Breadcrumb,
|
package/lib/esm/index.js
CHANGED
|
@@ -15,7 +15,7 @@ import { L as v, T as B } from "./_store/TextInput.args-chunk-gw5WCsYI.js";
|
|
|
15
15
|
import { N } from "./_store/Notification-chunk-CQvSf6dK.js";
|
|
16
16
|
import { R as M } from "./_store/ReadMore-chunk-pjNnS8Ji.js";
|
|
17
17
|
import { L as A } from "./_store/Textarea-chunk-BjZncFjh.js";
|
|
18
|
-
import { C as V } from "./_store/Callout-chunk-
|
|
18
|
+
import { C as V } from "./_store/Callout-chunk-D3zivwvj.js";
|
|
19
19
|
import { C as y } from "./_store/Credit-chunk-CvHvubwE.js";
|
|
20
20
|
import { L as U } from "./_store/FileUpload-chunk-Dw6vDrtN.js";
|
|
21
21
|
import { H as q } from "./_store/Heading-chunk-B4_4DVFF.js";
|
|
@@ -42,7 +42,7 @@ import { C as Do, b as No, D as Ro, a as Mo, F as ho, M as Ao, P as Eo, c as Vo,
|
|
|
42
42
|
import { B as Uo } from "./_store/Breadcrumb-chunk-DxH8m_ti.js";
|
|
43
43
|
import { T as qo } from "./_store/Tabs-chunk-CMh7UcxO.js";
|
|
44
44
|
import { L as Jo } from "./_store/LanguageToggle-chunk-BOqs0wmF.js";
|
|
45
|
-
import { S as Qo } from "./_store/SubsiteNav-chunk-
|
|
45
|
+
import { S as Qo } from "./_store/SubsiteNav-chunk-DTA21jDN.js";
|
|
46
46
|
import { u as Xo } from "./_store/useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
47
47
|
import { u as Zo } from "./_store/usePrevious-chunk-BtJVllKj.js";
|
|
48
48
|
import { u as $o } from "./_store/useBreakpoint-chunk-c1_IoC-6.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--
|
|
1
|
+
.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout__collapse{max-height:3.4297963558rem;overflow:hidden}.ilo--callout__open{max-height:16.077170418rem;overflow:hidden}.ilo--callout__open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout--sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-light)}.ilo--callout__info .ilo--callout--sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-color-green-ramp)}.ilo--callout__success .ilo--callout--sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout--sidebar{background:var(--ilo-color-yellow)}.ilo--callout--sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout--sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout--content{color:var(--ilo-color-gray-charcoal);font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout--header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--callout--description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:500;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle--icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout--footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout--icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout--icon__alert__error{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__error,.ilo--callout--icon__alert__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__info{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success,.ilo--callout--icon__alert__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__warning{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-white);--ilo--language-toggle-bg:transparent;--ilo--language-toggle-bg-hover:var(--ilo-color-blue-dark);display:inline-block;height:100%}.ilo--language-toggle__theme__dark{--ilo--language-toggle-color:var(--ilo-color-blue-dark);--ilo--language-toggle-color-hover:var(--ilo-color-white)}.ilo--language-toggle--container{align-items:center;appearance:none;background:0 0;background-color:var(--ilo--language-toggle-bg);border:none;box-shadow:none;color:inherit;color:var(--ilo--language-toggle-color);cursor:pointer;display:flex;font:inherit;gap:.2143622722rem;height:100%;margin:0;outline:0;padding:0;transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-out;width:fit-content}.ilo--language-toggle--container:focus,.ilo--language-toggle--container:hover,.ilo--language-toggle--container__open{--ilo--language-toggle-color:var(--ilo--language-toggle-color-hover);--ilo--language-toggle-bg:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--icon{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E")}.ilo--language-toggle--arrow,.ilo--language-toggle--icon{background-color:var(--ilo--language-toggle-color);display:block;height:1.2861736334rem;margin-top:-3px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--language-toggle--arrow{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--language-toggle--action{color:var(--ilo--language-toggle-color);font-family:var(--ilo-fonts-display);font-size:.7502679528rem;font-weight:700;letter-spacing:-2%;line-height:135%}.ilo--language-toggle--context-menu{left:0;margin-top:calc(var(--ilo-spacing-base)*2);opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:5}.ilo--language-toggle--context-menu__open{opacity:1;transform:translateY(0);visibility:visible}.ilo--language-toggle--context-menu:focus{outline:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)*4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{flex-flow:row wrap;grid-area:content}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
|