@xplortech/apollo-core 1.0.0-beta.17 → 1.0.0-beta.2

package/dist/components/xpl-application-shell.js

@@ -1,80 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './xpl-backdrop2.js';
-
-const XplApplicationShell$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.withSubnav = false;
-    this.withUtility = true;
-    this.navWidth = 'default';
-    this.isNavOpenAtStartup = undefined;
-    this.navOpen = true;
-  }
-  closeNavOnMobile() {
-    if (window.innerWidth <= 640) {
-      this.navOpen = false;
-    }
-  }
-  navToggleHandler() {
-    this.navOpen = !this.navOpen;
-  }
-  navWithHandler(event) {
-    this.navWidth = event.detail;
-  }
-  onWindowResize() {
-    this.closeNavOnMobile();
-  }
-  connectedCallback() {
-    this.closeNavOnMobile();
-  }
-  componentWillLoad() {
-    this.navOpen =
-      this.isNavOpenAtStartup !== undefined
-        ? this.isNavOpenAtStartup
-        : this.navOpen;
-  }
-  render() {
-    let applicationShellClasses = 'xpl-application-shell';
-    if (this.withUtility)
-      applicationShellClasses += ' xpl-application-shell--with_utility';
-    let navClasses = 'xpl-application-shell__nav';
-    navClasses += this.navOpen
-      ? ` xpl-application-shell__nav--${this.navWidth}--open`
-      : ` xpl-application-shell__nav--${this.navWidth}`;
-    return (h(Host, { class: applicationShellClasses }, h("div", { class: navClasses }, h("slot", { name: "nav" })), h("div", { class: "xpl-application-shell__subnav" }, h("slot", { name: "subnav" })), h("div", { class: "xpl-application-shell__utility" }, h("slot", { name: "utility" })), h("div", { class: "xpl-application-shell__content" }, h("slot", { name: "content" })), h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: {
-        'xpl-application-shell__backdrop--open': this.navOpen,
-      }, relative: true })));
-  }
-}, [4, "xpl-application-shell", {
-    "withSubnav": [4, "with-subnav"],
-    "withUtility": [4, "with-utility"],
-    "navWidth": [1, "nav-width"],
-    "isNavOpenAtStartup": [4, "is-nav-open-at-startup"],
-    "navOpen": [32]
-  }, [[0, "navOpen", "navToggleHandler"], [0, "navWidth", "navWithHandler"], [9, "resize", "onWindowResize"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-application-shell", "xpl-backdrop"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-application-shell":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplApplicationShell$1);
-      }
-      break;
-    case "xpl-backdrop":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const XplApplicationShell = XplApplicationShell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplApplicationShell, defineCustomElement };
-
-//# sourceMappingURL=xpl-application-shell.js.map

package/dist/components/xpl-application-shell.js.map

