@brad-frost-web/eddie-web-components 0.25.0 → 0.27.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.
@@ -1,13 +1,13 @@
1
- import { r as l, A as s, c as m, b as h, n as o } from "../../chunks/lit.Drf_LhNi.js";
2
- import { E as g } from "../../chunks/ed-base.CuGZbk3k.js";
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:100%;display:block}@media all and (min-width:48rem){.ed-c-hero__image{position:absolute;inset-block-start:0;inset-inline-start:0;object-fit:cover}}.ed-c-hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-block:1.5rem;padding-inline:1rem}@media all and (min-width:48rem){.ed-c-hero__body{position:absolute;inset:0;justify-content:flex-end;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-c-hero__body{justify-content:flex-start}}@media all and (min-width:48rem){.ed-c-hero--valign-center .ed-c-hero__body{justify-content: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--boxed .ed-c-hero__body{height:auto;inset-block-end:2rem;inset-inline-end:auto}}@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 u = Object.defineProperty, t = (a, c, n, v) => {
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 && u(c, n, r), r;
8
+ return r && v(c, n, r), r;
9
9
  };
10
- class e extends g {
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="${m(this.imgAlt)}" />` : s}
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>
@@ -1,26 +1,26 @@
1
- import { r as h, b as i, n as a } from "../../chunks/lit.Drf_LhNi.js";
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 = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hr{border-block-start-width:var(--ed-theme-border-width-sm);background:var(--ed-theme-color-content-subtle)}.ed-c-hr--thick{border-block-start-width:var(--ed-theme-border-width-lg)}";
4
- var l = Object.defineProperty, b = (r, t, s, f) => {
5
- for (var e = void 0, o = r.length - 1, d; o >= 0; o--)
6
- (d = r[o]) && (e = d(t, s, e) || e);
7
- return e && l(t, s, e), e;
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 n extends c {
9
+ class d extends c {
10
10
  static get styles() {
11
- return h(m.toString());
11
+ return n(m.toString());
12
12
  }
13
13
  render() {
14
- const t = this.componentClassNames("ed-c-hr", {
14
+ const r = this.componentClassNames("ed-c-hr", {
15
15
  "ed-c-hr--thick": this.variant === "thick"
16
16
  });
17
- return i` <hr class="${t}" /> `;
17
+ return i` <hr class="${r}" /> `;
18
18
  }
19
19
  }
20
20
  b([
21
21
  a()
22
- ], n.prototype, "variant");
23
- customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", n);
22
+ ], d.prototype, "variant");
23
+ customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", d);
24
24
  export {
25
- n as EdHr
25
+ d as EdHr
26
26
  };
@@ -1,12 +1,12 @@
1
- import { r as d, b as m, n as i } from "../../chunks/lit.Drf_LhNi.js";
2
- import { E as c } 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;margin:-.5rem 0 0 -1rem}.ed-c-link-list--horizontal ::slotted(ed-link-list-item){margin-block-start:.5rem;margin-inline-start:1rem}@media all and (max-width:48rem){.ed-c-link-list--responsive{flex-direction:row;flex-wrap:wrap;margin:-.5rem 0 0 -1rem}.ed-c-link-list--responsive ::slotted(ed-link-list-item){margin-block-start:.5rem;margin-inline-start:1rem}}";
4
- var p = Object.defineProperty, r = (n, o, s, y) => {
5
- for (var e = void 0, l = n.length - 1, a; l >= 0; l--)
6
- (a = n[l]) && (e = a(o, s, e) || e);
7
- return e && p(o, s, e), e;
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 c {
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 o = this.componentClassNames("ed-c-link-list", {
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 m`
26
- <div class="${o}">
25
+ return c`
26
+ <div class="${r}">
27
27
  <slot></slot>
28
28
  </div>
29
29
  `;
30
30
  }
31
31
  }
32
- r([
32
+ o([
33
33
  i()
34
34
  ], t.prototype, "behavior");
35
- r([
35
+ o([
36
36
  i({ type: Boolean })
37
37
  ], t.prototype, "inverted");
38
- r([
38
+ o([
39
39
  i()
40
40
  ], t.prototype, "size");
41
- r([
41
+ o([
42
42
  i()
43
43
  ], t.prototype, "spacing");
44
- r([
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 s, b as t } from "../../chunks/lit.Drf_LhNi.js";
2
- import { E as o } from "../../chunks/ed-base.CuGZbk3k.js";
3
- const n = ":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}}";
4
- class d extends o {
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 s(n);
11
+ return c(m);
7
12
  }
8
13
  render() {
9
- const e = this.componentClassNames("ed-c-section", {});
10
- return t`
11
- <section class="${e}">
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
- customElements.get("ed-section") === void 0 && customElements.define("ed-section", d);
29
+ b([
30
+ a()
31
+ ], i.prototype, "align");
32
+ customElements.get("ed-section") === void 0 && customElements.define("ed-section", i);
23
33
  export {
24
- d as EdSection
34
+ i as EdSection
25
35
  };
@@ -1,14 +1,14 @@
1
- import { r as h, c, b as s, n as r } from "../../chunks/lit.Drf_LhNi.js";
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 y = ":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);display:inline-flex;text-decoration:none;color:var(--ed-theme-link-color-content-default)}.ed-c-text-link:hover,.ed-c-text-link:focus{text-decoration:underline;color:var(--ed-theme-link-color-content-hover)}.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--secondary{color:var(--ed-theme-color-content-subtle)}.ed-c-text-link--inverted{color:var(--ed-theme-color-content-knockout)}.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 p = Object.defineProperty, n = (i, o, d, f) => {
5
- for (var e = void 0, a = i.length - 1, l; a >= 0; a--)
6
- (l = i[a]) && (e = l(o, d, e) || e);
7
- return e && p(o, d, e), 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 h(y.toString());
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="${c(this.href)}" class="${o}">
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, n = (r, e, t, f) => {
5
- for (var a = void 0, h = r.length - 1, l; h >= 0; h--)
6
- (l = r[h]) && (a = l(e, t, a) || a);
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
- n([
44
+ l([
45
45
  o({ type: Boolean })
46
46
  ], i.prototype, "inverted");
47
- n([
47
+ l([
48
48
  o()
49
49
  ], i.prototype, "size");
50
- n([
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);
@@ -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 s } from "lit-html/directives/if-defined.js";
4
- import { EdElement as g } from "../EdElement.js";
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:100%;display:block}@media all and (min-width:48rem){.ed-c-hero__image{position:absolute;inset-block-start:0;inset-inline-start:0;object-fit:cover}}.ed-c-hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-block:1.5rem;padding-inline:1rem}@media all and (min-width:48rem){.ed-c-hero__body{position:absolute;inset:0;justify-content:flex-end;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-c-hero__body{justify-content:flex-start}}@media all and (min-width:48rem){.ed-c-hero--valign-center .ed-c-hero__body{justify-content: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--boxed .ed-c-hero__body{height:auto;inset-block-end:2rem;inset-inline-end:auto}}@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)}';
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 g {
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="${s(this.imgAlt)}" />` : m}
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>
@@ -1,27 +1,27 @@
1
- import { unsafeCSS as n, html as i } from "lit";
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 = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-hr{border-block-start-width:var(--ed-theme-border-width-sm);background:var(--ed-theme-color-content-subtle)}.ed-c-hr--thick{border-block-start-width:var(--ed-theme-border-width-lg)}";
5
- var l = Object.defineProperty, b = (r, t, s, f) => {
6
- for (var e = void 0, o = r.length - 1, d; o >= 0; o--)
7
- (d = r[o]) && (e = d(t, s, e) || e);
8
- return e && l(t, s, e), e;
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 h extends m {
10
+ class d extends m {
11
11
  static get styles() {
12
- return n(c.toString());
12
+ return i(c.toString());
13
13
  }
14
14
  render() {
15
- const t = this.componentClassNames("ed-c-hr", {
15
+ const r = this.componentClassNames("ed-c-hr", {
16
16
  "ed-c-hr--thick": this.variant === "thick"
17
17
  });
18
- return i` <hr class="${t}" /> `;
18
+ return n` <hr class="${r}" /> `;
19
19
  }
20
20
  }
21
- b([
21
+ f([
22
22
  a()
23
- ], h.prototype, "variant");
24
- customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", h);
23
+ ], d.prototype, "variant");
24
+ customElements.get("ed-hr") === void 0 && customElements.define("ed-hr", d);
25
25
  export {
26
- h as EdHr
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;margin:-.5rem 0 0 -1rem}.ed-c-link-list--horizontal ::slotted(ed-link-list-item){margin-block-start:.5rem;margin-inline-start:1rem}@media all and (max-width:48rem){.ed-c-link-list--responsive{flex-direction:row;flex-wrap:wrap;margin:-.5rem 0 0 -1rem}.ed-c-link-list--responsive ::slotted(ed-link-list-item){margin-block-start:.5rem;margin-inline-start:1rem}}";
5
- var p = Object.defineProperty, r = (n, o, s, y) => {
6
- for (var e = void 0, l = n.length - 1, a; l >= 0; l--)
7
- (a = n[l]) && (e = a(o, s, e) || e);
8
- return e && p(o, s, e), e;
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 o = this.componentClassNames("ed-c-link-list", {
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="${o}">
27
+ <div class="${r}">
28
28
  <slot></slot>
29
29
  </div>
30
30
  `;
31
31
  }
32
32
  }
33
- r([
33
+ o([
34
34
  i()
35
35
  ], t.prototype, "behavior");
36
- r([
36
+ o([
37
37
  i({ type: Boolean })
38
38
  ], t.prototype, "inverted");
39
- r([
39
+ o([
40
40
  i()
41
41
  ], t.prototype, "size");
42
- r([
42
+ o([
43
43
  i()
44
44
  ], t.prototype, "spacing");
45
- r([
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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CAcP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
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 t, html as s } from "lit";
2
- import { EdElement as o } from "../EdElement.js";
3
- const n = ":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}}";
4
- class d extends o {
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 t(n);
12
+ return c(m);
7
13
  }
8
14
  render() {
9
- const e = this.componentClassNames("ed-c-section", {});
10
- return s`
11
- <section class="${e}">
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
- customElements.get("ed-section") === void 0 && customElements.define("ed-section", d);
30
+ p([
31
+ a()
32
+ ], i.prototype, "align");
33
+ customElements.get("ed-section") === void 0 && customElements.define("ed-section", i);
23
34
  export {
24
- d as EdSection
35
+ i as EdSection
25
36
  };
@@ -1,16 +1,16 @@
1
- import { unsafeCSS as h, html as s } from "lit";
2
- import { ifDefined as m } from "lit-html/directives/if-defined.js";
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 c } from "../EdElement.js";
5
- const y = ":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);display:inline-flex;text-decoration:none;color:var(--ed-theme-link-color-content-default)}.ed-c-text-link:hover,.ed-c-text-link:focus{text-decoration:underline;color:var(--ed-theme-link-color-content-hover)}.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--secondary{color:var(--ed-theme-color-content-subtle)}.ed-c-text-link--inverted{color:var(--ed-theme-color-content-knockout)}.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 f = Object.defineProperty, n = (i, o, d, p) => {
7
- for (var e = void 0, a = i.length - 1, l; a >= 0; a--)
8
- (l = i[a]) && (e = l(o, d, e) || e);
9
- return e && f(o, d, e), 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 c {
11
+ class t extends m {
12
12
  static get styles() {
13
- return h(y.toString());
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="${m(this.href)}" class="${o}">
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brad-frost-web/eddie-web-components",
3
- "version": "0.25.0",
3
+ "version": "0.27.0",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"