@justeattakeaway/pie-breadcrumb 0.8.0 → 0.8.2

package/dist/breadcrumb-Da-Wr9sk.js

@@ -0,0 +1,13 @@
+import { LitElement as e } from "lit";
+const r = class r extends e {
+  willUpdate() {
+    this.getAttribute("v") || this.setAttribute("v", r.v);
+  }
+};
+r.v = "0.8.2";
+let t = r;
+const o = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-breadcrumb{--breadcrumb-background-color: var(--dt-color-transparent);--breadcrumb-item-flex-direction: row;--breadcrumb-item-color: var(--dt-color-content-link);--breadcrumb-separator-color: var(--dt-color-content-subdued);--breadcrumb-separator-transform: none;background-color:var(--breadcrumb-background-color);padding-block-start:var(--dt-spacing-a);padding-block-end:var(--dt-spacing-a)}.c-breadcrumb--scrim{--breadcrumb-background-color: var(--dt-color-overlay);--breadcrumb-item-color: var(--dt-color-content-link-light);--breadcrumb-separator-color: var(--dt-color-content-light);border-radius:var(--dt-radius-rounded-e);padding-inline-start:var(--dt-spacing-d);padding-inline-end:var(--dt-spacing-d)}.c-breadcrumb-list{margin:0;padding:0;display:flex;flex-flow:row;gap:var(--dt-spacing-a)}.c-breadcrumb-item{display:flex;flex-direction:var(--breadcrumb-item-flex-direction);align-items:center;white-space:nowrap;gap:var(--dt-spacing-a)}.c-breadcrumb-item pie-link{--link-text-color: var(--breadcrumb-item-color);--link-font-weight: var(--dt-font-body-strong-l-link-weight)}.c-breadcrumb-separator{display:inline-flex;color:var(--breadcrumb-separator-color);transform:var(--breadcrumb-separator-transform)}.c-breadcrumb-separator:dir(rtl){--breadcrumb-separator-transform: rotate(180deg)}:host([isCompact]) .c-breadcrumb{--breadcrumb-item-flex-direction: row-reverse;--breadcrumb-separator-transform: rotate(180deg)}:host([isCompact]) ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2),:only-child)){display:none}:host([hideCurrentPage]) ::slotted(pie-breadcrumb-item:last-of-type){display:none}:host(:last-of-type:not(:only-of-type)) pie-link{--link-font-weight: var(--dt-font-body-l-link-weight)}:host(:last-of-type:not(:only-of-type)) pie-link::part(base):hover,:host(:last-of-type:not(:only-of-type)) pie-link::part(base):active{--link-text-decoration: none}:host(:last-of-type:not(:only-of-type)) pie-link span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:last-of-type:not(:only-of-type)) .c-breadcrumb-separator{display:none}";
+export {
+  t as P,
+  o as s
+};

package/dist/index.js

@@ -2,7 +2,7 @@ import { unsafeCSS as u, html as m } from "lit";
 import { property as n } from "lit/decorators.js";
 import { validPropertyValues as d, safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
 import { classMap as h } from "lit/directives/class-map.js";
-import { s as f, P as C } from "./breadcrumb-Cl-EBr33.js";
+import { s as f, P as C } from "./breadcrumb-Da-Wr9sk.js";
 const v = ["default", "scrim"], l = {
   variant: "default",
   isCompact: !1,

package/dist/pie-breadcrumb-item/index.js

@@ -1,6 +1,6 @@
 import { unsafeCSS as c, html as l } from "lit";
 import { property as m } from "lit/decorators.js";
-import { s as f, P as b } from "../breadcrumb-Cl-EBr33.js";
+import { s as f, P as b } from "../breadcrumb-Da-Wr9sk.js";
 import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
 import { ifDefined as d } from "lit/directives/if-defined.js";
 import "@justeattakeaway/pie-link";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-breadcrumb",
   "description": "PIE Design System Breadcrumb built using Web Components",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -30,7 +30,7 @@
   "scripts": {
     "build": "run -T vite build",
     "build:react-wrapper": "npx build-react-wrapper",
-    "create:manifest": "yarn cem analyze --litelement",
+    "create:manifest": "run -T cem analyze --litelement",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
@@ -44,15 +44,13 @@
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.21.0",
+    "@justeattakeaway/pie-components-config": "0.21.1",
     "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.0",
-    "cem-plugin-module-file-extensions": "0.0.5"
+    "@justeattakeaway/pie-monorepo-utils": "0.9.0"
   },
   "dependencies": {
     "@justeattakeaway/pie-icons-webc": "1.22.0",
-    "@justeattakeaway/pie-link": "1.3.25",
+    "@justeattakeaway/pie-link": "1.3.26",
     "@justeattakeaway/pie-webc-core": "14.0.1"
   },
   "volta": {

package/src/breadcrumb.scss

@@ -2,10 +2,6 @@
 
 :host {
   display: block;
-
-  ::slotted(pie-breadcrumb-item:only-child) {
-    display: none;
-  }
 }
 
 .c-breadcrumb {
@@ -67,7 +63,7 @@
     --breadcrumb-separator-transform: rotate(180deg);
   }
 
-  ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2))) {
+  ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2), :only-child)) {
     display: none;
   }
 }