@@ -1 +0,0 @@
-{"file":"xpl-application-shell.js","mappings":";;;MAKaA,qBAAmB;;;;sBAUE,KAAK;uBAIJ,IAAI;oBAKR,SAAS;;mBAUR,IAAI;;EA5BxB,gBAAgB;IACpB,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;MAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;GACJ;EA2BD,gBAAgB;IACZ,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;GAChC;EAGD,cAAc,CAAC,KAAK;IAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;GAChC;EAGD,cAAc;IACV,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC3B;EAED,iBAAiB;IACb,IAAI,CAAC,OAAO;MACR,IAAI,CAAC,kBAAkB,KAAK,SAAS;UAC/B,IAAI,CAAC,kBAAkB;UACvB,IAAI,CAAC,OAAO,CAAC;GAC1B;EAED,MAAM;IACF,IAAI,uBAAuB,GAAG,uBAAuB,CAAC;IACtD,IAAI,IAAI,CAAC,WAAW;MAChB,uBAAuB,IAAI,sCAAsC,CAAC;IAEtE,IAAI,UAAU,GAAG,4BAA4B,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC,OAAO;QACpB,gCAAgC,IAAI,CAAC,QAAQ,QAAQ;QACrD,gCAAgC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAEtD,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,uBAAuB,IAChC,WAAK,KAAK,EAAE,UAAU,IAClB,YAAM,IAAI,EAAC,KAAK,GAAQ,CACtB,EACN,WAAK,KAAK,EAAC,+BAA+B,IACtC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,EACN,WAAK,KAAK,EAAC,gCAAgC,IACvC,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACN,WAAK,KAAK,EAAC,gCAAgC,IACvC,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC1B,EACN,oBACI,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,KAAK,EAAE;QACH,uCAAuC,EAAE,IAAI,CAAC,OAAO;OACxD,EACD,QAAQ,SACI,CACb,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplApplicationShell"],"sources":["./src/components/components/xpl-application-shell/xpl-application-shell.tsx"],"sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-application-shell',\n})\nexport class XplApplicationShell {\n    private closeNavOnMobile() {\n        if (window.innerWidth <= 640) {\n            this.navOpen = false;\n        }\n    }\n\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar\n     */\n    @Prop() withSubnav: boolean = false;\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a utility bar\n     */\n    @Prop() withUtility: boolean = true;\n\n    /**\n     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.\n     */\n    @Prop() navWidth: string = 'default';\n\n    /**\n     * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n     */\n    @Prop() isNavOpenAtStartup: boolean;\n\n    /**\n     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.\n     */\n    @State() navOpen: boolean = true;\n\n    @Listen('navOpen')\n    navToggleHandler() {\n        this.navOpen = !this.navOpen;\n    }\n\n    @Listen('navWidth')\n    navWithHandler(event) {\n        this.navWidth = event.detail;\n    }\n\n    @Listen('resize', { target: 'window' })\n    onWindowResize() {\n        this.closeNavOnMobile();\n    }\n\n    connectedCallback() {\n        this.closeNavOnMobile();\n    }\n\n    componentWillLoad() {\n        this.navOpen =\n            this.isNavOpenAtStartup !== undefined\n                ? this.isNavOpenAtStartup\n                : this.navOpen;\n    }\n\n    render() {\n        let applicationShellClasses = 'xpl-application-shell';\n        if (this.withUtility)\n            applicationShellClasses += ' xpl-application-shell--with_utility';\n\n        let navClasses = 'xpl-application-shell__nav';\n        navClasses += this.navOpen\n            ? ` xpl-application-shell__nav--${this.navWidth}--open`\n            : ` xpl-application-shell__nav--${this.navWidth}`;\n\n        return (\n            <Host class={applicationShellClasses}>\n                <div class={navClasses}>\n                    <slot name=\"nav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__subnav\">\n                    <slot name=\"subnav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__utility\">\n                    <slot name=\"utility\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__content\">\n                    <slot name=\"content\"></slot>\n                </div>\n                <xpl-backdrop\n                    onClick={() => this.navToggleHandler()}\n                    class={{\n                        'xpl-application-shell__backdrop--open': this.navOpen,\n                    }}\n                    relative\n                ></xpl-backdrop>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-avatar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplAvatar extends Components.XplAvatar, HTMLElement {}
-export const XplAvatar: {
-  prototype: XplAvatar;
-  new (): XplAvatar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-avatar.js

@@ -1,8 +0,0 @@
-import { X as XplAvatar$1, d as defineCustomElement$1 } from './xpl-avatar2.js';
-
-const XplAvatar = XplAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplAvatar, defineCustomElement };
-
-//# sourceMappingURL=xpl-avatar.js.map

package/dist/components/xpl-avatar.js.map

