pyro/dist/box.js

Pyro custom elements

import { i, r as l, x as v, t as d } from "./custom-element-CWJsDAat.js";
import { n as u } from "./property-Bf-I6Ep_.js";
var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, p = (c, o, a, e) => {
  for (var r = e > 1 ? void 0 : e ? y(o, a) : o, n = c.length - 1, s; n >= 0; n--)
    (s = c[n]) && (r = (e ? s(o, a, r) : s(r)) || r);
  return e && r && b(o, a, r), r;
};
let t = class extends l {
  constructor() {
    super(...arguments), this.variant = "";
  }
  render() {
    return v`
      <div class="inherit">
        <slot></slot>
      </div>
    `;
  }
};
t.styles = i`
    :host {
      display: block;
      color: var(--pyro-box-text-color, var(--pyro-text-color));
      background: var(--pyro-box-background, inherit);
      border: var(--pyro-box-border, none);
      border-radius: var(--pyro-box-border-radius, var(--pyro-border-radius));
    }
    :host([variant='surface']) {
      background: var(--pyro-box-surface-color, var(--pyro-surface-color));
      color: var(--pyro-text-color-on-surface);
    }
    :host([variant='foreground']) {
      background: var(--pyro-box-foreground-color, var(--pyro-foreground-color));
      color: var(--pyro-text-color-on-foreground);
    }
    :host([variant='transparent']) {
      background: transparent;
    }
    .inherit {
      all: inherit;
      border: none;
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  `;
p([
  u({ reflect: !0 })
], t.prototype, "variant", 2);
t = p([
  d("pyro-box")
], t);
export {
  t as PyroBox
};