@styleon/foundation 0.0.0-next.0 → 0.0.0-next.2

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

@@ -1,6 +1,13 @@
 import { LitElement, TemplateResult } from 'lit';
-export declare class FlashButton extends LitElement {
+import { Scale } from '../../common/scale.enum';
+export declare class StyleonButton extends LitElement {
     static styles: import('lit').CSSResult;
-    variant: 'primary' | 'secondary';
+    variant: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * @type {Scale.MINI | Scale.NORMAL}
+     */
+    scale: Scale;
+    link: boolean;
+    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 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 { html as f } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as u } from "../node_modules/lit-element/lit-element.js";
+import y from "./button.scss.js";
+import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as p } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { Scale as m } from "../src/common/scale.enum.js";
+import { unsafeCSS as h, css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
+var S = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (a, o, l, s) => {
+  for (var t = s > 1 ? void 0 : s ? b(o, l) : o, n = a.length - 1, i; n >= 0; n--)
+    (i = a[n]) && (t = (s ? i(o, l, t) : i(t)) || t);
+  return s && t && S(o, l, t), t;
 };
-let o = class extends l {
+let r = class extends u {
   constructor() {
-    super(...arguments), this.variant = "primary";
+    super(...arguments), this.variant = "primary", this.scale = m.NORMAL, this.link = !1, this.href = "";
   }
   render() {
-    return i`<button>
-            <slot></slot>
-        </button>`;
+    return this.link ? 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 = v`${h(y)}`;
+e([
+  p({ type: String, reflect: !0, attribute: "variant" })
+], r.prototype, "variant", 2);
+e([
+  p({ type: m })
+], r.prototype, "scale", 2);
+e([
+  p({ type: Boolean, reflect: !0 })
+], r.prototype, "link", 2);
+e([
+  p({ type: String, reflect: !0 })
+], r.prototype, "href", 2);
+r = e([
+  c("styleon-button")
+], r);
 export {
-  o as FlashButton
+  r as StyleonButton
 };