@@ -1 +0,0 @@
-{"file":"xpl-avatar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-avatar2.js

@@ -1,51 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.color = undefined;
-    this.disabled = false;
-    this.href = undefined;
-    this.name = undefined;
-    this.size = undefined;
-    this.src = undefined;
-    this.status = undefined;
-    this.target = undefined;
-  }
-  render() {
-    let className = 'xpl-avatar';
-    if (this.size)
-      className += ` xpl-avatar--${this.size}`;
-    if (this.color)
-      className += ` xpl-avatar--${this.color}`;
-    const inner = (h("div", null, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && (h("div", { class: `xpl-avatar__dot--${this.status}` }))));
-    return (h(Host, null, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + ' xpl-avatar--disabled' }, inner)) : (h("div", { class: className }, inner))));
-  }
-}, [4, "xpl-avatar", {
-    "color": [1],
-    "disabled": [4],
-    "href": [1],
-    "name": [1],
-    "size": [1],
-    "src": [1],
-    "status": [1],
-    "target": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-avatar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-avatar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplAvatar);
-      }
-      break;
-  } });
-}
-
-export { XplAvatar as X, defineCustomElement as d };
-
-//# sourceMappingURL=xpl-avatar2.js.map

package/dist/components/xpl-avatar2.js.map

@@ -1 +0,0 @@
-{"file":"xpl-avatar2.js","mappings":";;MAKa,SAAS;;;;;oBAEW,KAAK;;;;;;;;EAQlC,MAAM;IACF,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,IAAI,IAAI,CAAC,IAAI;MAAE,SAAS,IAAI,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC;IACxD,IAAI,IAAI,CAAC,KAAK;MAAE,SAAS,IAAI,gBAAgB,IAAI,CAAC,KAAK,EAAE,CAAC;IAE1D,MAAM,KAAK,IACP,eACK,IAAI,CAAC,GAAG,IACL,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,WAAK,KAAK,EAAC,yBAAyB,IAChC,eAAa,CACX,CACT,EACA,IAAI,CAAC,MAAM,KACR,WAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,MAAM,EAAE,GAAQ,CACxD,CACC,CACT,CAAC;IAEF,QACI,EAAC,IAAI,QACA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IACxB,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACpD,KAAK,CACN,IACJ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAC1B,WAAK,KAAK,EAAE,SAAS,GAAG,uBAAuB,IAC1C,KAAK,CACJ,KAEN,WAAK,KAAK,EAAE,SAAS,IAAG,KAAK,CAAO,CACvC,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-avatar/xpl-avatar.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-avatar',\n})\nexport class XplAvatar {\n    @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n    @Prop() disabled?: boolean = false;\n    @Prop() href?: string;\n    @Prop() name?: string;\n    @Prop() size?: 'md' | 'sm';\n    @Prop() src?: string;\n    @Prop() status?: 'active' | 'warning' | 'inactive';\n    @Prop() target?: string;\n\n    render() {\n        let className = 'xpl-avatar';\n        if (this.size) className += ` xpl-avatar--${this.size}`;\n        if (this.color) className += ` xpl-avatar--${this.color}`;\n\n        const inner = (\n            <div>\n                {this.src ? (\n                    <img alt={this.name} src={this.src} />\n                ) : (\n                    <div class=\"xpl-avatar__placeholder\">\n                        <slot></slot>\n                    </div>\n                )}\n                {this.status && (\n                    <div class={`xpl-avatar__dot--${this.status}`}></div>\n                )}\n            </div>\n        );\n\n        return (\n            <Host>\n                {this.href && !this.disabled ? (\n                    <a href={this.href} class={className} target={this.target}>\n                        {inner}\n                    </a>\n                ) : this.href && this.disabled ? (\n                    <div class={className + ' xpl-avatar--disabled'}>\n                        {inner}\n                    </div>\n                ) : (\n                    <div class={className}>{inner}</div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-backdrop.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplBackdrop extends Components.XplBackdrop, HTMLElement {}
-export const XplBackdrop: {
-  prototype: XplBackdrop;
-  new (): XplBackdrop;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-backdrop.js

@@ -1,8 +0,0 @@
-import { X as XplBackdrop$1, d as defineCustomElement$1 } from './xpl-backdrop2.js';
-
-const XplBackdrop = XplBackdrop$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplBackdrop, defineCustomElement };
-
-//# sourceMappingURL=xpl-backdrop.js.map

package/dist/components/xpl-backdrop.js.map

@@ -1 +0,0 @@
-{"file":"xpl-backdrop.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-backdrop2.js

@@ -1,35 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplBackdrop = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.relative = false;
-  }
-  render() {
-    return (h(Host, { class: {
-        'xpl-backdrop': true,
-        'xpl-backdrop--fixed': !this.relative,
-        'xpl-backdrop--relative': this.relative,
-      }, "aria-hidden": "true" }));
-  }
-}, [0, "xpl-backdrop", {
-    "relative": [4]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-backdrop"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-backdrop":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplBackdrop);
-      }
-      break;
-  } });
-}
-
-export { XplBackdrop as X, defineCustomElement as d };
-
-//# sourceMappingURL=xpl-backdrop2.js.map

