@justeattakeaway/pie-breadcrumb 0.6.0 → 0.6.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.
|
@@ -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.6.1";
|
|
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-bold)}.c-breadcrumb-separator{display:inline-flex;color:var(--breadcrumb-separator-color);transform:var(--breadcrumb-separator-transform)}: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-weight-regular)}: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
|
+
};
|
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-BUWfpRlq.js";
|
|
6
6
|
const v = ["default", "scrim"], i = {
|
|
7
7
|
variant: "default",
|
|
8
8
|
isCompact: !1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { html as r, unsafeCSS as d } from "lit";
|
|
2
2
|
import { property as c } from "lit/decorators.js";
|
|
3
|
-
import { P as f, s as h } from "../breadcrumb-
|
|
3
|
+
import { P as f, s as h } from "../breadcrumb-BUWfpRlq.js";
|
|
4
4
|
import { RtlMixin as u, safeCustomElement as b } 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,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@justeattakeaway/pie-breadcrumb",
|
|
3
3
|
"description": "PIE Design System Breadcrumb built using Web Components",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.1",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "https://github.com/justeattakeaway/pie",
|
|
8
|
+
"directory": "packages/components/pie-breadcrumb"
|
|
9
|
+
},
|
|
10
|
+
"homepage": "https://pie.design/components/breadcrumb/code/",
|
|
5
11
|
"type": "module",
|
|
6
12
|
"main": "dist/index.js",
|
|
7
13
|
"module": "dist/index.js",
|
|
@@ -13,7 +19,7 @@
|
|
|
13
19
|
"**/*.d.ts"
|
|
14
20
|
],
|
|
15
21
|
"pieMetadata": {
|
|
16
|
-
"componentStatus": "
|
|
22
|
+
"componentStatus": "beta"
|
|
17
23
|
},
|
|
18
24
|
"scripts": {
|
|
19
25
|
"build": "run -T vite build",
|
|
@@ -39,6 +45,8 @@
|
|
|
39
45
|
"cem-plugin-module-file-extensions": "0.0.5"
|
|
40
46
|
},
|
|
41
47
|
"dependencies": {
|
|
48
|
+
"@justeattakeaway/pie-icons-webc": "1.12.0",
|
|
49
|
+
"@justeattakeaway/pie-link": "1.2.5",
|
|
42
50
|
"@justeattakeaway/pie-webc-core": "1.0.0"
|
|
43
51
|
},
|
|
44
52
|
"volta": {
|
package/src/breadcrumb.scss
CHANGED
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
--breadcrumb-separator-transform: none;
|
|
17
17
|
|
|
18
18
|
background-color: var(--breadcrumb-background-color);
|
|
19
|
-
padding: var(--dt-spacing-a)
|
|
19
|
+
padding-block-start: var(--dt-spacing-a);
|
|
20
|
+
padding-block-end: var(--dt-spacing-a);
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.c-breadcrumb--scrim {
|
|
@@ -25,6 +26,8 @@
|
|
|
25
26
|
--breadcrumb-separator-color: var(--dt-color-content-light);
|
|
26
27
|
|
|
27
28
|
border-radius: var(--dt-radius-rounded-e);
|
|
29
|
+
padding-inline-start: var(--dt-spacing-d);
|
|
30
|
+
padding-inline-end: var(--dt-spacing-d);
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
.c-breadcrumb-list {
|
|
@@ -75,6 +78,11 @@
|
|
|
75
78
|
pie-link {
|
|
76
79
|
--link-font-weight: var(--dt-font-weight-regular);
|
|
77
80
|
|
|
81
|
+
&::part(base):hover,
|
|
82
|
+
&::part(base):active {
|
|
83
|
+
--link-text-decoration: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
78
86
|
span {
|
|
79
87
|
max-width: 250px;
|
|
80
88
|
white-space: nowrap;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LitElement as t } from "lit";
|
|
2
|
-
const r = class r extends t {
|
|
3
|
-
willUpdate() {
|
|
4
|
-
this.getAttribute("v") || this.setAttribute("v", r.v);
|
|
5
|
-
}
|
|
6
|
-
};
|
|
7
|
-
r.v = "0.6.0";
|
|
8
|
-
let e = 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:var(--dt-spacing-a) var(--dt-spacing-d)}.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)}.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-bold)}.c-breadcrumb-separator{display:inline-flex;color:var(--breadcrumb-separator-color);transform:var(--breadcrumb-separator-transform)}: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-weight-regular)}: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
|
-
e as P,
|
|
12
|
-
o as s
|
|
13
|
-
};
|