@brad-frost-web/eddie-web-components 0.1.0

package/components/linelength-container/linelength-container.js

@@ -0,0 +1,20 @@
+import { unsafeCSS as t, html as n } from "lit";
+import { E as s } from "../EdElement.js";
+const o = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-linelength-container{max-width:var(--ed-l-linelength-width)}";
+class i extends s {
+  static get styles() {
+    return t(o.toString());
+  }
+  render() {
+    const e = this.componentClassNames("ed-c-linelength-container", {});
+    return n`
+      <div class="${e}">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+customElements.get("ed-linelength-container") === void 0 && customElements.define("ed-linelength-container", i);
+export {
+  i as EdLinelengthContainer
+};

package/components/link-list/link-list.d.ts

@@ -0,0 +1,56 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The link list items
+ */
+export declare class EdLinkList extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * Behavioral variant
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**responsive** renders a horizontal wrapping link list that converts to a stacked link list on large screens</li>
+     * <li>**horizontal** renders a horizontal wrapping link list on all screens</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    behavior?: 'responsive' | 'horizontal';
+    /**
+     * Inverted variant
+     * 1) Used for dark backgrounds
+     */
+    inverted?: boolean;
+    /**
+     * Size variants
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**sm** renders a link list with a smaller typography</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    size?: 'sm';
+    /**
+     * Spacing between link list items
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**condensed** renders a link list with a more compact display</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    spacing?: 'condensed';
+    /**
+     * Style variants
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**secondary** renders a link list with a more subtle visual treatment</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    variant?: 'secondary';
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-link-list': EdLinkList;
+    }
+}
+//# sourceMappingURL=link-list.d.ts.map

package/components/link-list/link-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/link-list/link-list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,UAAW,SAAQ,SAAS;IACvC,MAAM,KAAK,MAAM,4BAEhB;IAED;;;;;;;;OAQG;IAEH,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;IAEvC;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IAEH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;;;OAOG;IAEH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;OAOG;IAEH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,MAAM;CAgBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/components/link-list/link-list.js

@@ -0,0 +1,48 @@
+import { unsafeCSS as d, html as m } from "lit";
+import { property as i } from "lit/decorators.js";
+import { E as p } from "../EdElement.js";
+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-top:-1rem;list-style:none;color:var(--ed-theme-link-color-content-default)}.ed-c-link-list ::slotted(ed-link-list-item){margin-top: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-top:-.625rem}.ed-c-link-list--condensed ::slotted(ed-link-list-item){margin-top:.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-top:.5rem;margin-left: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-top:.5rem;margin-left:1rem}}";
+var c = Object.defineProperty, o = (n, r, s, y) => {
+  for (var e = void 0, l = n.length - 1, a; l >= 0; l--)
+    (a = n[l]) && (e = a(r, s, e) || e);
+  return e && c(r, s, e), e;
+};
+class t extends p {
+  static get styles() {
+    return d(h);
+  }
+  render() {
+    const r = this.componentClassNames("ed-c-link-list", {
+      "ed-c-link-list--secondary": this.variant === "secondary",
+      "ed-c-link-list--inverted": this.inverted === !0,
+      "ed-c-link-list--responsive": this.behavior === "responsive",
+      "ed-c-link-list--horizontal": this.behavior === "horizontal",
+      "ed-c-link-list--condensed": this.spacing === "condensed",
+      "ed-c-link-list--sm": this.size === "sm"
+    });
+    return m`
+      <ul class="${r}">
+        <slot></slot>
+      </ul>
+    `;
+  }
+}
+o([
+  i()
+], t.prototype, "behavior");
+o([
+  i({ type: Boolean })
+], t.prototype, "inverted");
+o([
+  i()
+], t.prototype, "size");
+o([
+  i()
+], t.prototype, "spacing");
+o([
+  i()
+], t.prototype, "variant");
+customElements.get("ed-link-list") === void 0 && customElements.define("ed-link-list", t);
+export {
+  t as EdLinkList
+};

package/components/link-list-item/link-list-item.d.ts

@@ -0,0 +1,26 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The default slot to put badges or other components
+ */
+export declare class EdLinkListItem extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * The link text
+     */
+    text?: string;
+    /**
+     * Active link
+     */
+    isActive?: boolean;
+    /**
+     * The link URL
+     */
+    href?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-link-list-item': EdLinkListItem;
+    }
+}
+//# sourceMappingURL=link-list-item.d.ts.map

package/components/link-list-item/link-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-list-item.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/link-list-item/link-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM;CAeP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,cAAc,CAAC;KACrC;CACF"}

package/components/link-list-item/link-list-item.js

@@ -0,0 +1,41 @@
+import { unsafeCSS as a, html as d } from "lit";
+import { ifDefined as c } from "lit-html/directives/if-defined.js";
+import { property as n } from "lit/decorators.js";
+import { E as f } from "../EdElement.js";
+const _ = ":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__item{display:flex;align-items:center}.ed-c-link-list__link{color:inherit;text-decoration:none}.ed-c-link-list__link:hover,.ed-c-link-list__link:focus{text-decoration:underline}.ed-c-link-list__item.ed-is-active .ed-c-link-list__link{color:var(--ed-link-list-item-active-text-color);font-weight:var(--ed-font-weight-bold)}.ed-c-link-list__item-after{margin-left:.5rem}";
+var h = Object.defineProperty, o = (s, t, r, p) => {
+  for (var e = void 0, l = s.length - 1, m; l >= 0; l--)
+    (m = s[l]) && (e = m(t, r, e) || e);
+  return e && h(t, r, e), e;
+};
+class i extends f {
+  static get styles() {
+    return a(_);
+  }
+  render() {
+    const t = this.componentClassNames("ed-c-link-list__item", {
+      "ed-is-active": this.isActive === !0
+    });
+    return d`
+      <li class="${t}">
+        <a class="ed-c-link-list__link" href="${c(this.href)}"> ${this.text} </a>
+        ${this.slotNotEmpty("itemAfter") && d`<div class="ed-c-link-list__item-after">
+          <slot name="itemAfter"></slot>
+        </div>`}
+      </li>
+    `;
+  }
+}
+o([
+  n()
+], i.prototype, "text");
+o([
+  n({ type: Boolean })
+], i.prototype, "isActive");
+o([
+  n()
+], i.prototype, "href");
+customElements.get("ed-link-list-item") === void 0 && customElements.define("ed-link-list-item", i);
+export {
+  i as EdLinkListItem
+};

package/components/list/list.d.ts

@@ -0,0 +1,33 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The list items
+ */
+export declare class EdList extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * Style variants
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**bare** removes any lines from in between list items</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    variant?: 'bare';
+    /**
+     * Spacing variants
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**padded** applies more padding in between list items compared to the default</li>
+     * <li>**condensed** reduces padding in between list items compared to the default</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    spacing?: 'padded' | 'condensed';
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-list': EdList;
+    }
+}
+//# sourceMappingURL=list.d.ts.map

package/components/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,MAAM,KAAK,MAAM,4BAEhB;IAED;;;;;;;OAOG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;;;OAQG;IAEH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAEjC,MAAM;CAaP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/components/list/list.js

@@ -0,0 +1,36 @@
+import { unsafeCSS as a, html as m } from "lit";
+import { property as n } from "lit/decorators.js";
+import { E as p } from "../EdElement.js";
+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-list{list-style:none;padding:0;margin:0;margin-bottom:1rem}::slotted(ed-list-item){display:block;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ed-theme-color-border-subtle)}.ed-c-list--bare ::slotted(ed-list-item){border-bottom:0}.ed-c-list--condensed ::slotted(ed-list-item){padding-top:.5rem;padding-bottom:.5rem}.ed-c-list--padded ::slotted(ed-list-item){padding-top:2rem;padding-bottom:2rem}";
+var b = Object.defineProperty, l = (d, t, i, g) => {
+  for (var e = void 0, s = d.length - 1, r; s >= 0; s--)
+    (r = d[s]) && (e = r(t, i, e) || e);
+  return e && b(t, i, e), e;
+};
+class o extends p {
+  static get styles() {
+    return a(c);
+  }
+  render() {
+    const t = this.componentClassNames("ed-c-list", {
+      "ed-c-list--bare": this.variant === "bare",
+      "ed-c-list--padded": this.spacing === "padded",
+      "ed-c-list--condensed": this.spacing === "condensed"
+    });
+    return m`
+      <div class="${t}">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+l([
+  n()
+], o.prototype, "variant");
+l([
+  n()
+], o.prototype, "spacing");
+customElements.get("ed-list") === void 0 && customElements.define("ed-list", o);
+export {
+  o as EdList
+};

package/components/list-item/list-item.d.ts

@@ -0,0 +1,14 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The content of the list item
+ */
+export declare class EdListItem extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-list-item': EdListItem;
+    }
+}
+//# sourceMappingURL=list-item.d.ts.map