package/dist/components/xpl-backdrop2.js.map

@@ -1 +0,0 @@
-{"file":"xpl-backdrop2.js","mappings":";;MAKa,WAAW;;;;oBAKQ,KAAK;;EAEjC,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE;QACH,cAAc,EAAE,IAAI;QACpB,qBAAqB,EAAE,CAAC,IAAI,CAAC,QAAQ;QACrC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;OAC1C,iBACW,MAAM,GACd,EACV;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-backdrop/xpl-backdrop.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-backdrop',\n})\nexport class XplBackdrop {\n    /**\n     * @property {boolean} - When true, backdrop will have relative position. This is useful when the backdrop doesn't cover the whole view area.\n     * If false, the position will be fixed and cover the whole view area.\n     */\n    @Prop() relative: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'xpl-backdrop': true,\n                    'xpl-backdrop--fixed': !this.relative,\n                    'xpl-backdrop--relative': this.relative,\n                }}\n                aria-hidden=\"true\"\n            ></Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-badge.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplBadge extends Components.XplBadge, HTMLElement {}
-export const XplBadge: {
-  prototype: XplBadge;
-  new (): XplBadge;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-badge.js

@@ -1,8 +0,0 @@
-import { X as XplBadge$1, d as defineCustomElement$1 } from './xpl-badge2.js';
-
-const XplBadge = XplBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplBadge, defineCustomElement };
-
-//# sourceMappingURL=xpl-badge.js.map

package/dist/components/xpl-badge.js.map

@@ -1 +0,0 @@
-{"file":"xpl-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-badge2.js

@@ -1,38 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.dot = undefined;
-    this.variant = undefined;
-  }
-  render() {
-    let className = 'xpl-badge';
-    if (this.dot)
-      className += ' xpl-badge--dot';
-    if (this.variant)
-      className += ' xpl-badge--' + this.variant;
-    return (h(Host, null, h("div", { class: className }, h("slot", null))));
-  }
-}, [4, "xpl-badge", {
-    "dot": [4],
-    "variant": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-badge"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-badge":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplBadge);
-      }
-      break;
-  } });
-}
-
-export { XplBadge as X, defineCustomElement as d };
-
-//# sourceMappingURL=xpl-badge2.js.map

package/dist/components/xpl-badge2.js.map

