@justeattakeaway/pie-breadcrumb 0.0.1 → 0.1.0

package/custom-elements.json

@@ -64,8 +64,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "PieElement",
+            "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
           },
           "tagName": "pie-breadcrumb",
           "customElement": true

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
 import type { TemplateResult } from 'lit-html';
 
@@ -19,6 +19,6 @@ export declare class PieBreadcrumb extends PieBreadcrumb_base implements Breadcr
     static styles: CSSResult;
 }
 
-declare const PieBreadcrumb_base: GenericConstructor<RTLInterface> & typeof LitElement;
+declare const PieBreadcrumb_base: GenericConstructor<RTLInterface> & typeof PieElement;
 
 export { }

package/dist/index.js

@@ -1,15 +1,29 @@
-import { LitElement as n, html as s, unsafeCSS as o } from "lit";
-import { RtlMixin as i, defineCustomElement as l } from "@justeattakeaway/pie-webc-core";
-import { classMap as c } from "lit/directives/class-map.js";
-const p = "*,*:after,*:before{box-sizing:inherit}.c-breadcrumb{--breadcrumb-background-color: var(--dt-color-transparent);padding:var(--dt-spacing-a) var(--dt-spacing-d) var(--dt-spacing-a) var(--dt-spacing-d)}.c-breadcrumb ol{margin:0;padding:0;display:flex;flex-flow:row;gap:var(--dt-spacing-a)}.c-breadcrumb ol li{list-style-type:none}", r = "pie-breadcrumb", d = "c-breadcrumb", t = class t extends i(n) {
+import { LitElement as c, html as d, unsafeCSS as m } from "lit";
+import { RtlMixin as f, defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
+import { classMap as g } from "lit/directives/class-map.js";
+import { property as v } from "lit/decorators.js";
+var b = Object.defineProperty, y = (t, r, o, h) => {
+  for (var e = void 0, a = t.length - 1, i; a >= 0; a--)
+    (i = t[a]) && (e = i(r, o, e) || e);
+  return e && b(r, o, e), e;
+};
+class l extends c {
+  constructor() {
+    super(...arguments), this.v = "0.1.0";
+  }
+}
+y([
+  v({ type: String, reflect: !0 })
+], l.prototype, "v");
+const x = "*,*:after,*:before{box-sizing:inherit}.c-breadcrumb{--breadcrumb-background-color: var(--dt-color-transparent);padding:var(--dt-spacing-a) var(--dt-spacing-d) var(--dt-spacing-a) var(--dt-spacing-d)}.c-breadcrumb ol{margin:0;padding:0;display:flex;flex-flow:row;gap:var(--dt-spacing-a)}.c-breadcrumb ol li{list-style-type:none}", p = "pie-breadcrumb", C = "c-breadcrumb", s = class s extends f(l) {
   render() {
-    const e = {
-      [d]: !0
+    const r = {
+      [C]: !0
     };
-    return s`
-            <nav 
-                data-test-id="${r}" 
-                class="${c(e)}">
+    return d`
+            <nav
+                data-test-id="${p}"
+                class="${g(r)}">
                 <ol>
                     <li><span>Previous Page</span></li>
                     <li><span>Current Page</span></li>
@@ -17,11 +31,11 @@ const p = "*,*:after,*:before{box-sizing:inherit}.c-breadcrumb{--breadcrumb-back
             </nav>`;
   }
 };
-t.styles = o(p);
-let a = t;
-l(r, a);
+s.styles = m(x);
+let n = s;
+u(p, n);
 export {
-  a as PieBreadcrumb,
-  d as componentClass,
-  r as componentSelector
+  n as PieBreadcrumb,
+  C as componentClass,
+  p as componentSelector
 };

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import * as React_2 from 'react';
 import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
 import type { TemplateResult } from 'lit-html';
@@ -22,7 +22,7 @@ declare class PieBreadcrumb_2 extends PieBreadcrumb_base implements BreadcrumbPr
     static styles: CSSResult;
 }
 
-declare const PieBreadcrumb_base: GenericConstructor<RTLInterface> & typeof LitElement;
+declare const PieBreadcrumb_base: GenericConstructor<RTLInterface> & typeof PieElement;
 
 declare type ReactBaseType = React_2.HTMLAttributes<HTMLElement>;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-breadcrumb",
   "description": "PIE Design System Breadcrumb built using Web Components",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,12 +33,13 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.18.1",
+    "@justeattakeaway/pie-components-config": "0.19.0",
     "@justeattakeaway/pie-css": "0.16.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.5.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.24.2"
+    "@justeattakeaway/pie-webc-core": "0.25.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -1,7 +1,8 @@
-import { LitElement, html, unsafeCSS } from 'lit';
+import { html, unsafeCSS } from 'lit';
 import { RtlMixin, defineCustomElement } from '@justeattakeaway/pie-webc-core';
 import { classMap } from 'lit/directives/class-map.js';
 
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import styles from './breadcrumb.scss?inline';
 import { type BreadcrumbProps, componentSelector, componentClass } from './defs';
 
@@ -11,15 +12,15 @@ export * from './defs';
 /**
  * @tagname pie-breadcrumb
  */
-export class PieBreadcrumb extends RtlMixin(LitElement) implements BreadcrumbProps {
+export class PieBreadcrumb extends RtlMixin(PieElement) implements BreadcrumbProps {
     render () {
         const componentWrapperClasses = {
             [componentClass]: true,
         };
 
         return html`
-            <nav 
-                data-test-id="${componentSelector}" 
+            <nav
+                data-test-id="${componentSelector}"
                 class="${classMap(componentWrapperClasses)}">
                 <ol>
                     <li><span>Previous Page</span></li>