package/components/list-item/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/list-item/list-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,UAAW,SAAQ,SAAS;IACvC,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CASP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/components/list-item/list-item.js

@@ -0,0 +1,20 @@
+import { unsafeCSS as t, html as s } from "lit";
+import { E as o } from "../EdElement.js";
+const i = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
+class m extends o {
+  static get styles() {
+    return t(i);
+  }
+  render() {
+    const e = this.componentClassNames("ed-c-list__item", {});
+    return s`
+      <li class="${e}">
+        <slot></slot>
+      </li>
+    `;
+  }
+}
+customElements.get("ed-list-item") === void 0 && customElements.define("ed-list-item", m);
+export {
+  m as EdListItem
+};

package/components/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,14 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The component content
+ */
+export declare class EdLoadingIndicator extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-loading-indicator': EdLoadingIndicator;
+    }
+}
+//# sourceMappingURL=loading-indicator.d.ts.map

package/components/loading-indicator/loading-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,SAAS;IAC/C,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CASP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/components/loading-indicator/loading-indicator.js

@@ -0,0 +1,20 @@
+import { unsafeCSS as o, html as t } from "lit";
+import { E as n } from "../EdElement.js";
+const i = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ed-icon{display:inline-block;--ed-icon-height: 5rem;--ed-icon-width: 5rem;--ed-icon-fill: var(--ed-theme-color-content-brand-knockout);animation:rotateIcon 2s linear infinite}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";
+class r extends n {
+  static get styles() {
+    return o(i.toString());
+  }
+  render() {
+    const e = this.componentClassNames("ed-c-loading-indicator", {});
+    return t`
+      <div class="${e}">
+        <ed-icon aria-hidden="true" name="spinner" class="ed-c-loading-indicator__icon"></ed-icon>
+      </div>
+    `;
+  }
+}
+customElements.get("ed-loading-indicator") === void 0 && customElements.define("ed-loading-indicator", r);
+export {
+  r as EdLoadingIndicator
+};

