@viasat/beam-web-components 2.0.0

package/Avatar/Avatar.js

@@ -0,0 +1,12 @@
+import "@lit/context";
+import "lit";
+import "lit/decorators.js";
+import "lit/directives/unsafe-svg.js";
+import "clsx";
+import { B as s } from "../chunks/Avatar.C2rfzUGP.js";
+import "../chunks/register-custom-element.DHGKOhmA.js";
+import "../StateLayer/StateLayer.js";
+import "./AvatarGroup.context.js";
+export {
+  s as BmAvatar
+};

package/Avatar/AvatarGroup.context.d.ts

@@ -0,0 +1,11 @@
+import { AvatarSize } from '@viasat/beam-shared/components/avatar';
+import { BmAvatar } from './Avatar';
+export interface AvatarGroupCtxValue {
+    register: (el: BmAvatar) => void;
+    unregister: (el: BmAvatar) => void;
+    size?: AvatarSize;
+}
+export declare const AvatarGroupCtx: {
+    __context__: AvatarGroupCtxValue;
+};
+//# sourceMappingURL=AvatarGroup.context.d.ts.map

package/Avatar/AvatarGroup.context.js

@@ -0,0 +1,8 @@
+import { createContext as t } from "@lit/context";
+import { p as o } from "../chunks/constants.jOWREYQE.js";
+const p = t(
+  Symbol(`${o}avatar-group-context`)
+);
+export {
+  p as AvatarGroupCtx
+};

package/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,43 @@
+import { LitElement, PropertyValues } from 'lit';
+import { AvatarGroupLayout, AvatarSize } from '@viasat/beam-shared/components/avatar';
+/**
+ * `bm-avatar-group`
+ *
+ * @slot default - Add Avatars to create a group
+ */
+export declare class BmAvatarGroup extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult[];
+    /**
+     * Specify if the AvatarGroup wraps
+     * @default false
+     */
+    wrapping: boolean;
+    /**
+     * Specify the max number of avatars displayed in the group.
+     * @default 5
+     */
+    maxCount: number;
+    /**
+     * Specify the size of all Avatars
+     * @default 'md'
+     */
+    size: AvatarSize;
+    /**
+     * Specify the kind of the group.
+     * @default 'stacked'
+     */
+    layout?: AvatarGroupLayout;
+    private groupCtx;
+    willUpdate(changed: PropertyValues<this>): void;
+    firstUpdated(): void;
+    updated(): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-avatar-group': BmAvatarGroup;
+    }
+}
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/Avatar/AvatarGroup.js

