@styleon/foundation 0.0.0-next.1 → 0.0.0-next.3

package/dist/button/button.component.d.ts

@@ -1,6 +1,18 @@
 import { LitElement, TemplateResult } from 'lit';
-export declare class FlashButton extends LitElement {
+export declare class StyleonButton extends LitElement {
     static styles: import('lit').CSSResult;
-    variant: 'primary' | 'secondary';
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    variant: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * @type {'normal' | 'mini'}
+     * @default 'normal'
+     */
+    scale: 'normal' | 'mini';
+    href: string;
     render(): TemplateResult;
 }

package/dist/button/button.component.js

@@ -1,32 +1,40 @@
 import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as i } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as l } from "../node_modules/lit-element/lit-element.js";
+import { html as f } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as m } from "../node_modules/lit-element/lit-element.js";
 import u from "./button.scss.js";
-import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as v } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { unsafeCSS as c, css as b } from "../node_modules/@lit/reactive-element/css-tag.js";
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (p, r, s, e) => {
-  for (var t = e > 1 ? void 0 : e ? _(r, s) : r, a = p.length - 1, n; a >= 0; a--)
-    (n = p[a]) && (t = (e ? n(r, s, t) : n(t)) || t);
-  return e && t && y(r, s, t), t;
+import { customElement as h } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { unsafeCSS as c, css as y } from "../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (l, e, p, o) => {
+  for (var t = o > 1 ? void 0 : o ? b(e, p) : e, a = l.length - 1, n; a >= 0; a--)
+    (n = l[a]) && (t = (o ? n(e, p, t) : n(t)) || t);
+  return o && t && v(e, p, t), t;
 };
-let o = class extends l {
+let r = class extends m {
   constructor() {
-    super(...arguments), this.variant = "primary";
+    super(...arguments), this.variant = "primary", this.scale = "normal", this.href = "";
   }
   render() {
-    return i`<button>
-            <slot></slot>
-        </button>`;
+    return this.href ? f`<a href=${this.href}><slot></slot></a>` : f`<button><slot></slot></button>`;
   }
 };
-o.styles = b`${c(u)}`;
-m([
-  v({ type: String, reflect: !0, attribute: "variant" })
-], o.prototype, "variant", 2);
-o = m([
-  f("flash-button")
-], o);
+r.styles = y`${c(u)}`;
+r.shadowRootOptions = {
+  ...m.shadowRootOptions,
+  delegatesFocus: !0
+};
+s([
+  i({ type: String, reflect: !0, attribute: "variant" })
+], r.prototype, "variant", 2);
+s([
+  i({ reflect: !0 })
+], r.prototype, "scale", 2);
+s([
+  i({ type: String, reflect: !0 })
+], r.prototype, "href", 2);
+r = s([
+  h("styleon-button")
+], r);
 export {
-  o as FlashButton
+  r as StyleonButton
 };