package/components/logo/logo.d.ts

@@ -0,0 +1,18 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The logo element
+ */
+export declare class EdLogo extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * Logo link
+     */
+    href?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-logo': EdLogo;
+    }
+}
+//# sourceMappingURL=logo.d.ts.map

package/components/logo/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/logo/logo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAKtF;;GAEG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM;CASP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/components/logo/logo.js

@@ -0,0 +1,29 @@
+import { E as n } from "../EdElement.js";
+import { unsafeCSS as a, html as i } from "lit";
+import { property as d } from "lit/decorators.js";
+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-logo{display:block;max-width:20rem}";
+var h = Object.defineProperty, c = (t, o, r, p) => {
+  for (var e = void 0, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (e = l(o, r, e) || e);
+  return e && h(o, r, e), e;
+};
+class m extends n {
+  static get styles() {
+    return a(f);
+  }
+  render() {
+    const o = this.componentClassNames("ed-c-logo", {});
+    return i`
+      <a href="${this.href}" class="${o}">
+        <img src="/images/120x40.svg" alt="Alt" />
+      </a>
+    `;
+  }
+}
+c([
+  d()
+], m.prototype, "href");
+customElements.get("ed-logo") === void 0 && customElements.define("ed-logo", m);
+export {
+  m as EdLogo
+};

package/components/main/main.d.ts

@@ -0,0 +1,14 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The main content
+ */
+export declare class EdMain extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-main': EdMain;
+    }
+}
+//# sourceMappingURL=main.d.ts.map

