@justeattakeaway/pie-breadcrumb 0.7.8 → 0.7.9
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.
package/custom-elements.json
CHANGED
|
@@ -4,9 +4,9 @@ const r = class r extends e {
|
|
|
4
4
|
this.getAttribute("v") || this.setAttribute("v", r.v);
|
|
5
5
|
}
|
|
6
6
|
};
|
|
7
|
-
r.v = "0.7.
|
|
7
|
+
r.v = "0.7.9";
|
|
8
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-weight
|
|
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
10
|
export {
|
|
11
11
|
t as P,
|
|
12
12
|
o as s
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { unsafeCSS as u, html as m } from "lit";
|
|
|
2
2
|
import { property as p } from "lit/decorators.js";
|
|
3
3
|
import { validPropertyValues as d, safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
|
|
4
4
|
import { classMap as f } from "lit/directives/class-map.js";
|
|
5
|
-
import { s as h, P as C } from "./breadcrumb-
|
|
5
|
+
import { s as h, P as C } from "./breadcrumb-BKTmz0tK.js";
|
|
6
6
|
const v = ["default", "scrim"], i = {
|
|
7
7
|
variant: "default",
|
|
8
8
|
isCompact: !1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { unsafeCSS as c, html as o } from "lit";
|
|
2
2
|
import { property as d } from "lit/decorators.js";
|
|
3
|
-
import { s as f, P as u } from "../breadcrumb-
|
|
3
|
+
import { s as f, P as u } from "../breadcrumb-BKTmz0tK.js";
|
|
4
4
|
import { safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
|
|
5
5
|
import { ifDefined as l } 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.7.
|
|
4
|
+
"version": "0.7.9",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/justeattakeaway/pie",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@justeattakeaway/pie-icons-webc": "1.17.0",
|
|
55
|
-
"@justeattakeaway/pie-link": "1.3.
|
|
55
|
+
"@justeattakeaway/pie-link": "1.3.4",
|
|
56
56
|
"@justeattakeaway/pie-webc-core": "4.0.0"
|
|
57
57
|
},
|
|
58
58
|
"volta": {
|
package/src/breadcrumb.scss
CHANGED
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
pie-link {
|
|
49
49
|
--link-text-color: var(--breadcrumb-item-color);
|
|
50
|
-
--link-font-weight: var(--dt-font-weight
|
|
50
|
+
--link-font-weight: var(--dt-font-body-strong-l-link-weight);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
|
|
81
81
|
:host(:last-of-type) {
|
|
82
82
|
pie-link {
|
|
83
|
-
--link-font-weight: var(--dt-font-weight
|
|
83
|
+
--link-font-weight: var(--dt-font-body-l-link-weight);
|
|
84
84
|
|
|
85
85
|
&::part(base):hover,
|
|
86
86
|
&::part(base):active {
|