@reliability-design/web 1.4.6 → 1.4.8

package/dist/components/rel-cardmedia/rel-cardmedia.ts

@@ -1,88 +0,0 @@
-import { LitElement, html, css } from "lit";
-import { customElement, property } from "lit/decorators.js";
-
-@customElement("rel-card-media")
-export class RelCardMedia extends LitElement {
-  @property({ type: String, attribute: "image-src" }) imageSrc = "";
-  @property({ type: String, attribute: "image-alt" }) imageAlt = "Card image";
-  @property({ type: String }) title = "";
-  @property({ type: String }) subtitle = "";
-
-  static styles = css`
-    :host {
-      color: var(--rel-text-default);
-      display: block;
-      font-family: var(--rel-fonts-font-family, sans-serif);
-    }
-
-    .card-media {
-      background-color: var(--rel-bg-surface);
-      color: var(--rel-text-default);
-      border-radius: var(--rel-border-radius-sm);
-      border: 1px solid var(--rel-border-default);
-      overflow: hidden;
-    }
-
-    .card-image img {
-      display: block;
-      width: 100%;
-      height: auto;
-      object-fit: cover;
-    }
-
-    .card-content {
-      padding: var(--rel-spacing-md);
-    }
-
-    .card-content h3 {
-      margin: 0 0 4px 0;
-      color: var(--rel-text-label);
-      font-family: var(--rel-body-md-semibold-font-family);
-      font-weight: var(--rel-body-md-semibold-font-weight);
-      font-size: var(--rel-body-md-semibold-font-size);
-      line-height: var(--rel-body-md-semibold-line-height);
-      letter-spacing: var(--rel-body-md-semibold-letter-spacing);
-    }
-
-    .card-content p {
-      margin: 0 0 8px 0;
-      color: var(--rel-text-default);
-      font-family: var(--rel-body-sm-regular-font-family);
-      font-weight: var(--rel-body-sm-regular-font-weight);
-      font-size: var(--rel-body-sm-regular-font-size);
-      line-height: var(--rel-body-sm-regular-line-height);
-      letter-spacing: var(--rel-body-sm-regular-letter-spacing);
-    }
-
-    :host-context([data-theme="dark"]) .card-media,
-    :host-context(.dark) .card-media {
-      background-color: var(--rel-bg-surface);
-      border-color: var(--rel-border-default);
-    }
-
-    :host-context([data-theme="dark"]) .card-content h3,
-    :host-context(.dark) .card-content h3 {
-      color: var(--rel-text-label);
-    }
-  `;
-
-  render() {
-    return html`
-      <div part="base" class="card-media">
-        ${this.imageSrc
-          ? html`
-              <div part="icon" class="card-image">
-                <img src=${this.imageSrc} alt=${this.imageAlt} />
-              </div>
-            `
-          : null}
-
-        <div part="content" class="card-content">
-          ${this.title ? html`<h3>${this.title}</h3>` : null}
-          ${this.subtitle ? html`<p>${this.subtitle}</p>` : null}
-          <slot></slot>
-        </div>
-      </div>
-    `;
-  }
-}

package/dist/components/rel-carousel/index.ts

@@ -1 +0,0 @@
-export * from "./rel-carousel";