package/components/main/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/main/main.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACnC,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CAKP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/components/main/main.js

@@ -0,0 +1,16 @@
+import { unsafeCSS as s, html as t } from "lit";
+import { E as o } from "../EdElement.js";
+const n = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}:host{display:block;flex:1 0 auto}";
+class m extends o {
+  static get styles() {
+    return s(n);
+  }
+  render() {
+    const e = this.componentClassNames("ed-c-main", {});
+    return t`<main class=${e}><slot></slot></main>`;
+  }
+}
+customElements.get("ed-main") === void 0 && customElements.define("ed-main", m);
+export {
+  m as EdMain
+};

package/components/media-block/media-block.d.ts

@@ -0,0 +1,24 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The block content
+ * @slot media - Any associated media
+ */
+export declare class EdMediaBlock extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * Behavior variants
+     * <ed-text-passage size="sm">
+     * <ul>
+     * <li>**reversed** reorders the media and body so that the image is placed on the right</li>
+     * </ul>
+     * </ed-text-passage>
+     */
+    behavior?: 'reversed';
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-media-block': EdMediaBlock;
+    }
+}
+//# sourceMappingURL=media-block.d.ts.map

package/components/media-block/media-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-block.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/media-block/media-block.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;;GAGG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACzC,MAAM,KAAK,MAAM,4BAEhB;IAED;;;;;;;OAOG;IAEH,QAAQ,CAAC,EAAE,UAAU,CAAC;IAEtB,MAAM;CAkBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/components/media-block/media-block.js