@@ -0,0 +1,181 @@
+import { provide as E } from "@lit/context";
+import { unsafeCSS as q, LitElement as B, nothing as L, html as b } from "lit";
+import { property as C } from "lit/decorators.js";
+import D from "clsx";
+import { a as F, c as T, b as U, g as G, d as I, e as H, f as g } from "../chunks/Avatar.C2rfzUGP.js";
+import "../chunks/constants.jOWREYQE.js";
+import { c as V, r as R, f as J } from "../chunks/dom.C98AFbJh.js";
+import { c as K } from "../chunks/CSSLookup.BdqZ5Li9.js";
+import { c as Q } from "../chunks/register-custom-element.DHGKOhmA.js";
+import { AvatarGroupCtx as X } from "./AvatarGroup.context.js";
+const Y = (t) => {
+  let e = null;
+  const s = () => {
+    e === null && (e = requestAnimationFrame(() => {
+      e = null, t();
+    }));
+  };
+  return s.cancel = () => {
+    e !== null && (cancelAnimationFrame(e), e = null);
+  }, s;
+}, Z = (t, e, s = !1) => e <= 0 ? 0 : Math.max(
+  0,
+  Math.floor(t / e) + (s ? 1 : 0)
+);
+var j = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, P = (t) => {
+  throw TypeError(t);
+}, p = (t, e, s, a) => {
+  for (var n = a > 1 ? void 0 : a ? tt(e, s) : e, o = t.length - 1, l; o >= 0; o--)
+    (l = t[o]) && (n = (a ? l(e, s, n) : l(n)) || n);
+  return a && n && j(e, s, n), n;
+}, N = (t, e, s) => e.has(t) || P("Cannot " + s), i = (t, e, s) => (N(t, e, "read from private field"), s ? s.call(t) : e.get(t)), r = (t, e, s) => e.has(t) ? P("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), u = (t, e, s, a) => (N(t, e, "write to private field"), e.set(t, s), s), d, f, v, m, _, c, M, k, z, S, A, W, x, y, O, $;
+let h = class extends B {
+  constructor() {
+    super(...arguments), this.wrapping = !1, this.maxCount = 5, this.size = "md", this.layout = "stacked", r(this, d, this.maxCount), r(this, f), r(this, v, /* @__PURE__ */ new Set()), r(this, m, /* @__PURE__ */ new WeakMap()), r(this, _), r(this, c), this.groupCtx = {
+      register: (t) => i(this, k).call(this, t),
+      unregister: (t) => i(this, z).call(this, t),
+      size: this.size
+    }, r(this, M, () => {
+      var t;
+      return (t = this.shadowRoot) == null ? void 0 : t.querySelector(".avatar-group-content");
+    }), r(this, k, (t) => {
+      const e = t.getRootNode();
+      e instanceof ShadowRoot && e.host === this || (i(this, v).add(t), i(this, y).call(this, t), this.requestUpdate());
+    }), r(this, z, (t) => {
+      const e = t.getRootNode();
+      e instanceof ShadowRoot && e.host === this || (i(this, v).delete(t), this.requestUpdate());
+    }), r(this, S, () => {
+      if (this.wrapping) return !1;
+      const t = i(this, M).call(this);
+      if (!t) return !1;
+      const e = t.clientWidth, s = i(this, A).call(this, e), a = Math.min(s, this.maxCount), n = a !== i(this, d);
+      return u(this, d, a), n;
+    }), r(this, A, (t) => {
+      const e = K(
+        U[this.size] - G(this.size, this.layout || "stacked")
+      ), s = I(this.size, this.layout || "stacked"), a = e + s;
+      return Z(t, a, !0);
+    }), r(this, W, () => Array.from(i(this, v)).sort(V)), r(this, x, () => {
+      if (this.wrapping) {
+        const o = i(this, W).call(this);
+        return {
+          avatars: o,
+          countWhenOverflow: o.length,
+          overflowCount: 0,
+          isOverflowing: !1,
+          overflowingNames: ""
+        };
+      }
+      const t = i(this, W).call(this), e = Math.max(0, i(this, d) - 1), s = Math.max(0, t.length - e), a = s > 1, n = t.slice(e).map((o) => R(o, "name") || R(o, "alt")).filter((o) => !!o).join(", ");
+      return {
+        avatars: t,
+        countWhenOverflow: e,
+        overflowCount: s,
+        isOverflowing: a,
+        overflowingNames: n
+      };
+    }), r(this, y, (t) => {
+      const e = i(this, m).get(t);
+      if (e && e.isConnected) return e;
+      const s = J(t, this, i(this, _));
+      return i(this, m).set(t, s), s;
+    }), r(this, O, () => {
+      const { avatars: t, countWhenOverflow: e, isOverflowing: s } = i(this, x).call(this);
+      t.forEach((a, n) => {
+        const o = s && n >= e, l = a.hasAttribute("hidden"), w = i(this, y).call(this, a);
+        o && !l ? (a.setAttribute("hidden", "true"), w !== a && w.setAttribute("hidden", "true")) : !o && l && (a.removeAttribute("hidden"), w !== a && w.removeAttribute("hidden"));
+      });
+    }), r(this, $, () => D(
+      H,
+      `${g}${this.size || "md"}`,
+      `${g}circle`,
+      `${g}${this.layout || "stacked"}-${this.size || "md"}`,
+      this.wrapping && `${g}wrapping`
+    ));
+  }
+  willUpdate(t) {
+    var e;
+    t.has("size") && (this.groupCtx = { ...this.groupCtx, size: this.size }), (t.has("size") || t.has("maxCount") || t.has("wrapping") || t.has("layout")) && ((e = i(this, c)) == null || e.call(this));
+  }
+  firstUpdated() {
+    var s;
+    u(this, c, Y(() => {
+      u(this, m, /* @__PURE__ */ new WeakMap()), i(this, S).call(this) && this.requestUpdate();
+    }));
+    const t = i(this, M).call(this);
+    t && (u(this, f, new ResizeObserver(() => {
+      var a;
+      return (a = i(this, c)) == null ? void 0 : a.call(this);
+    })), i(this, f).observe(t));
+    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot");
+    e && (u(this, _, e), e.addEventListener("slotchange", () => {
+      var a;
+      return (a = i(this, c)) == null ? void 0 : a.call(this);
+    }));
+  }
+  updated() {
+    i(this, O).call(this);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = i(this, f)) == null || t.disconnect();
+  }
+  render() {
+    const { isOverflowing: t, overflowCount: e, overflowingNames: s } = i(this, x).call(this);
+    return b`
+      <div class="avatar-group-content ${i(this, $).call(this)}">
+        <slot></slot>
+        ${t ? b` <bm-tooltip>
+              <bm-avatar
+                slot="trigger"
+                ?isFocusable=${!0}
+                name="+${e}"
+                shape="circle"
+                size=${this.size}
+                withBorder=${!0}
+                class=${`${T}overflow`}
+              ></bm-avatar>
+              <div slot="text">${s}</div>
+            </bm-tooltip>` : L}
+      </div>
+    `;
+  }
+};
+d = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+m = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
+c = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
+y = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+$ = /* @__PURE__ */ new WeakMap();
+h.styles = [q(F)];
+p([
+  C({ type: Boolean })
+], h.prototype, "wrapping", 2);
+p([
+  C({ type: Number, reflect: !0 })
+], h.prototype, "maxCount", 2);
+p([
+  C({ type: String })
+], h.prototype, "size", 2);
+p([
+  C({ type: String })
+], h.prototype, "layout", 2);
+p([
+  E({ context: X })
+], h.prototype, "groupCtx", 2);
+h = p([
+  Q("bm-avatar-group")
+], h);
+export {
+  h as BmAvatarGroup
+};

