@sbb-esta/lyne-elements-dev 4.6.0-dev.1772417874 → 4.6.0-dev.1772439044
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.
|
@@ -11,6 +11,7 @@ const style = css`:host {
|
|
|
11
11
|
background-color: var(--sbb-dialog-background-color);
|
|
12
12
|
transition: box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);
|
|
13
13
|
box-shadow: var(--sbb-dialog-block-end-box-shadow, none);
|
|
14
|
+
position: relative;
|
|
14
15
|
}
|
|
15
16
|
:host::before {
|
|
16
17
|
content: "";
|
|
@@ -19,9 +20,8 @@ const style = css`:host {
|
|
|
19
20
|
align-self: start;
|
|
20
21
|
border-block-start: var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);
|
|
21
22
|
transition: border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);
|
|
23
|
+
inset: 0 auto auto 0;
|
|
22
24
|
width: 100%;
|
|
23
|
-
margin-block-start: calc(-1 * var(--sbb-dialog-padding-block));
|
|
24
|
-
margin-inline-start: calc(-1 * var(--sbb-dialog-padding-inline));
|
|
25
25
|
}
|
|
26
26
|
@media (forced-colors: active) {
|
|
27
27
|
:host::before {
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { __esDecorate as b, __runInitializers as c } from "tslib";
|
|
2
2
|
import { customElement as d } from "lit/decorators.js";
|
|
3
|
-
import { SbbActionGroupElement as
|
|
3
|
+
import { SbbActionGroupElement as r } from "../../action-group.js";
|
|
4
4
|
import { isLean as l } from "../../core/dom/lean-context.js";
|
|
5
5
|
import { css as m } from "lit";
|
|
6
|
-
const
|
|
6
|
+
const u = m`:host{grid-area:actions;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);margin-block-start:auto;background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow, none);position:relative}:host:before{content:"";display:block;position:absolute;align-self:start;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);inset:0 auto auto 0;width:100%}@media(forced-colors:active){:host:before{border-color:CanvasText}}`;
|
|
7
7
|
let k = (() => {
|
|
8
8
|
var o;
|
|
9
|
-
let n = [d("sbb-dialog-actions")], i, s = [], a,
|
|
10
|
-
return o = class extends
|
|
9
|
+
let n = [d("sbb-dialog-actions")], i, s = [], a, e = r;
|
|
10
|
+
return o = class extends e {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(), this.buttonSize = l() ? "s" : "m", this.linkSize = l() ? "xs" : "s";
|
|
13
13
|
}
|
|
14
14
|
}, a = o, (() => {
|
|
15
|
-
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
15
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
|
|
16
16
|
b(null, i = { value: a }, n, { kind: "class", name: a.name, metadata: t }, null, s), a = i.value, t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
17
|
-
})(), o.styles = [
|
|
17
|
+
})(), o.styles = [r.styles, u], c(a, s), a;
|
|
18
18
|
})();
|
|
19
19
|
export {
|
|
20
20
|
k as SbbDialogActionsElement
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.6.0-dev.
|
|
3
|
+
"version": "4.6.0-dev.1772439044",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
9
|
"storybook",
|
|
10
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
10
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/aa54ab5b0b1f123f0be2c84f526aa5cdccf46504"
|
|
11
11
|
],
|
|
12
12
|
"type": "module",
|
|
13
13
|
"exports": {
|