@justeattakeaway/pie-breadcrumb 0.8.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/breadcrumb-DtrtDylZ.js +13 -0
  2. package/dist/index.js +1 -1
  3. package/dist/pie-breadcrumb-item/index.js +1 -1
  4. package/package.json +1 -1
  5. package/src/breadcrumb.scss +2 -6
  6. package/dist/breadcrumb-Cl-EBr33.js +0 -13
package/dist/breadcrumb-DtrtDylZ.js ADDED
@@ -0,0 +1,13 @@
1
+ import { LitElement as e } from "lit";
2
+ const r = class r extends e {
3
+ willUpdate() {
4
+ this.getAttribute("v") || this.setAttribute("v", r.v);
5
+ }
6
+ };
7
+ r.v = "0.8.1";
8
+ let t = r;
9
+ 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}";
10
+ export {
11
+ t as P,
12
+ o as s
13
+ };
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@ import { unsafeCSS as u, html as m } from "lit";
2
2
  import { property as n } from "lit/decorators.js";
3
3
  import { validPropertyValues as d, safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
4
4
  import { classMap as h } from "lit/directives/class-map.js";
5
- import { s as f, P as C } from "./breadcrumb-Cl-EBr33.js";
5
+ import { s as f, P as C } from "./breadcrumb-DtrtDylZ.js";
6
6
  const v = ["default", "scrim"], l = {
7
7
  variant: "default",
8
8
  isCompact: !1,
package/dist/pie-breadcrumb-item/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { unsafeCSS as c, html as l } from "lit";
2
2
  import { property as m } from "lit/decorators.js";
3
- import { s as f, P as b } from "../breadcrumb-Cl-EBr33.js";
3
+ import { s as f, P as b } from "../breadcrumb-DtrtDylZ.js";
4
4
  import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
5
5
  import { ifDefined as d } from "lit/directives/if-defined.js";
6
6
  import "@justeattakeaway/pie-link";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-breadcrumb",
3
3
  "description": "PIE Design System Breadcrumb built using Web Components",
4
- "version": "0.8.0",
4
+ "version": "0.8.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
package/src/breadcrumb.scss CHANGED
@@ -2,10 +2,6 @@
2
2
 
3
3
  :host {
4
4
  display: block;
5
-
6
- ::slotted(pie-breadcrumb-item:only-child) {
7
- display: none;
8
- }
9
5
  }
10
6
 
11
7
  .c-breadcrumb {
@@ -67,7 +63,7 @@
67
63
  --breadcrumb-separator-transform: rotate(180deg);
68
64
  }
69
65
 
70
- ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2))) {
66
+ ::slotted(pie-breadcrumb-item:not(:nth-last-of-type(2), :only-child)) {
71
67
  display: none;
72
68
  }
73
69
  }
@@ -78,7 +74,7 @@
78
74
  }
79
75
  }
80
76
 
81
- :host(:last-of-type) {
77
+ :host(:last-of-type:not(:only-of-type)) {
82
78
  pie-link {
83
79
  --link-font-weight: var(--dt-font-body-l-link-weight);
84
80
 
package/dist/breadcrumb-Cl-EBr33.js DELETED
@@ -1,13 +0,0 @@
1
- import { LitElement as e } from "lit";
2
- const r = class r extends e {
3
- willUpdate() {
4
- this.getAttribute("v") || this.setAttribute("v", r.v);
5
- }
6
- };
7
- r.v = "0.8.0";
8
- let t = r;
9
- 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}";
10
- export {
11
- t as P,
12
- o as s
13
- };