@@ -0,0 +1,37 @@
+import { unsafeCSS as s, html as i } from "lit";
+import { property as l } from "lit/decorators.js";
+import { E as n } from "../EdElement.js";
+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-media-block{display:flex;align-items:center;gap:2rem;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-c-media-block__media{margin-right:1rem;max-width:10rem}.ed-c-media-block--reversed .ed-c-media-block__media{order:2;margin-right:0;margin-left:2rem}.ed-c-media-block__body{flex:1}";
+var h = Object.defineProperty, f = (o, t, r, p) => {
+  for (var e = void 0, d = o.length - 1, a; d >= 0; d--)
+    (a = o[d]) && (e = a(t, r, e) || e);
+  return e && h(t, r, e), e;
+};
+class m extends n {
+  static get styles() {
+    return s(c.toString());
+  }
+  render() {
+    const t = this.componentClassNames("ed-c-media-block", {
+      "ed-c-media-block--reversed": this.behavior === "reversed"
+    });
+    return i`
+      <div class="${t}">
+        ${this.slotNotEmpty("media") && i`<div class="ed-c-media-block__media">
+          <slot name="media"></slot>
+        </div>`}
+
+        <div class="ed-c-media-block__body">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+}
+f([
+  l()
+], m.prototype, "behavior");
+customElements.get("ed-media-block") === void 0 && customElements.define("ed-media-block", m);
+export {
+  m as EdMediaBlock
+};

package/components/modal/modal.d.ts

@@ -0,0 +1,37 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The modal content
+ * @slot header - Content appearing above the default slot
+ * @slot footer - Content appearing below the default slot
+ */
+export declare class EdModal extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * Toggle modal window to full width of screen
+     */
+    fullWidth?: boolean;
+    /**
+     * Active property
+     * 1) If true, modal appears. If false, modal is hidden.
+     */
+    isActive?: boolean;
+    /**
+     * Close function prop
+     * 1) Function that can be passed into the modal and run on close of the modal
+     */
+    closeFunction?: () => void;
+    constructor();
+    /**
+     * Close modal function
+     * 1) Closes the modal
+     * 2) Runs the closeFunction property if set
+     */
+    closeModal(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-modal': EdModal;
+    }
+}
+//# sourceMappingURL=modal.d.ts.map

package/components/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/modal/modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,SAAS;IACpC,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IAEH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;;IAM3B;;;;OAIG;IACH,UAAU;IASV,MAAM;CA+BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/components/modal/modal.js

@@ -0,0 +1,67 @@
+import { unsafeCSS as c, html as n } from "lit";
+import { property as a } from "lit/decorators.js";
+import { E as m } from "../EdElement.js";
+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-modal{display:flex;visibility:hidden;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;background-color:transparent;top:0;left:0;z-index:3;transition:all .15s ease}.ed-c-modal.ed-is-active{background:var(--ed-theme-color-background-transparent-dim);visibility:visible}.ed-c-modal--full-width{height:auto}.ed-c-modal__window{display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100%;width:100%;max-width:100%;overflow:auto;opacity:0;border-radius:0;background:var(--ed-theme-color-background-default);box-shadow:var(--ed-theme-box-shadow-sm);transition:opacity .15s ease}.ed-c-modal__window:focus{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-modal__window: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-modal.ed-is-active .ed-c-modal__window{opacity:1}.ed-c-modal--full-width .ed-c-modal__window{width:100%;max-width:none;height:100vh;max-height:none}@media all and (min-width:47rem){.ed-c-modal__window{position:relative;width:48rem;max-width:90%;height:auto;overflow:auto;max-height:90vh}}.ed-c-modal__close-button{padding:1.5rem;position:absolute;top:0;right:0}.ed-c-modal__header,.ed-c-modal__body,.ed-c-modal__footer{padding:1.5rem}.ed-c-modal__header{display:flex;justify-content:space-between;align-items:center}";
+var f = Object.defineProperty, l = (d, o, s, u) => {
+  for (var e = void 0, i = d.length - 1, r; i >= 0; i--)
+    (r = d[i]) && (e = r(o, s, e) || e);
+  return e && f(o, s, e), e;
+};
+class t extends m {
+  static get styles() {
+    return c(h);
+  }
+  constructor() {
+    super();
+  }
+  /**
+   * Close modal function
+   * 1) Closes the modal
+   * 2) Runs the closeFunction property if set
+   */
+  closeModal() {
+    this.isActive = !1, this.closeFunction && this.closeFunction();
+  }
+  render() {
+    const o = this.componentClassNames("ed-c-modal", {
+      "ed-c-modal--full-width": this.fullWidth === !0,
+      "ed-is-active": this.isActive === !0
+    });
+    return n`
+      <div class="${o}">
+        <article class="ed-c-modal__window" role="dialog">
+          <ed-button
+            class="ed-c-modal__close-button"
+            text="Close"
+            variant="bare"
+            iconName="close"
+            size="lg"
+            iconPosition="after"
+            ?hideText=${!0}
+            @click=${this.closeModal}
+          ></ed-button>
+          <div class="ed-c-modal__header"><slot name="header"></slot></div>
+          <div class="ed-c-modal__body">
+            <slot></slot>
+          </div>
+          ${this.slotNotEmpty("footer") && n`<div class="ed-c-modal__footer">
+            <slot name="footer"></slot>
+          </div>`}
+        </article>
+      </div>
+    `;
+  }
+}
+l([
+  a({ type: Boolean })
+], t.prototype, "fullWidth");
+l([
+  a({ type: Boolean })
+], t.prototype, "isActive");
+l([
+  a()
+], t.prototype, "closeFunction");
+customElements.get("ed-modal") === void 0 && customElements.define("ed-modal", t);
+export {
+  t as EdModal
+};

package/components/nav-container/nav-container.d.ts

@@ -0,0 +1,14 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * @slot - The navigation container content
+ */
+export declare class EdNavContainer extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-nav-container': EdNavContainer;
+    }
+}
+//# sourceMappingURL=nav-container.d.ts.map

package/components/nav-container/nav-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-container.d.ts","sourceRoot":"","sources":["../../../../packages/eddie-web-components/components/nav-container/nav-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAGtF;;GAEG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CASP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}