package/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Avatar';
+export * from './AvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/Avatar/index.js

@@ -0,0 +1,6 @@
+import { B as o } from "../chunks/Avatar.C2rfzUGP.js";
+import { BmAvatarGroup as t } from "./AvatarGroup.js";
+export {
+  o as BmAvatar,
+  t as BmAvatarGroup
+};

package/Badge/Badge.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import { BadgeEmphasis, BadgeSize, BadgeAppearance } from '@viasat/beam-shared/components/badge';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+/**
+ * `bm-badge`
+ *
+ * @slot default - Provide text for the Badge
+ * @slot icon - Specify a different icon for the Badge
+ */
+export declare class BmBadge extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult[];
+    /**
+     * Specify the appearance of the Badge
+     */
+    appearance: BadgeAppearance;
+    /**
+     * Theme of the Badge
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify the size of the Badge
+     */
+    size?: BadgeSize;
+    /**
+     * Specify the emphasis of the Badge
+     */
+    emphasis: BadgeEmphasis;
+    /**
+     * Hides Badge icon
+     */
+    hideIcon?: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-badge': BmBadge;
+    }
+}
+//# sourceMappingURL=Badge.d.ts.map

package/Badge/Badge.js

@@ -0,0 +1,125 @@
+import { unsafeCSS as S, LitElement as _, html as y, nothing as P } from "lit";
+import { property as c } from "lit/decorators.js";
+import { unsafeHTML as k } from "lit/directives/unsafe-html.js";
+import g from "clsx";
+import { W as z } from "../chunks/WarningOutlined.DPfQnPPj.js";
+import { i as M, t as $ } from "../chunks/constants.jOWREYQE.js";
+import { g as Z } from "../chunks/classNames.Cq_tbDRp.js";
+import { c as L } from "../chunks/register-custom-element.DHGKOhmA.js";
+const H = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_501_330)">
+    <path
+      d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z"
+      fill="currentColor"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_501_330">
+      <rect width="24" height="24" fill="none" />
+    </clipPath>
+  </defs>
+</svg>
+`, I = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z"
+    fill="currentColor"
+  />
+</svg>
+`, h = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_501_591)">
+    <path
+      d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z"
+      fill="currentColor"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_501_591">
+      <rect width="24" height="24" fill="none" />
+    </clipPath>
+  </defs>
+</svg>
+`, B = M, E = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(24, 124, 54, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ac4902 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(172, 73, 2, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(204, 36, 41, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #006ead );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(0, 110, 173, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #576775 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(179, 235, 158, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ffd4a8 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(255, 212, 168, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(253, 203, 205, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #64cefb );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(155, 225, 255, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #d1dae0 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}.bm-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);max-width:-moz-fit-content;width:fit-content;gap:var(--bm-comp-badge-space-gap);box-shadow:var(--bm-comp-badge-shadow)}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translateZ(0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border)}';
+var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor, C = (o) => {
+  throw TypeError(o);
+}, b = (o, r, e, i) => {
+  for (var a = i > 1 ? void 0 : i ? V(r, e) : r, t = o.length - 1, s; t >= 0; t--)
+    (s = o[t]) && (a = (i ? s(r, e, a) : s(a)) || a);
+  return i && a && O(r, e, a), a;
+}, W = (o, r, e) => r.has(o) || C("Cannot " + e), n = (o, r, e) => (W(o, r, "read from private field"), e ? e.call(o) : r.get(o)), d = (o, r, e) => r.has(o) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, e), p, l, v, u;
+const f = {
+  positive: H,
+  warning: z,
+  negative: I,
+  infoPrimary: h,
+  infoSecondary: h
+}, N = {
+  positive: "Success",
+  warning: "Warning",
+  negative: "Error",
+  infoPrimary: "Information",
+  infoSecondary: "Information"
+}, A = "badge", { baseClassNamePrefix: D, subElementClassPrefix: w, classModifierPrefix: x } = Z(A);
+let m = class extends _ {
+  constructor() {
+    super(...arguments), this.appearance = "infoPrimary", this.size = "sm", this.emphasis = "strong", d(this, p, () => {
+      const o = this.appearance || "infoPrimary", r = this.emphasis || "strong", e = this.size || "sm";
+      return g(
+        this.theme && $(this.theme),
+        D,
+        `${x}${o}-${r}`,
+        `${x}${e}`
+      );
+    }), d(this, l, g(`${w}label`)), d(this, v, g(`${w}icon`)), d(this, u, () => {
+      if (this.hideIcon) return P;
+      const o = this.appearance && f[this.appearance] ? f[this.appearance] : f[B], r = this.appearance && N[this.appearance] || "";
+      return y`
+      <span
+        role="img"
+        aria-label=${r}
+        class=${n(this, v)}
+        part="icon"
+      >
+        <slot name="icon"> ${k(o)} </slot>
+      </span>
+    `;
+    });
+  }
+  render() {
+    return y`
+      <span class=${n(this, p).call(this)} part="badge">
+        ${n(this, u).call(this)}
+        <span class=${n(this, l)}>
+          <slot></slot>
+        </span>
+      </span>
+    `;
+  }
+};
+p = /* @__PURE__ */ new WeakMap();
+l = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+m.styles = [S(E)];
+b([
+  c({ type: String })
+], m.prototype, "appearance", 2);
+b([
+  c({ type: String })
+], m.prototype, "theme", 2);
+b([
+  c({ type: String })
+], m.prototype, "size", 2);
+b([
+  c({ type: String })
+], m.prototype, "emphasis", 2);
+b([
+  c({ type: Boolean })
+], m.prototype, "hideIcon", 2);
+m = b([
+  L("bm-badge")
+], m);
+export {
+  m as BmBadge
+};

package/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/Badge/index.js

@@ -0,0 +1,4 @@
+import { BmBadge as o } from "./Badge.js";
+export {
+  o as BmBadge
+};

package/BadgeDot/BadgeDot.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import { BadgeDotAppearance as Appearance, BadgeDotEmphasis as Emphasis } from '@viasat/beam-shared/components/badgeDot';
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+/**
+ * `bm-badge-dot`
+ *
+ * @slot default - Provide text for the BadgeDot
+ */
+export declare class BmBadgeDot extends LitElement {
+    private badgeDotUniqueId;
+    constructor();
+    static styles: import('lit').CSSResult;
+    /**
+     * Specify the theme of the BadgeDot. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify the appearance of the BadgeDot
+     * @default 'infoPrimary'
+     */
+    appearance: Appearance;
+    /**
+     * Specify the emphasis of the BadgeDot
+     * @default 'strong'
+     */
+    emphasis: Emphasis;
+    /**
+     * Overrides default dot color
+     */
+    overrideDotColor?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bm-badge-dot': BmBadgeDot;
+    }
+}
+//# sourceMappingURL=BadgeDot.d.ts.map

package/BadgeDot/BadgeDot.js

@@ -0,0 +1,59 @@
+import { unsafeCSS as n, LitElement as g, nothing as s, html as l } from "lit";
+import { property as d } from "lit/decorators.js";
+import f from "clsx";
+import { g as v } from "../chunks/classNames.Cq_tbDRp.js";
+import { t as y } from "../chunks/constants.jOWREYQE.js";
+import { c as h } from "../chunks/register-custom-element.DHGKOhmA.js";
+const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}.bm-badge-dot{display:inline-flex;align-items:center;gap:var(--bm-comp-badge-dot-space-gap);font:var(--bm-comp-badge-dot-typo-strong);min-width:min-content;color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot:before{content:" ";flex-shrink:0;min-width:var(--bm-comp-badge-dot-size);width:var(--bm-comp-badge-dot-size);height:var(--bm-comp-badge-dot-size);border-radius:var(--bm-comp-badge-dot-radius);border-width:var(--bm-comp-badge-dot-border-width);background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));border-style:solid;box-sizing:border-box}.bm-badge-dot:dir(rtl):before{flex-direction:row-reverse}.bm-badge-dot--infoPrimary{color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot--infoPrimary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border))}.bm-badge-dot--infoSecondary{color:var(--bm-comp-badge-dot-color-info-secondary-text)}.bm-badge-dot--infoSecondary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-border))}.bm-badge-dot--positive{color:var(--bm-comp-badge-dot-color-positive-text)}.bm-badge-dot--positive:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-border))}.bm-badge-dot--warning{color:var(--bm-comp-badge-dot-color-warning-text)}.bm-badge-dot--warning:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-border))}.bm-badge-dot--negative{color:var(--bm-comp-badge-dot-color-negative-text)}.bm-badge-dot--negative:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-border))}.bm-badge-dot--subtle{font:var(--bm-comp-badge-dot-typo-subtle)}.bm-badge-dot--strong{font:var(--bm-comp-badge-dot-typo-strong)}';
+var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (b, e, m, t) => {
+  for (var o = t > 1 ? void 0 : t ? w(e, m) : e, c = b.length - 1, i; c >= 0; c--)
+    (i = b[c]) && (o = (t ? i(e, m, o) : i(o)) || o);
+  return t && o && u(e, m, o), o;
+};
+const { baseClassNamePrefix: S, classModifierPrefix: p, variablePrefix: P } = v("badge-dot"), $ = `${P}-color`;
+let r = class extends g {
+  constructor() {
+    super(), this.appearance = "infoPrimary", this.emphasis = "strong", this.badgeDotUniqueId = `badge-dot-${Math.random().toString(36).slice(2, 9)}`;
+  }
+  render() {
+    const b = `
+      ${this.overrideDotColor ? `${$}: ${this.overrideDotColor};` : ""}
+    `, e = this.innerHTML.length > 0, m = f(
+      S,
+      this.emphasis && `${p}${this.emphasis}`,
+      this.appearance && `${p}${this.appearance}`,
+      this.theme && y(this.theme)
+    );
+    return l`
+      <span
+        aria-describedby=${e ? this.badgeDotUniqueId : s}
+        class=${m}
+        style=${b}
+        part="badge-dot"
+      >
+        <span id=${this.badgeDotUniqueId}>
+          <slot></slot>
+        </span>
+      </span>
+    `;
+  }
+};
+r.styles = n(x);
+a([
+  d({ type: String })
+], r.prototype, "theme", 2);
+a([
+  d({ type: String })
+], r.prototype, "appearance", 2);
+a([
+  d({ type: String })
+], r.prototype, "emphasis", 2);
+a([
+  d({ type: String })
+], r.prototype, "overrideDotColor", 2);
+r = a([
+  h("bm-badge-dot")
+], r);
+export {
+  r as BmBadgeDot
+};

package/BadgeDot/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeDot';
+//# sourceMappingURL=index.d.ts.map

package/BadgeDot/index.js

@@ -0,0 +1,4 @@
+import { BmBadgeDot as m } from "./BadgeDot.js";
+export {
+  m as BmBadgeDot
+};