overview-components 1.0.91 → 1.0.92

package/dist/components/lit-badge.js

@@ -1,97 +0,0 @@
-import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { LitElement as g, html as p, css as f } from "lit";
-var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, o = (l, e, c, i) => {
-  for (var t = i > 1 ? void 0 : i ? h(e, c) : e, s = l.length - 1, a; s >= 0; s--)
-    (a = l[s]) && (t = (i ? a(e, c, t) : a(t)) || t);
-  return i && t && u(e, c, t), t;
-};
-let r = class extends g {
-  constructor() {
-    super(...arguments), this.content = "highlighted", this.size = "medium", this.text = "";
-  }
-  render() {
-    return p`<div class="badge ${this.size} ${this.content}">
-            <span class="text ${this.icon ? null : "noicon"}">${this.text}</span>
-            ${this.icon ? p`<lit-icon size="0.75rem" icon="${this.icon}"></lit-icon>` : null}
-        </div>`;
-  }
-};
-r.styles = [
-  f`
-            .badge {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                border-radius: 4px;
-                gap: 4px;
-                width: fit-content;
-                font-size: 10px;
-            }
-
-            .text {
-                font-size: 10px;
-                font-weight: 600;
-            }
-
-            .noicon {
-                line-height: 14px;
-            }
-
-            .medium {
-                padding: 4px 10px;
-            }
-
-            .small {
-                padding: 2px 6px;
-            }
-
-            .highlighted {
-                background: var(--color-success-main, #76b703);
-                color: var(--color-success-light, #f0fadf);
-            }
-
-            .neutral {
-                background: var(--background-default, #eff3f4);
-                color: var(--text-secondary, #5d6371);
-            }
-
-            .success {
-                background: var(--color-success-light, #f0fadf);
-                color: var(--color-success-dark, #76b703);
-            }
-
-            .danger {
-                background: var(--color-error-light, #ffd6cd);
-                color: var(--color-error-main, #ca2d0a);
-            }
-
-            .warning {
-                background: var(--color-warning-light, #ffe1a8);
-                color: var(--color-warning-main, #875900);
-            }
-
-            .info {
-                background: var(--color-info-light, #d0e7ff);
-                color: var(--color-info-main, #0056b3);
-            }
-        `
-];
-o([
-  n({ type: String })
-], r.prototype, "content", 2);
-o([
-  n({ type: String })
-], r.prototype, "size", 2);
-o([
-  n({ type: String })
-], r.prototype, "text", 2);
-o([
-  n({ type: String })
-], r.prototype, "icon", 2);
-r = o([
-  d("lit-badge")
-], r);
-export {
-  r as LitBadge
-};