@brad-frost-web/eddie-web-components 0.26.0 → 0.28.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/cdn/components/hero/hero.js +7 -7
- package/cdn/components/hr/hr.js +13 -13
- package/cdn/components/link-list/link-list.js +16 -16
- package/cdn/components/page/page.js +26 -0
- package/cdn/components/section/section.js +20 -10
- package/cdn/components/text-link/text-link.js +8 -8
- package/cdn/components/text-passage/text-passage.js +7 -7
- package/components/hero/hero.js +5 -5
- package/components/hr/hr.js +14 -14
- package/components/link-list/link-list.js +12 -12
- package/components/page/page.d.ts +71 -0
- package/components/page/page.d.ts.map +1 -0
- package/components/page/page.js +27 -0
- package/components/section/section.d.ts +8 -0
- package/components/section/section.d.ts.map +1 -1
- package/components/section/section.js +21 -10
- package/components/text-link/text-link.js +11 -11
- package/components/text-passage/text-passage.js +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { r as l, A as
|
|
2
|
-
import { E as
|
|
1
|
+
import { r as l, A as m, c as g, b as h, n as o } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
|
+
import { E as s } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
3
|
import "../layout-container/layout-container.js";
|
|
4
|
-
const b = ':root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hero{position:relative;overflow:hidden}.ed-c-hero__image{width:100%;height:
|
|
5
|
-
var
|
|
4
|
+
const b = ':root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hero{position:relative;overflow:hidden}.ed-c-hero__image{width:100%;height:auto;display:block}@media all and (min-width:48rem){.ed-c-hero__image{object-fit:cover}}.ed-c-hero ed-layout-container{display:block}@media all and (min-width:48rem){.ed-c-hero ed-layout-container{position:absolute;inset:0;display:flex;align-items:flex-end}}.ed-c-hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-block:1.5rem}@media all and (min-width:48rem){.ed-c-hero__body{padding-block:2rem}}.ed-c-hero--align-center .ed-c-hero__body{align-items:center;text-align:center}.ed-c-hero--align-right .ed-c-hero__body{align-items:flex-end;text-align:right}@media all and (min-width:48rem){.ed-c-hero--valign-top ed-layout-container{align-items:flex-start}}@media all and (min-width:48rem){.ed-c-hero--valign-center ed-layout-container{align-items:center}}.ed-c-hero--shadow{color:var(--ed-theme-color-content-knockout)}.ed-c-hero--shadow:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.7) 100%);pointer-events:none}.ed-c-hero--shadow .ed-c-hero__body{position:relative;z-index:1}.ed-c-hero--shadow.ed-c-hero--valign-top:after{background:linear-gradient(to top,transparent 30%,rgba(0,0,0,.7) 100%)}.ed-c-hero--shadow.ed-c-hero--valign-center:after{background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.6) 100%)}.ed-c-hero--boxed .ed-c-hero__body{background:var(--ed-theme-color-background-knockout);color:var(--ed-theme-color-content-knockout);border-radius:var(--ed-theme-border-radius-md);padding:1.5rem}@media all and (min-width:48rem){.ed-c-hero--height-sm{min-height:25vh}}@media all and (min-width:48rem){.ed-c-hero--height-lg{min-height:60vh}}@media all and (min-width:48rem){.ed-c-hero--height-xl{min-height:80vh}}@media all and (min-width:48rem){.ed-c-hero--height-full{min-height:100vh}}.ed-c-hero--brand{background:var(--ed-theme-color-background-brand);color:var(--ed-theme-color-content-knockout)}.ed-c-hero--brand-knockout{background:var(--ed-theme-color-background-brand-knockout);color:var(--ed-theme-color-content-knockout)}.ed-c-hero--accent-1{background:var(--ed-theme-color-background-accent-1);color:var(--ed-theme-color-content-on-accent-1)}.ed-c-hero--accent-2{background:var(--ed-theme-color-background-accent-2);color:var(--ed-theme-color-content-on-accent-2)}.ed-c-hero--accent-3{background:var(--ed-theme-color-background-accent-3);color:var(--ed-theme-color-content-on-accent-3)}.ed-c-hero--accent-4{background:var(--ed-theme-color-background-accent-4);color:var(--ed-theme-color-content-on-accent-4)}.ed-c-hero--accent-5{background:var(--ed-theme-color-background-accent-5);color:var(--ed-theme-color-content-on-accent-5)}.ed-c-hero--accent-6{background:var(--ed-theme-color-background-accent-6);color:var(--ed-theme-color-content-on-accent-6)}.ed-c-hero--accent-7{background:var(--ed-theme-color-background-accent-7);color:var(--ed-theme-color-content-on-accent-7)}.ed-c-hero--accent-8{background:var(--ed-theme-color-background-accent-8);color:var(--ed-theme-color-content-on-accent-8)}';
|
|
5
|
+
var v = Object.defineProperty, t = (a, c, n, u) => {
|
|
6
6
|
for (var r = void 0, d = a.length - 1, i; d >= 0; d--)
|
|
7
7
|
(i = a[d]) && (r = i(c, n, r) || r);
|
|
8
|
-
return r &&
|
|
8
|
+
return r && v(c, n, r), r;
|
|
9
9
|
};
|
|
10
|
-
class e extends
|
|
10
|
+
class e extends s {
|
|
11
11
|
static get styles() {
|
|
12
12
|
return l(b);
|
|
13
13
|
}
|
|
@@ -27,7 +27,7 @@ class e extends g {
|
|
|
27
27
|
});
|
|
28
28
|
return h`
|
|
29
29
|
<div class="${n}">
|
|
30
|
-
${this.imgSrc ? h`<img class="ed-c-hero__image" src="${this.imgSrc}" alt="${
|
|
30
|
+
${this.imgSrc ? h`<img class="ed-c-hero__image" src="${this.imgSrc}" alt="${g(this.imgAlt)}" />` : m}
|
|
31
31
|
<ed-layout-container>
|
|
32
32
|
<div class="ed-c-hero__body">
|
|
33
33
|
<slot></slot>
|
package/cdn/components/hr/hr.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as n, b as i, n as a } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
2
|
import { E as c } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
-
const m = "
|
|
4
|
-
var l = Object.defineProperty, b = (
|
|
5
|
-
for (var e = void 0,
|
|
6
|
-
(
|
|
7
|
-
return e && l(
|
|
3
|
+
const m = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hr{height:var(--ed-theme-border-width-sm);background:var(--ed-theme-color-background-subtle);border:0}.ed-c-hr--thick{height:var(--ed-theme-border-width-lg)}';
|
|
4
|
+
var l = Object.defineProperty, b = (t, r, o, f) => {
|
|
5
|
+
for (var e = void 0, s = t.length - 1, h; s >= 0; s--)
|
|
6
|
+
(h = t[s]) && (e = h(r, o, e) || e);
|
|
7
|
+
return e && l(r, o, e), e;
|
|
8
8
|
};
|
|
9
|
-
class
|
|
9
|
+
class d extends c {
|
|
10
10
|
static get styles() {
|
|
11
|
-
return
|
|
11
|
+
return n(m.toString());
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
const
|
|
14
|
+
const r = this.componentClassNames("ed-c-hr", {
|
|
15
15
|
"ed-c-hr--thick": this.variant === "thick"
|
|
16
16
|
});
|
|
17
|
-
return i` <hr class="${
|
|
17
|
+
return i` <hr class="${r}" /> `;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
b([
|
|
21
21
|
a()
|
|
22
|
-
],
|
|
23
|
-
customElements.get("ed-hr") === void 0 && customElements.define("ed-hr",
|
|
22
|
+
], d.prototype, "variant");
|
|
23
|
+
customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", d);
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
d as EdHr
|
|
26
26
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { r as d, b as
|
|
2
|
-
import { E as
|
|
3
|
-
const h = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-link-list{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);display:flex;flex-direction:column;padding:0;margin-block-start:-1rem;list-style:none;color:var(--ed-theme-link-color-content-default)}.ed-c-link-list ::slotted(ed-link-list-item){margin-block-start:1rem}.ed-c-link-list--secondary{--ed-link-list-item-active-text-color: var(--ed-theme-color-content-default);color:var(--ed-theme-color-content-subtle)}.ed-c-link-list--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-link-list--display{color:var(--ed-theme-color-content-default)}.ed-c-link-list--condensed{margin-block-start:-.625rem}.ed-c-link-list--condensed ::slotted(ed-link-list-item){margin-block-start:.625rem}.ed-c-link-list--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-link-list--horizontal{flex-direction:row;flex-wrap:wrap;
|
|
4
|
-
var p = Object.defineProperty,
|
|
5
|
-
for (var e = void 0,
|
|
6
|
-
(a = n
|
|
7
|
-
return e && p(
|
|
1
|
+
import { r as d, b as c, n as i } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
|
+
import { E as m } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
+
const h = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-link-list{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);display:flex;flex-direction:column;padding:0;margin-block-start:-1rem;list-style:none;color:var(--ed-theme-link-color-content-default)}.ed-c-link-list ::slotted(ed-link-list-item){margin-block-start:1rem}.ed-c-link-list--secondary{--ed-link-list-item-active-text-color: var(--ed-theme-color-content-default);color:var(--ed-theme-color-content-subtle)}.ed-c-link-list--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-link-list--display{color:var(--ed-theme-color-content-default)}.ed-c-link-list--condensed{margin-block-start:-.625rem}.ed-c-link-list--condensed ::slotted(ed-link-list-item){margin-block-start:.625rem}.ed-c-link-list--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-link-list--horizontal{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:0}.ed-c-link-list--horizontal ::slotted(ed-link-list-item){margin-block-start:0}@media all and (max-width:48rem){.ed-c-link-list--responsive{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:0}.ed-c-link-list--responsive ::slotted(ed-link-list-item){margin-block-start:0}}";
|
|
4
|
+
var p = Object.defineProperty, o = (l, r, s, y) => {
|
|
5
|
+
for (var e = void 0, n = l.length - 1, a; n >= 0; n--)
|
|
6
|
+
(a = l[n]) && (e = a(r, s, e) || e);
|
|
7
|
+
return e && p(r, s, e), e;
|
|
8
8
|
};
|
|
9
|
-
class t extends
|
|
9
|
+
class t extends m {
|
|
10
10
|
static get styles() {
|
|
11
11
|
return d(h);
|
|
12
12
|
}
|
|
@@ -14,7 +14,7 @@ class t extends c {
|
|
|
14
14
|
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "list");
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
const
|
|
17
|
+
const r = this.componentClassNames("ed-c-link-list", {
|
|
18
18
|
"ed-c-link-list--secondary": this.variant === "secondary",
|
|
19
19
|
"ed-c-link-list--inverted": this.inverted === !0,
|
|
20
20
|
"ed-c-link-list--responsive": this.behavior === "responsive",
|
|
@@ -22,26 +22,26 @@ class t extends c {
|
|
|
22
22
|
"ed-c-link-list--condensed": this.spacing === "condensed",
|
|
23
23
|
"ed-c-link-list--sm": this.size === "sm"
|
|
24
24
|
});
|
|
25
|
-
return
|
|
26
|
-
<div class="${
|
|
25
|
+
return c`
|
|
26
|
+
<div class="${r}">
|
|
27
27
|
<slot></slot>
|
|
28
28
|
</div>
|
|
29
29
|
`;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
|
|
32
|
+
o([
|
|
33
33
|
i()
|
|
34
34
|
], t.prototype, "behavior");
|
|
35
|
-
|
|
35
|
+
o([
|
|
36
36
|
i({ type: Boolean })
|
|
37
37
|
], t.prototype, "inverted");
|
|
38
|
-
|
|
38
|
+
o([
|
|
39
39
|
i()
|
|
40
40
|
], t.prototype, "size");
|
|
41
|
-
|
|
41
|
+
o([
|
|
42
42
|
i()
|
|
43
43
|
], t.prototype, "spacing");
|
|
44
|
-
|
|
44
|
+
o([
|
|
45
45
|
i()
|
|
46
46
|
], t.prototype, "variant");
|
|
47
47
|
customElements.get("ed-link-list") === void 0 && customElements.define("ed-link-list", t);
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { r as n, b as i, n as d } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
|
+
import { E as c } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
+
const m = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}:host{display:block}.ed-c-page{display:flex;flex-direction:column;min-height:100vh}::slotted(*){display:block}::slotted(:not(:last-child)){margin-block-end:2rem}.ed-c-page--flush ::slotted(*){margin-block-end:0}';
|
|
4
|
+
var h = Object.defineProperty, p = (s, t, r, f) => {
|
|
5
|
+
for (var e = void 0, o = s.length - 1, l; o >= 0; o--)
|
|
6
|
+
(l = s[o]) && (e = l(t, r, e) || e);
|
|
7
|
+
return e && h(t, r, e), e;
|
|
8
|
+
};
|
|
9
|
+
class a extends c {
|
|
10
|
+
static get styles() {
|
|
11
|
+
return n(m);
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
const t = this.componentClassNames("ed-c-page", {
|
|
15
|
+
"ed-c-page--flush": this.variant === "flush"
|
|
16
|
+
});
|
|
17
|
+
return i`<div class=${t}><slot></slot></div>`;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
p([
|
|
21
|
+
d()
|
|
22
|
+
], a.prototype, "variant");
|
|
23
|
+
customElements.get("ed-page") === void 0 && customElements.define("ed-page", a);
|
|
24
|
+
export {
|
|
25
|
+
a as EdPage
|
|
26
|
+
};
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { E as
|
|
3
|
-
const
|
|
4
|
-
|
|
1
|
+
import { r as c, b as d, n as a } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
|
+
import { E as l } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
+
const m = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-section{margin-block-end:2rem}.ed-c-section__body{padding-block-start:1rem}@media all and (min-width:60rem){.ed-c-section__body{padding-block-start:2rem}}.ed-c-section--align-center .ed-c-section-header{text-align:center}';
|
|
4
|
+
var h = Object.defineProperty, b = (s, t, o, g) => {
|
|
5
|
+
for (var e = void 0, n = s.length - 1, r; n >= 0; n--)
|
|
6
|
+
(r = s[n]) && (e = r(t, o, e) || e);
|
|
7
|
+
return e && h(t, o, e), e;
|
|
8
|
+
};
|
|
9
|
+
class i extends l {
|
|
5
10
|
static get styles() {
|
|
6
|
-
return
|
|
11
|
+
return c(m);
|
|
7
12
|
}
|
|
8
13
|
render() {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
const t = this.componentClassNames("ed-c-section", {
|
|
15
|
+
"ed-c-section--align-center": this.align === "center"
|
|
16
|
+
});
|
|
17
|
+
return d`
|
|
18
|
+
<section class="${t}">
|
|
12
19
|
<header class="ed-c-section-header">
|
|
13
20
|
<slot name="header"></slot>
|
|
14
21
|
</header>
|
|
@@ -19,7 +26,10 @@ class d extends o {
|
|
|
19
26
|
`;
|
|
20
27
|
}
|
|
21
28
|
}
|
|
22
|
-
|
|
29
|
+
b([
|
|
30
|
+
a()
|
|
31
|
+
], i.prototype, "align");
|
|
32
|
+
customElements.get("ed-section") === void 0 && customElements.define("ed-section", i);
|
|
23
33
|
export {
|
|
24
|
-
|
|
34
|
+
i as EdSection
|
|
25
35
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as c, c as h, b as s, n as r } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
2
|
import { E as m } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
-
const
|
|
4
|
-
var
|
|
5
|
-
for (var e = void 0,
|
|
6
|
-
(l = i[
|
|
7
|
-
return e &&
|
|
3
|
+
const f = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-text-link{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);color:var(--ed-theme-link-color-content-default);text-decoration:underline}.ed-c-text-link:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}.ed-c-text-link:active{color:var(--ed-theme-link-color-content-active)}.ed-c-text-link:visited{color:var(--ed-theme-link-color-content-visited)}.ed-c-text-link:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-text-link{display:inline-flex}.ed-c-text-link--secondary{color:var(--ed-theme-color-content-subtle)}.ed-c-text-link--inverted{color:var(--ed-theme-color-content-knockout);text-decoration:underline}.ed-c-text-link--inverted:hover{color:var(--ed-theme-color-content-knockout);background-color:transparent}.ed-c-text-link--inverted:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-knockout);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-text-link--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-text-link__after{margin-inline-start:.5rem}";
|
|
4
|
+
var y = Object.defineProperty, n = (i, o, a, v) => {
|
|
5
|
+
for (var e = void 0, d = i.length - 1, l; d >= 0; d--)
|
|
6
|
+
(l = i[d]) && (e = l(o, a, e) || e);
|
|
7
|
+
return e && y(o, a, e), e;
|
|
8
8
|
};
|
|
9
9
|
class t extends m {
|
|
10
10
|
static get styles() {
|
|
11
|
-
return
|
|
11
|
+
return c(f.toString());
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const o = this.componentClassNames("ed-c-text-link", {
|
|
@@ -18,7 +18,7 @@ class t extends m {
|
|
|
18
18
|
"ed-c-text-link--sm": this.size === "sm"
|
|
19
19
|
});
|
|
20
20
|
return s`
|
|
21
|
-
<a href="${
|
|
21
|
+
<a href="${h(this.href)}" class="${o}">
|
|
22
22
|
<slot></slot>
|
|
23
23
|
${this.slotNotEmpty("linkAfter") && s`<div class="ed-c-text-link__after">
|
|
24
24
|
<slot name="linkAfter"></slot>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { r as s, b as m, n as o } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
2
|
import { E as d } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
-
const g = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-text-passage{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:none}ed-text-passage a:hover,ed-text-passage a:focus{text-decoration:underline;color:var(--ed-theme-link-color-content-hover)}ed-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-sm) solid var(--ed-theme-color-border-subtle);color:var(--ed-theme-color-content-subtle);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=sm]{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}ed-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-knockout);color:var(--ed-theme-color-content-knockout)}", p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
4
|
-
var y = Object.defineProperty,
|
|
5
|
-
for (var a = void 0, h = r.length - 1,
|
|
6
|
-
(
|
|
3
|
+
const g = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-text-passage{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:underline}ed-text-passage a:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}ed-text-passage a:active{color:var(--ed-theme-link-color-content-active)}ed-text-passage a:visited{color:var(--ed-theme-link-color-content-visited)}ed-text-passage a:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}ed-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-lg) solid var(--ed-theme-color-border-brand);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=sm]{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}ed-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-knockout);color:var(--ed-theme-color-content-knockout)}', p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
4
|
+
var y = Object.defineProperty, l = (r, e, t, f) => {
|
|
5
|
+
for (var a = void 0, h = r.length - 1, n; h >= 0; h--)
|
|
6
|
+
(n = r[h]) && (a = n(e, t, a) || a);
|
|
7
7
|
return a && y(e, t, a), a;
|
|
8
8
|
};
|
|
9
9
|
class i extends d {
|
|
@@ -41,13 +41,13 @@ class i extends d {
|
|
|
41
41
|
`;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
|
|
44
|
+
l([
|
|
45
45
|
o({ type: Boolean })
|
|
46
46
|
], i.prototype, "inverted");
|
|
47
|
-
|
|
47
|
+
l([
|
|
48
48
|
o()
|
|
49
49
|
], i.prototype, "size");
|
|
50
|
-
|
|
50
|
+
l([
|
|
51
51
|
o({ type: Boolean })
|
|
52
52
|
], i.prototype, "capLinelength");
|
|
53
53
|
customElements.get("ed-text-passage") === void 0 && customElements.define("ed-text-passage", i);
|
package/components/hero/hero.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { unsafeCSS as l, nothing as m, html as h } from "lit";
|
|
2
2
|
import { property as o } from "lit/decorators.js";
|
|
3
|
-
import { ifDefined as
|
|
4
|
-
import { EdElement as
|
|
3
|
+
import { ifDefined as g } from "lit-html/directives/if-defined.js";
|
|
4
|
+
import { EdElement as s } from "../EdElement.js";
|
|
5
5
|
import "../layout-container/layout-container.js";
|
|
6
|
-
const b = ':root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hero{position:relative;overflow:hidden}.ed-c-hero__image{width:100%;height:
|
|
6
|
+
const b = ':root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hero{position:relative;overflow:hidden}.ed-c-hero__image{width:100%;height:auto;display:block}@media all and (min-width:48rem){.ed-c-hero__image{object-fit:cover}}.ed-c-hero ed-layout-container{display:block}@media all and (min-width:48rem){.ed-c-hero ed-layout-container{position:absolute;inset:0;display:flex;align-items:flex-end}}.ed-c-hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-block:1.5rem}@media all and (min-width:48rem){.ed-c-hero__body{padding-block:2rem}}.ed-c-hero--align-center .ed-c-hero__body{align-items:center;text-align:center}.ed-c-hero--align-right .ed-c-hero__body{align-items:flex-end;text-align:right}@media all and (min-width:48rem){.ed-c-hero--valign-top ed-layout-container{align-items:flex-start}}@media all and (min-width:48rem){.ed-c-hero--valign-center ed-layout-container{align-items:center}}.ed-c-hero--shadow{color:var(--ed-theme-color-content-knockout)}.ed-c-hero--shadow:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.7) 100%);pointer-events:none}.ed-c-hero--shadow .ed-c-hero__body{position:relative;z-index:1}.ed-c-hero--shadow.ed-c-hero--valign-top:after{background:linear-gradient(to top,transparent 30%,rgba(0,0,0,.7) 100%)}.ed-c-hero--shadow.ed-c-hero--valign-center:after{background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.6) 100%)}.ed-c-hero--boxed .ed-c-hero__body{background:var(--ed-theme-color-background-knockout);color:var(--ed-theme-color-content-knockout);border-radius:var(--ed-theme-border-radius-md);padding:1.5rem}@media all and (min-width:48rem){.ed-c-hero--height-sm{min-height:25vh}}@media all and (min-width:48rem){.ed-c-hero--height-lg{min-height:60vh}}@media all and (min-width:48rem){.ed-c-hero--height-xl{min-height:80vh}}@media all and (min-width:48rem){.ed-c-hero--height-full{min-height:100vh}}.ed-c-hero--brand{background:var(--ed-theme-color-background-brand);color:var(--ed-theme-color-content-knockout)}.ed-c-hero--brand-knockout{background:var(--ed-theme-color-background-brand-knockout);color:var(--ed-theme-color-content-knockout)}.ed-c-hero--accent-1{background:var(--ed-theme-color-background-accent-1);color:var(--ed-theme-color-content-on-accent-1)}.ed-c-hero--accent-2{background:var(--ed-theme-color-background-accent-2);color:var(--ed-theme-color-content-on-accent-2)}.ed-c-hero--accent-3{background:var(--ed-theme-color-background-accent-3);color:var(--ed-theme-color-content-on-accent-3)}.ed-c-hero--accent-4{background:var(--ed-theme-color-background-accent-4);color:var(--ed-theme-color-content-on-accent-4)}.ed-c-hero--accent-5{background:var(--ed-theme-color-background-accent-5);color:var(--ed-theme-color-content-on-accent-5)}.ed-c-hero--accent-6{background:var(--ed-theme-color-background-accent-6);color:var(--ed-theme-color-content-on-accent-6)}.ed-c-hero--accent-7{background:var(--ed-theme-color-background-accent-7);color:var(--ed-theme-color-content-on-accent-7)}.ed-c-hero--accent-8{background:var(--ed-theme-color-background-accent-8);color:var(--ed-theme-color-content-on-accent-8)}';
|
|
7
7
|
var u = Object.defineProperty, t = (a, c, n, v) => {
|
|
8
8
|
for (var r = void 0, d = a.length - 1, i; d >= 0; d--)
|
|
9
9
|
(i = a[d]) && (r = i(c, n, r) || r);
|
|
10
10
|
return r && u(c, n, r), r;
|
|
11
11
|
};
|
|
12
|
-
class e extends
|
|
12
|
+
class e extends s {
|
|
13
13
|
static get styles() {
|
|
14
14
|
return l(b);
|
|
15
15
|
}
|
|
@@ -29,7 +29,7 @@ class e extends g {
|
|
|
29
29
|
});
|
|
30
30
|
return h`
|
|
31
31
|
<div class="${n}">
|
|
32
|
-
${this.imgSrc ? h`<img class="ed-c-hero__image" src="${this.imgSrc}" alt="${
|
|
32
|
+
${this.imgSrc ? h`<img class="ed-c-hero__image" src="${this.imgSrc}" alt="${g(this.imgAlt)}" />` : m}
|
|
33
33
|
<ed-layout-container>
|
|
34
34
|
<div class="ed-c-hero__body">
|
|
35
35
|
<slot></slot>
|
package/components/hr/hr.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
1
|
+
import { unsafeCSS as i, html as n } from "lit";
|
|
2
2
|
import { property as a } from "lit/decorators.js";
|
|
3
3
|
import { EdElement as m } from "../EdElement.js";
|
|
4
|
-
const c = "
|
|
5
|
-
var l = Object.defineProperty,
|
|
6
|
-
for (var e = void 0, o =
|
|
7
|
-
(
|
|
8
|
-
return e && l(
|
|
4
|
+
const c = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hr{height:var(--ed-theme-border-width-sm);background:var(--ed-theme-color-background-subtle);border:0}.ed-c-hr--thick{height:var(--ed-theme-border-width-lg)}';
|
|
5
|
+
var l = Object.defineProperty, f = (t, r, s, b) => {
|
|
6
|
+
for (var e = void 0, o = t.length - 1, h; o >= 0; o--)
|
|
7
|
+
(h = t[o]) && (e = h(r, s, e) || e);
|
|
8
|
+
return e && l(r, s, e), e;
|
|
9
9
|
};
|
|
10
|
-
class
|
|
10
|
+
class d extends m {
|
|
11
11
|
static get styles() {
|
|
12
|
-
return
|
|
12
|
+
return i(c.toString());
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
const
|
|
15
|
+
const r = this.componentClassNames("ed-c-hr", {
|
|
16
16
|
"ed-c-hr--thick": this.variant === "thick"
|
|
17
17
|
});
|
|
18
|
-
return
|
|
18
|
+
return n` <hr class="${r}" /> `;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
|
|
21
|
+
f([
|
|
22
22
|
a()
|
|
23
|
-
],
|
|
24
|
-
customElements.get("ed-hr") === void 0 && customElements.define("ed-hr",
|
|
23
|
+
], d.prototype, "variant");
|
|
24
|
+
customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", d);
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
d as EdHr
|
|
27
27
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { unsafeCSS as d, html as m } from "lit";
|
|
2
2
|
import { property as i } from "lit/decorators.js";
|
|
3
3
|
import { EdElement as c } from "../EdElement.js";
|
|
4
|
-
const h = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-link-list{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);display:flex;flex-direction:column;padding:0;margin-block-start:-1rem;list-style:none;color:var(--ed-theme-link-color-content-default)}.ed-c-link-list ::slotted(ed-link-list-item){margin-block-start:1rem}.ed-c-link-list--secondary{--ed-link-list-item-active-text-color: var(--ed-theme-color-content-default);color:var(--ed-theme-color-content-subtle)}.ed-c-link-list--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-link-list--display{color:var(--ed-theme-color-content-default)}.ed-c-link-list--condensed{margin-block-start:-.625rem}.ed-c-link-list--condensed ::slotted(ed-link-list-item){margin-block-start:.625rem}.ed-c-link-list--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-link-list--horizontal{flex-direction:row;flex-wrap:wrap;
|
|
5
|
-
var p = Object.defineProperty,
|
|
6
|
-
for (var e = void 0,
|
|
7
|
-
(a = n
|
|
8
|
-
return e && p(
|
|
4
|
+
const h = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-link-list{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);display:flex;flex-direction:column;padding:0;margin-block-start:-1rem;list-style:none;color:var(--ed-theme-link-color-content-default)}.ed-c-link-list ::slotted(ed-link-list-item){margin-block-start:1rem}.ed-c-link-list--secondary{--ed-link-list-item-active-text-color: var(--ed-theme-color-content-default);color:var(--ed-theme-color-content-subtle)}.ed-c-link-list--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-link-list--display{color:var(--ed-theme-color-content-default)}.ed-c-link-list--condensed{margin-block-start:-.625rem}.ed-c-link-list--condensed ::slotted(ed-link-list-item){margin-block-start:.625rem}.ed-c-link-list--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-link-list--horizontal{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:0}.ed-c-link-list--horizontal ::slotted(ed-link-list-item){margin-block-start:0}@media all and (max-width:48rem){.ed-c-link-list--responsive{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:0}.ed-c-link-list--responsive ::slotted(ed-link-list-item){margin-block-start:0}}";
|
|
5
|
+
var p = Object.defineProperty, o = (l, r, s, y) => {
|
|
6
|
+
for (var e = void 0, n = l.length - 1, a; n >= 0; n--)
|
|
7
|
+
(a = l[n]) && (e = a(r, s, e) || e);
|
|
8
|
+
return e && p(r, s, e), e;
|
|
9
9
|
};
|
|
10
10
|
class t extends c {
|
|
11
11
|
static get styles() {
|
|
@@ -15,7 +15,7 @@ class t extends c {
|
|
|
15
15
|
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "list");
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const
|
|
18
|
+
const r = this.componentClassNames("ed-c-link-list", {
|
|
19
19
|
"ed-c-link-list--secondary": this.variant === "secondary",
|
|
20
20
|
"ed-c-link-list--inverted": this.inverted === !0,
|
|
21
21
|
"ed-c-link-list--responsive": this.behavior === "responsive",
|
|
@@ -24,25 +24,25 @@ class t extends c {
|
|
|
24
24
|
"ed-c-link-list--sm": this.size === "sm"
|
|
25
25
|
});
|
|
26
26
|
return m`
|
|
27
|
-
<div class="${
|
|
27
|
+
<div class="${r}">
|
|
28
28
|
<slot></slot>
|
|
29
29
|
</div>
|
|
30
30
|
`;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
o([
|
|
34
34
|
i()
|
|
35
35
|
], t.prototype, "behavior");
|
|
36
|
-
|
|
36
|
+
o([
|
|
37
37
|
i({ type: Boolean })
|
|
38
38
|
], t.prototype, "inverted");
|
|
39
|
-
|
|
39
|
+
o([
|
|
40
40
|
i()
|
|
41
41
|
], t.prototype, "size");
|
|
42
|
-
|
|
42
|
+
o([
|
|
43
43
|
i()
|
|
44
44
|
], t.prototype, "spacing");
|
|
45
|
-
|
|
45
|
+
o([
|
|
46
46
|
i()
|
|
47
47
|
], t.prototype, "variant");
|
|
48
48
|
customElements.get("ed-link-list") === void 0 && customElements.define("ed-link-list", t);
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
|
|
2
|
+
/**
|
|
3
|
+
* A structural wrapper that owns page-level layout concerns — vertical rhythm
|
|
4
|
+
* between the site header, main content, and footer — so those siblings never
|
|
5
|
+
* have to carry page-level spacing on themselves.
|
|
6
|
+
*
|
|
7
|
+
* Renders a `<div>` with `display: flex; flex-direction: column; min-height: 100vh`,
|
|
8
|
+
* and applies consistent vertical spacing between its direct children by putting
|
|
9
|
+
* `margin-block-end` on each child except the last. Use it as the root of every
|
|
10
|
+
* page, with `ed-header` (or a header recipe), `ed-main`, and `ed-footer` (or a
|
|
11
|
+
* footer recipe) as direct children.
|
|
12
|
+
*
|
|
13
|
+
* This component exists because page-region spacing is a page-level concern, not
|
|
14
|
+
* a component-level one. Putting margins on the header or footer themselves is
|
|
15
|
+
* brittle (the margin travels with the component into contexts where it's wrong);
|
|
16
|
+
* asking consumers to sprinkle utility classes between regions just to get the
|
|
17
|
+
* default is also brittle (defaults should look right without opt-in). `ed-page`
|
|
18
|
+
* is the one place that default rhythm lives.
|
|
19
|
+
*
|
|
20
|
+
* ## Variants
|
|
21
|
+
*
|
|
22
|
+
* - **flush** — Zero out the inter-region rhythm. Use for pages with a full-bleed
|
|
23
|
+
* first and/or last element (a homepage whose hero hugs the site header, a
|
|
24
|
+
* marketing page whose promo band hugs the footer). Most pages don't need it;
|
|
25
|
+
* the default spacing is correct.
|
|
26
|
+
*
|
|
27
|
+
* ```html
|
|
28
|
+
* <ed-page variant="flush">
|
|
29
|
+
* <ed-r-site-header></ed-r-site-header>
|
|
30
|
+
* <ed-main>
|
|
31
|
+
* <ed-hero>…</ed-hero>
|
|
32
|
+
* …
|
|
33
|
+
* <ed-r-promo-block></ed-r-promo-block>
|
|
34
|
+
* </ed-main>
|
|
35
|
+
* <ed-r-site-footer></ed-r-site-footer>
|
|
36
|
+
* </ed-page>
|
|
37
|
+
* ```
|
|
38
|
+
*
|
|
39
|
+
* @use As the root wrapper for every page, containing `ed-header` / `ed-main` / `ed-footer` (or their recipe equivalents) as direct children
|
|
40
|
+
* @use To guarantee the `ed-main` region grows to fill the viewport (`min-height: 100vh`) so footers sit at the bottom on short pages
|
|
41
|
+
* @use To produce consistent vertical rhythm between the header, main, and footer regions without per-template utility classes
|
|
42
|
+
* @use With `variant="flush"` for pages whose top or bottom region is a full-bleed visual element (hero, promo band) that should hug the adjacent site header / footer
|
|
43
|
+
*
|
|
44
|
+
* @dontuse As a generic layout container inside a page — use `ed-layout-container` for max-width constraints and `ed-section` for titled content regions
|
|
45
|
+
* @dontuse Nested inside another `ed-page` — one per document, always at the root
|
|
46
|
+
* @dontuse With `variant="flush"` on pages whose top element isn't full-bleed — the default rhythm is what you want
|
|
47
|
+
*
|
|
48
|
+
* @a11y `ed-page` renders a plain `<div>` and adds no landmark roles — landmarks come from its children (`<header>` via `ed-header`, `<main>` via `ed-main`, `<footer>` via `ed-footer`). Keep one of each per page for a clean landmark outline.
|
|
49
|
+
* @a11y Do not nest multiple headers, mains, or footers as direct children — assistive technology announces each as a landmark, so duplication muddles navigation
|
|
50
|
+
*
|
|
51
|
+
* @slot - Page-level regions (typically `ed-header`, `ed-main`, `ed-footer`). Direct children are laid out vertically with consistent spacing between them; use `variant="flush"` to cancel that rhythm for pages with full-bleed edges.
|
|
52
|
+
*/
|
|
53
|
+
export declare class EdPage extends EdElement {
|
|
54
|
+
static get styles(): import('lit').CSSResult;
|
|
55
|
+
/**
|
|
56
|
+
* Layout variant.
|
|
57
|
+
*
|
|
58
|
+
* - **flush** — Zero the inter-region rhythm so a full-bleed first and/or
|
|
59
|
+
* last child (hero, promo band) can hug the site header and footer.
|
|
60
|
+
*
|
|
61
|
+
* @type {'flush' | undefined}
|
|
62
|
+
*/
|
|
63
|
+
variant?: 'flush';
|
|
64
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
65
|
+
}
|
|
66
|
+
declare global {
|
|
67
|
+
interface HTMLElementTagNameMap {
|
|
68
|
+
'ed-page': EdPage;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=page.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/page/page.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,MAAM,KAAK,MAAM,4BAEhB;IAED;;;;;;;OAOG;IAEH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM;CAOP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { unsafeCSS as n, html as i } from "lit";
|
|
2
|
+
import { property as d } from "lit/decorators.js";
|
|
3
|
+
import { EdElement as m } from "../EdElement.js";
|
|
4
|
+
const c = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}:host{display:block}.ed-c-page{display:flex;flex-direction:column;min-height:100vh}::slotted(*){display:block}::slotted(:not(:last-child)){margin-block-end:2rem}.ed-c-page--flush ::slotted(*){margin-block-end:0}';
|
|
5
|
+
var p = Object.defineProperty, h = (s, t, r, f) => {
|
|
6
|
+
for (var e = void 0, o = s.length - 1, l; o >= 0; o--)
|
|
7
|
+
(l = s[o]) && (e = l(t, r, e) || e);
|
|
8
|
+
return e && p(t, r, e), e;
|
|
9
|
+
};
|
|
10
|
+
class a extends m {
|
|
11
|
+
static get styles() {
|
|
12
|
+
return n(c);
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const t = this.componentClassNames("ed-c-page", {
|
|
16
|
+
"ed-c-page--flush": this.variant === "flush"
|
|
17
|
+
});
|
|
18
|
+
return i`<div class=${t}><slot></slot></div>`;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
h([
|
|
22
|
+
d()
|
|
23
|
+
], a.prototype, "variant");
|
|
24
|
+
customElements.get("ed-page") === void 0 && customElements.define("ed-page", a);
|
|
25
|
+
export {
|
|
26
|
+
a as EdPage
|
|
27
|
+
};
|
|
@@ -12,6 +12,7 @@ import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdEle
|
|
|
12
12
|
* @use Creating distinct page regions (e.g., "Account Settings", "Billing", "Notifications") where each region has its own title and content
|
|
13
13
|
* @use Building landing pages or long-form layouts where each vertical section needs a clear label and visual separation
|
|
14
14
|
* @use Nesting inside `ed-layout-container` to constrain section width while maintaining semantic structure
|
|
15
|
+
* @use Setting `align="center"` to center the section header (heading + description) for landing-page-style sections
|
|
15
16
|
*
|
|
16
17
|
* @dontuse As a generic wrapper when no heading or semantic grouping is needed — use a plain `<div>` or `ed-layout-container` instead
|
|
17
18
|
* @dontuse For card-like content with media and actions — use `ed-card` which provides header (media), body, and footer (actions) slots
|
|
@@ -27,6 +28,13 @@ import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdEle
|
|
|
27
28
|
*/
|
|
28
29
|
export declare class EdSection extends EdElement {
|
|
29
30
|
static get styles(): import('lit').CSSResult;
|
|
31
|
+
/**
|
|
32
|
+
* Horizontal alignment of the section header (heading and description).
|
|
33
|
+
* - **left** (default) Header content aligned to the start
|
|
34
|
+
* - **center** Header content centered horizontally
|
|
35
|
+
* @type {'center' | undefined}
|
|
36
|
+
*/
|
|
37
|
+
align?: 'center';
|
|
30
38
|
render(): import('lit-html').TemplateResult<1>;
|
|
31
39
|
}
|
|
32
40
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/section/section.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/section/section.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,MAAM,KAAK,MAAM,4BAEhB;IAED;;;;;OAKG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,MAAM;CAgBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { unsafeCSS as c, html as d } from "lit";
|
|
2
|
+
import { property as a } from "lit/decorators.js";
|
|
3
|
+
import { EdElement as l } from "../EdElement.js";
|
|
4
|
+
const m = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-section{margin-block-end:2rem}.ed-c-section__body{padding-block-start:1rem}@media all and (min-width:60rem){.ed-c-section__body{padding-block-start:2rem}}.ed-c-section--align-center .ed-c-section-header{text-align:center}';
|
|
5
|
+
var h = Object.defineProperty, p = (s, t, o, f) => {
|
|
6
|
+
for (var e = void 0, n = s.length - 1, r; n >= 0; n--)
|
|
7
|
+
(r = s[n]) && (e = r(t, o, e) || e);
|
|
8
|
+
return e && h(t, o, e), e;
|
|
9
|
+
};
|
|
10
|
+
class i extends l {
|
|
5
11
|
static get styles() {
|
|
6
|
-
return
|
|
12
|
+
return c(m);
|
|
7
13
|
}
|
|
8
14
|
render() {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
const t = this.componentClassNames("ed-c-section", {
|
|
16
|
+
"ed-c-section--align-center": this.align === "center"
|
|
17
|
+
});
|
|
18
|
+
return d`
|
|
19
|
+
<section class="${t}">
|
|
12
20
|
<header class="ed-c-section-header">
|
|
13
21
|
<slot name="header"></slot>
|
|
14
22
|
</header>
|
|
@@ -19,7 +27,10 @@ class d extends o {
|
|
|
19
27
|
`;
|
|
20
28
|
}
|
|
21
29
|
}
|
|
22
|
-
|
|
30
|
+
p([
|
|
31
|
+
a()
|
|
32
|
+
], i.prototype, "align");
|
|
33
|
+
customElements.get("ed-section") === void 0 && customElements.define("ed-section", i);
|
|
23
34
|
export {
|
|
24
|
-
|
|
35
|
+
i as EdSection
|
|
25
36
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
2
|
-
import { ifDefined as
|
|
1
|
+
import { unsafeCSS as c, html as s } from "lit";
|
|
2
|
+
import { ifDefined as h } from "lit-html/directives/if-defined.js";
|
|
3
3
|
import { property as r } from "lit/decorators.js";
|
|
4
|
-
import { EdElement as
|
|
5
|
-
const
|
|
6
|
-
var
|
|
7
|
-
for (var e = void 0,
|
|
8
|
-
(
|
|
9
|
-
return e &&
|
|
4
|
+
import { EdElement as m } from "../EdElement.js";
|
|
5
|
+
const f = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-text-link{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);color:var(--ed-theme-link-color-content-default);text-decoration:underline}.ed-c-text-link:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}.ed-c-text-link:active{color:var(--ed-theme-link-color-content-active)}.ed-c-text-link:visited{color:var(--ed-theme-link-color-content-visited)}.ed-c-text-link:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-text-link{display:inline-flex}.ed-c-text-link--secondary{color:var(--ed-theme-color-content-subtle)}.ed-c-text-link--inverted{color:var(--ed-theme-color-content-knockout);text-decoration:underline}.ed-c-text-link--inverted:hover{color:var(--ed-theme-color-content-knockout);background-color:transparent}.ed-c-text-link--inverted:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-knockout);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-text-link--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-text-link__after{margin-inline-start:.5rem}";
|
|
6
|
+
var y = Object.defineProperty, n = (i, o, l, p) => {
|
|
7
|
+
for (var e = void 0, d = i.length - 1, a; d >= 0; d--)
|
|
8
|
+
(a = i[d]) && (e = a(o, l, e) || e);
|
|
9
|
+
return e && y(o, l, e), e;
|
|
10
10
|
};
|
|
11
|
-
class t extends
|
|
11
|
+
class t extends m {
|
|
12
12
|
static get styles() {
|
|
13
|
-
return
|
|
13
|
+
return c(f.toString());
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const o = this.componentClassNames("ed-c-text-link", {
|
|
@@ -20,7 +20,7 @@ class t extends c {
|
|
|
20
20
|
"ed-c-text-link--sm": this.size === "sm"
|
|
21
21
|
});
|
|
22
22
|
return s`
|
|
23
|
-
<a href="${
|
|
23
|
+
<a href="${h(this.href)}" class="${o}">
|
|
24
24
|
<slot></slot>
|
|
25
25
|
${this.slotNotEmpty("linkAfter") && s`<div class="ed-c-text-link__after">
|
|
26
26
|
<slot name="linkAfter"></slot>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { unsafeCSS as s, html as m } from "lit";
|
|
2
2
|
import { property as o } from "lit/decorators.js";
|
|
3
3
|
import { EdElement as d } from "../EdElement.js";
|
|
4
|
-
const g = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-text-passage{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:none}ed-text-passage a:hover,ed-text-passage a:focus{text-decoration:underline;color:var(--ed-theme-link-color-content-hover)}ed-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-sm) solid var(--ed-theme-color-border-subtle);color:var(--ed-theme-color-content-subtle);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=sm]{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}ed-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-knockout);color:var(--ed-theme-color-content-knockout)}", p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
4
|
+
const g = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-text-passage{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:underline}ed-text-passage a:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}ed-text-passage a:active{color:var(--ed-theme-link-color-content-active)}ed-text-passage a:visited{color:var(--ed-theme-link-color-content-visited)}ed-text-passage a:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}ed-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-lg) solid var(--ed-theme-color-border-brand);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=sm]{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}ed-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-knockout);color:var(--ed-theme-color-content-knockout)}', p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
5
5
|
var y = Object.defineProperty, l = (r, e, t, f) => {
|
|
6
6
|
for (var a = void 0, h = r.length - 1, n; h >= 0; h--)
|
|
7
7
|
(n = r[h]) && (a = n(e, t, a) || a);
|