@@ -1 +0,0 @@
-{"file":"xpl-badge2.js","mappings":";;MAKa,QAAQ;;;;;;;EAIjB,MAAM;IACF,IAAI,SAAS,GAAG,WAAW,CAAC;IAC5B,IAAI,IAAI,CAAC,GAAG;MAAE,SAAS,IAAI,iBAAiB,CAAC;IAC7C,IAAI,IAAI,CAAC,OAAO;MAAE,SAAS,IAAI,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7D,QACI,EAAC,IAAI,QACD,WAAK,KAAK,EAAE,SAAS,IACjB,eAAa,CACX,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-badge/xpl-badge.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-badge',\n})\nexport class XplBadge {\n    @Prop() dot?: boolean;\n    @Prop() variant?: 'success' | 'warning' | 'inactive' | 'error';\n\n    render() {\n        let className = 'xpl-badge';\n        if (this.dot) className += ' xpl-badge--dot';\n        if (this.variant) className += ' xpl-badge--' + this.variant;\n\n        return (\n            <Host>\n                <div class={className}>\n                    <slot></slot>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-breadcrumb-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplBreadcrumbItem extends Components.XplBreadcrumbItem, HTMLElement {}
-export const XplBreadcrumbItem: {
-  prototype: XplBreadcrumbItem;
-  new (): XplBreadcrumbItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-breadcrumb-item.js

@@ -1,36 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.
-    this.chevron = `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-        <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
-    </svg>
-    `;
-  }
-  render() {
-    return (h(Host, { class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { role: "none" }, h("slot", null)), h("span", { innerHTML: `${this.chevron}` })));
-  }
-}, [4, "xpl-breadcrumb-item"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-breadcrumb-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-breadcrumb-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplBreadcrumbItem$1);
-      }
-      break;
-  } });
-}
-
-const XplBreadcrumbItem = XplBreadcrumbItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplBreadcrumbItem, defineCustomElement };
-
-//# sourceMappingURL=xpl-breadcrumb-item.js.map

package/dist/components/xpl-breadcrumb-item.js.map