@@ -78,7 +74,7 @@
   }
 }
 
-:host(:last-of-type) {
+:host(:last-of-type:not(:only-of-type)) {
   pie-link {
     --link-font-weight: var(--dt-font-body-l-link-weight);
 

package/dist/breadcrumb-Cl-EBr33.js

@@ -1,13 +0,0 @@
-import { LitElement as e } from "lit";
-const r = class r extends e {
-  willUpdate() {
-    this.getAttribute("v") || this.setAttribute("v", r.v);
-  }
-};
-r.v = "0.8.0";
-let t = r;
-const o = "*,*:after,*:before{box-sizing:inherit}:host{display:block}:host ::slotted(pie-breadcrumb-item:only-child){display:none}.c-breadcrumb{--breadcrumb-background-color: var(--dt-color-transparent);--breadcrumb-item-flex-direction: row;--breadcrumb-item-color: var(--dt-color-content-link);--breadcrumb-separator-color: var(--dt-color-content-subdued);--breadcrumb-separator-transform: none;background-color:var(--breadcrumb-background-color);padding-block-start:var(--dt-spacing-a);padding-block-end:var(--dt-spacing-a)}.c-breadcrumb--scrim{--breadcrumb-background-color: var(--dt-color-overlay);--breadcrumb-item-color: var(--dt-color-content-link-light);--breadcrumb-separator-color: var(--dt-color-content-light);border-radius:var(--dt-radius-rounded-e);padding-inline-start:var(--dt-spacing-d);padding-inline-end:var(--dt-spacing-d)}.c-breadcrumb-list{margin:0;padding:0;display:flex;flex-flow:row;gap:var(--dt-spacing-a)}.c-breadcrumb-item{display:flex;flex-direction:var(--breadcrumb-item-flex-direction);align-items:center;white-space:nowrap;gap:var(--dt-spacing-a)}.c-breadcrumb-item pie-link{--link-text-color: var(--breadcrumb-item-color);--link-font-weight: var(--dt-font-body-strong-l-link-weight)}.c-breadcrumb-separator{display:inline-flex;color:var(--breadcrumb-separator-color);transform:var(--breadcrumb-separator-transform)}.c-breadcrumb-separator:dir(rtl){--breadcrumb-separator-transform: rotate(180deg)}:host([isCompact]) .c-breadcrumb{--breadcrumb-item-flex-direction: row-reverse;--breadcrumb-separator-transform: rotate(180deg)}:host([isCompact]) ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2))){display:none}:host([hideCurrentPage]) ::slotted(pie-breadcrumb-item:last-of-type){display:none}:host(:last-of-type) pie-link{--link-font-weight: var(--dt-font-body-l-link-weight)}:host(:last-of-type) pie-link::part(base):hover,:host(:last-of-type) pie-link::part(base):active{--link-text-decoration: none}:host(:last-of-type) pie-link span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:last-of-type) .c-breadcrumb-separator{display:none}";
-export {
-  t as P,
-  o as s
-};