@@ -1 +0,0 @@
-{"file":"xpl-breadcrumb-item.js","mappings":";;MAQaA,mBAAiB;EAH9B;;;;IAKY,YAAO,GAAG;;;KAGjB,CAAC;GAYL;EAVG,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,UAAU,IAC7C,UAAI,IAAI,EAAC,MAAM,IACX,eAAa,CACZ,EACL,YAAM,SAAS,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAI,CACnC,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":["XplBreadcrumbItem"],"sources":["./src/components/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)\n */\n@Component({\n    tag: 'xpl-breadcrumb-item',\n})\nexport class XplBreadcrumbItem {\n    // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.\n    private chevron = `<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right fa-w-10\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n        <path fill=\"currentColor\" d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"></path>\n    </svg>\n    `;\n\n    render() {\n        return (\n            <Host class=\"xpl-breadcrumb-item\" role=\"listitem\">\n                <li role=\"none\">\n                    <slot></slot>\n                </li>\n                <span innerHTML={`${this.chevron}`} />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-breadcrumbs.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplBreadcrumbs extends Components.XplBreadcrumbs, HTMLElement {}
-export const XplBreadcrumbs: {
-  prototype: XplBreadcrumbs;
-  new (): XplBreadcrumbs;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-breadcrumbs.js

@@ -1,31 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, null, h("nav", { class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { role: "list" }, h("slot", null)))));
-  }
-}, [4, "xpl-breadcrumbs"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-breadcrumbs"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-breadcrumbs":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplBreadcrumbs$1);
-      }
-      break;
-  } });
-}
-
-const XplBreadcrumbs = XplBreadcrumbs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplBreadcrumbs, defineCustomElement };
-
-//# sourceMappingURL=xpl-breadcrumbs.js.map

package/dist/components/xpl-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"file":"xpl-breadcrumbs.js","mappings":";;MAQaA,gBAAc;;;;;EACvB,MAAM;IACF,QACI,EAAC,IAAI,QACD,WAAK,KAAK,EAAC,iBAAiB,gBAAY,YAAY,IAChD,UAAI,IAAI,EAAC,MAAM,IACX,eAAa,CACZ,CACH,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":["XplBreadcrumbs"],"sources":["./src/components/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>\n */\n@Component({\n    tag: 'xpl-breadcrumbs',\n})\nexport class XplBreadcrumbs {\n    render() {\n        return (\n            <Host>\n                <nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n                    <ol role=\"list\">\n                        <slot></slot>\n                    </ol>\n                </nav>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-button-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplButtonRow extends Components.XplButtonRow, HTMLElement {}
-export const XplButtonRow: {
-  prototype: XplButtonRow;
-  new (): XplButtonRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-button-row.js

@@ -1,50 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './xpl-button2.js';
-
-const XplButtonRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.clickPrimary = createEvent(this, "clickPrimary", 7);
-    this.clickSecondary = createEvent(this, "clickSecondary", 7);
-    this.clickTertiary = createEvent(this, "clickTertiary", 7);
-    this.onPrimary = () => this.clickPrimary.emit();
-    this.onSecondary = () => this.clickSecondary.emit();
-    this.onTertiary = () => this.clickTertiary.emit();
-    this.primary = undefined;
-    this.secondary = undefined;
-    this.tertiary = undefined;
-  }
-  render() {
-    return (h(Host, { class: "xpl-button-row" }, h("div", { class: "xpl-button-row-inner" }, h("div", { class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
-  }
-}, [0, "xpl-button-row", {
-    "primary": [1],
-    "secondary": [1],
-    "tertiary": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-button-row", "xpl-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-button-row":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplButtonRow$1);
-      }
-      break;
-    case "xpl-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const XplButtonRow = XplButtonRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplButtonRow, defineCustomElement };
-
-//# sourceMappingURL=xpl-button-row.js.map

package/dist/components/xpl-button-row.js.map

@@ -1 +0,0 @@
-{"file":"xpl-button-row.js","mappings":";;;MAKaA,cAAY;;;;;;;IA+Bb,cAAS,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3C,gBAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC/C,eAAU,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;;;;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,WAAK,KAAK,EAAC,sBAAsB,IAC7B,WAAK,KAAK,EAAC,sBAAsB,IAC5B,IAAI,CAAC,SAAS,KACX,kBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,SAAS,CACN,CAChB,CACC,EACN,WAAK,KAAK,EAAC,uBAAuB,IAC7B,IAAI,CAAC,QAAQ,KACV,kBACI,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,IAEvB,IAAI,CAAC,QAAQ,CACL,CAChB,EACA,IAAI,CAAC,SAAS,KACX,kBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,SAAS,CACN,CAChB,EACA,IAAI,CAAC,OAAO,KACT,kBACI,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,SAAS,IAEtB,IAAI,CAAC,OAAO,CACJ,CAChB,CACC,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplButtonRow"],"sources":["./src/components/components/xpl-button-row/xpl-button-row.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-button-row',\n})\nexport class XplButtonRow {\n    /**\n     * The text for the primary button.\n     */\n    @Prop({ reflect: false }) primary: 'string';\n    /**\n     * The text for the secondary button. If left\n     * empty, will not render a secondary button.\n     */\n    @Prop({ reflect: false }) secondary: 'string';\n    /**\n     * The text for the tertiary button. If left\n     * empty, will not render a secondary button.\n     */\n    @Prop({ reflect: false }) tertiary: 'string';\n\n    /**\n     * Fires on the primary button.\n     * If not set, the button can act as a standard\n     * submit button for a form.\n     */\n    @Event() clickPrimary: EventEmitter;\n    /**\n     * Adds an event listener to the secondary button.\n     */\n    @Event() clickSecondary: EventEmitter;\n    /**\n     * Adds an event listener to the tertiary button.\n     */\n    @Event() clickTertiary: EventEmitter;\n\n    private onPrimary = () => this.clickPrimary.emit();\n    private onSecondary = () => this.clickSecondary.emit();\n    private onTertiary = () => this.clickTertiary.emit();\n\n    render() {\n        return (\n            <Host class=\"xpl-button-row\">\n                <div class=\"xpl-button-row-inner\">\n                    <div class=\"xpl-button-row__left\">\n                        {this.secondary && (\n                            <xpl-button\n                                variant=\"secondary\"\n                                type=\"button\"\n                                onClick={this.onSecondary}\n                            >\n                                {this.secondary}\n                            </xpl-button>\n                        )}\n                    </div>\n                    <div class=\"xpl-button-row__right\">\n                        {this.tertiary && (\n                            <xpl-button\n                                variant=\"subtle\"\n                                type=\"button\"\n                                onClick={this.onTertiary}\n                            >\n                                {this.tertiary}\n                            </xpl-button>\n                        )}\n                        {this.secondary && (\n                            <xpl-button\n                                variant=\"secondary\"\n                                type=\"button\"\n                                onClick={this.onSecondary}\n                            >\n                                {this.secondary}\n                            </xpl-button>\n                        )}\n                        {this.primary && (\n                            <xpl-button\n                                class=\"xpl-button-row__primary\"\n                                onClick={this.onPrimary}\n                            >\n                                {this.primary}\n                            </xpl-button>\n                        )}\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplButton extends Components.XplButton, HTMLElement {}
-export const XplButton: {
-  prototype: XplButton;
-  new (): XplButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/xpl-button.js

@@ -1,8 +0,0 @@
-import { X as XplButton$1, d as defineCustomElement$1 } from './xpl-button2.js';
-
-const XplButton = XplButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { XplButton, defineCustomElement };
-
-//# sourceMappingURL=xpl-button.js.map

package/dist/components/xpl-button.js.map

@@ -1 +0,0 @@
-{"file":"xpl-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/xpl-button2.js

@@ -1,85 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const XplButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.disabled = undefined;
-    this.link = undefined;
-    this.iconOnly = undefined;
-    this.fullWidth = undefined;
-    this.name = undefined;
-    this.size = 'default';
-    this.type = undefined;
-    this.value = undefined;
-    this.variant = 'primary';
-    this.state = 'neutral';
-  }
-  componentDidRender() {
-    const attrs = this.el.attributes;
-    const dataAttrs = Object.keys(attrs)
-      .filter((k) => {
-      const propertyName = attrs[k].name;
-      if (propertyName) {
-        return (propertyName.includes('data-test') ||
-          propertyName.includes('aria-'));
-      }
-      return false;
-    })
-      .reduce((acc, k) => {
-      return Object.assign(Object.assign({}, acc), { [attrs[k].name]: attrs[k].value });
-    }, {});
-    const child = this.el.querySelector('button');
-    Object.keys(dataAttrs).forEach((k) => {
-      child.setAttribute(k, dataAttrs[k]);
-      this.el.removeAttribute(k);
-    });
-  }
-  render() {
-    let className = `xpl-button
-                    xpl-button--${this.size}
-                    xpl-button--${this.state}
-                    xpl-button--${this.variant}`;
-    if (this.iconOnly)
-      className += ' xpl-button--icon-only';
-    if (this.fullWidth)
-      className += ' xpl-button--full-width';
-    if (this.link && this.disabled)
-      className += ' xpl-button--link-disabled';
-    return (h(Host, { class: className }, 
-    /**
-     * Conditionally render either an <slot> or <button> element
-     * depending on if there's an `link` or not
-     */
-    this.link ? (h("slot", null)) : (h("button", { disabled: this.disabled, name: this.name, type: this.type, value: this.value }, h("slot", null)))));
-  }
-  get el() { return this; }
-}, [4, "xpl-button", {
-    "disabled": [4],
-    "link": [4],
-    "iconOnly": [4, "icon-only"],
-    "fullWidth": [4, "full-width"],
-    "name": [1],
-    "size": [1],
-    "type": [1],
-    "value": [1],
-    "variant": [1],
-    "state": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["xpl-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "xpl-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, XplButton);
-      }
-      break;
-  } });
-}
-
-export { XplButton as X, defineCustomElement as d };
-
-//# sourceMappingURL=xpl-button2.js.map

package/dist/components/xpl-button2.js.map

@@ -1 +0,0 @@
-{"file":"xpl-button2.js","mappings":";;MAIa,SAAS;;;;;;;;;gBAyBsB,SAAS;;;mBAYK,SAAS;iBAIZ,SAAS;;EAE5D,kBAAkB;IACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;IACjC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;OAC/B,MAAM,CAAC,CAAC,CAAC;MACN,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;MACnC,IAAI,YAAY,EAAE;QACd,QACI,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC;UAClC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC;OACL;MACD,OAAO,KAAK,CAAC;KAChB,CAAC;OACD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;MACX,uCAAY,GAAG,KAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAG;KACtD,EAAE,EAAE,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;MAC7B,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;MACpC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KAC9B,CAAC,CAAC;GACN;EAED,MAAM;IACF,IAAI,SAAS,GAAG;kCACU,IAAI,CAAC,IAAI;kCACT,IAAI,CAAC,KAAK;kCACV,IAAI,CAAC,OAAO,EAAE,CAAC;IACzC,IAAI,IAAI,CAAC,QAAQ;MAAE,SAAS,IAAI,wBAAwB,CAAC;IACzD,IAAI,IAAI,CAAC,SAAS;MAAE,SAAS,IAAI,yBAAyB,CAAC;IAC3D,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ;MAC1B,SAAS,IAAI,4BAA4B,CAAC;IAE9C,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS;;;;;IAMd,IAAI,CAAC,IAAI,IACL,eAAa,KAEb,cACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,IAEjB,eAAa,CACR,CACZ,CAEF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-button/xpl-button.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop } from '@stencil/core';\n@Component({\n    tag: 'xpl-button',\n})\nexport class XplButton {\n    @Element() el: HTMLXplButtonElement;\n    /**\n     * whether button should be disabled\n     */\n    @Prop() disabled?: boolean;\n    /**\n     * whether button should yield a slot for a link tag\n     */\n    @Prop() link?: boolean;\n    /**\n     * whether button should render icon only\n     */\n    @Prop() iconOnly?: boolean;\n    /**\n     * whether button should render with full width\n     */\n    @Prop() fullWidth?: boolean;\n    /**\n     * @property {string} - button name attribute\n     */\n    @Prop() name?: string;\n    /**\n     * @property {\"default\" | \"sm\" | \"xs\"} - button size\n     */\n    @Prop() size: 'default' | 'sm' | 'xs' = 'default';\n    /**\n     * @property {\"submit\" | \"reset\" | \"button\"} - button type attribute\n     */\n    @Prop() type?: 'submit' | 'reset' | 'button';\n    /**\n     * @property {string} - button value attribute\n     */\n    @Prop() value?: string;\n    /**\n     * @property {\"primary\" | \"secondary\" | \"subtle\"} - button variant\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'subtle' = 'primary';\n    /**\n     * @property {\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red\n     */\n    @Prop() state: 'neutral' | 'warning' | 'success' = 'neutral';\n\n    componentDidRender() {\n        const attrs = this.el.attributes;\n        const dataAttrs = Object.keys(attrs)\n            .filter((k) => {\n                const propertyName = attrs[k].name;\n                if (propertyName) {\n                    return (\n                        propertyName.includes('data-test') ||\n                        propertyName.includes('aria-')\n                    );\n                }\n                return false;\n            })\n            .reduce((acc, k) => {\n                return { ...acc, [attrs[k].name]: attrs[k].value };\n            }, {});\n\n        const child = this.el.querySelector('button');\n        Object.keys(dataAttrs).forEach((k) => {\n            child.setAttribute(k, dataAttrs[k]);\n            this.el.removeAttribute(k);\n        });\n    }\n\n    render() {\n        let className = `xpl-button\n                    xpl-button--${this.size}\n                    xpl-button--${this.state}\n                    xpl-button--${this.variant}`;\n        if (this.iconOnly) className += ' xpl-button--icon-only';\n        if (this.fullWidth) className += ' xpl-button--full-width';\n        if (this.link && this.disabled)\n            className += ' xpl-button--link-disabled';\n\n        return (\n            <Host class={className}>\n                {\n                    /**\n                     * Conditionally render either an <slot> or <button> element\n                     * depending on if there's an `link` or not\n                     */\n                    this.link ? (\n                        <slot></slot>\n                    ) : (\n                        <button\n                            disabled={this.disabled}\n                            name={this.name}\n                            type={this.type}\n                            value={this.value}\n                        >\n                            <slot></slot>\n                        </button>\n                    )\n                }\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xpl-checkbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface XplCheckbox extends Components.XplCheckbox, HTMLElement {}
-export const XplCheckbox: {
-  prototype: XplCheckbox;
-  new (): XplCheckbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;