@pushengineering/umg-web-components 3.1.3 → 3.1.5
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/dist/components/badge/badge.js +12 -12
- package/dist/components/banner/banner.d.ts +1 -0
- package/dist/components/banner/banner.d.ts.map +1 -1
- package/dist/components/banner/banner.js +5 -1
- package/dist/components/banner/banner.js.map +1 -1
- package/dist/components/button-icon/button-icon.js +2 -2
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/overlay/overlay.d.ts +7 -3
- package/dist/components/overlay/overlay.d.ts.map +1 -1
- package/dist/components/overlay/overlay.js +46 -14
- package/dist/components/overlay/overlay.js.map +1 -1
- package/dist/docs/banner/banner.stories.d.ts.map +1 -1
- package/dist/docs/caption-card/designTokens.d.ts +8 -1
- package/dist/docs/caption-card/designTokens.d.ts.map +1 -1
- package/dist/docs/icon/designTokens.d.ts +1 -1
- package/dist/docs/icon/icon.stories.d.ts.map +1 -1
- package/dist/docs/overlay/designTokens.d.ts +13 -0
- package/dist/docs/overlay/designTokens.d.ts.map +1 -0
- package/dist/docs/overlay/overlay.stories.d.ts +9 -0
- package/dist/docs/overlay/overlay.stories.d.ts.map +1 -0
- package/dist/styles/icon-size.d.ts +1 -1
- package/dist/styles/icon-size.d.ts.map +1 -1
- package/dist/styles/icon-size.js +6 -0
- package/dist/styles/icon-size.js.map +1 -1
- package/package.json +1 -1
|
@@ -70,14 +70,14 @@ Badge.styles = mergeStyles([
|
|
|
70
70
|
letter-spacing: 0.07rem;
|
|
71
71
|
border-radius: var(--umg-border-base-corner-radius, 0);
|
|
72
72
|
|
|
73
|
-
--umg-color-base-text: var(--umg-color-badge-text,
|
|
74
|
-
color: var(--umg-color-badge-text,
|
|
75
|
-
background-color: var(--umg-color-badge-background
|
|
73
|
+
--umg-color-base-text: var(--umg-color-badge-text, rgb(255,255,255));
|
|
74
|
+
color: var(--umg-color-badge-text, rgb(255,255,255));
|
|
75
|
+
background-color: var(--umg-color-badge-background rgb(0,0,0));
|
|
76
76
|
}
|
|
77
77
|
@supports (color: rgb(from white r g b)) {
|
|
78
78
|
.badge {
|
|
79
|
-
color: rgb(from var(--umg-color-badge-text,
|
|
80
|
-
background-color: rgb(from var(--umg-color-badge-background,
|
|
79
|
+
color: rgb(from var(--umg-color-badge-text, rgb(255,255,255)) r g b / alpha);
|
|
80
|
+
background-color: rgb(from var(--umg-color-badge-background, rgb(0,0,0)) r g b / alpha);
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
.badge ::part(span-text) {
|
|
@@ -85,17 +85,17 @@ Badge.styles = mergeStyles([
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.badge--outline {
|
|
88
|
-
--umg-color-base-text: var(--umg-color-badge-background,
|
|
89
|
-
color: var(--umg-color-badge-background,
|
|
90
|
-
border: 0.0625rem solid var(--umg-color-badge-background,
|
|
91
|
-
background-color: var(--umg-color-badge-text,
|
|
88
|
+
--umg-color-base-text: var(--umg-color-badge-background, rgb(0,0,0));
|
|
89
|
+
color: var(--umg-color-badge-background, rgb(0,0,0));
|
|
90
|
+
border: 0.0625rem solid var(--umg-color-badge-background, rgb(0,0,0));
|
|
91
|
+
background-color: var(--umg-color-badge-text, rgb(255,255,255));
|
|
92
92
|
|
|
93
93
|
}
|
|
94
94
|
@supports (color: rgb(from white r g b)) {
|
|
95
95
|
.badge--outline {
|
|
96
|
-
color: rgb(from var(--umg-color-badge-background,
|
|
97
|
-
border: 0.0625rem solid rgb(from var(--umg-color-badge-background,
|
|
98
|
-
background-color: rgb(from var(--umg-color-badge-text,
|
|
96
|
+
color: rgb(from var(--umg-color-badge-background, rgb(0,0,0)) r g b / alpha);
|
|
97
|
+
border: 0.0625rem solid rgb(from var(--umg-color-badge-background, rgb(0,0,0)) r g b / alpha);
|
|
98
|
+
background-color: rgb(from var(--umg-color-badge-text, rgb(255,255,255)) r g b / alpha);
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
|
|
@@ -11,6 +11,7 @@ export declare class Banner extends LitElement {
|
|
|
11
11
|
contentJustify: ContentAlign;
|
|
12
12
|
mobileContentJustify: string | undefined;
|
|
13
13
|
contentSpacing: string | undefined;
|
|
14
|
+
contentAdaptivePadding: boolean;
|
|
14
15
|
contentInnerPadding: string | undefined;
|
|
15
16
|
contentOuterPadding: string | undefined;
|
|
16
17
|
mobilePadding: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAO3C,OAAO,KAAK,EACR,YAAY,EACZ,WAAW,EACX,SAAS,EACZ,MAAM,aAAa,CAAA;AAOpB,OAAO,SAAS,CAAA;AAChB,OAAO,oBAAoB,CAAA;AAI3B,qBAEa,MAAO,SAAQ,UAAU;IAGlC,MAAM,EAAE,SAAS,CAAW;IAG5B,WAAW,UAAQ;IAGnB,eAAe,EAAE,WAAW,CAAS;IAGrC,gBAAgB,UAAQ;IAGxB,YAAY,EAAE,YAAY,CAAW;IAGrC,cAAc,EAAE,YAAY,CAAW;IAGvC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,iBAAiB,EAAE,SAAS,GAAG,MAAM,CAAA;IAGrC,uBAAuB,EAAE,SAAS,GAAG,MAAM,CAAA;IAG3C,aAAa,SAAK;IAGlB,eAAe,UAAO;;IAQtB,iBAAiB;IAIjB,oBAAoB;IAKd,kBAAkB,CAAC,KAAK,EAAE,GAAG;IAkBnC,gBAAgB,CAAC,CAAC,EAAE,KAAK;IAMzB,aAAa;IAkBb,YAAY;IA8BZ,oBAAoB;IASpB,mBAAmB;IAWnB,YAAY;IAaZ,YAAY,CAAC,SAAS,EAAE,OAAO;IAqB/B,OAAO;IAWP,MAAM;IA6BN,MAAM,CAAC,MAAM,+BAgOX;CACL"}
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAO3C,OAAO,KAAK,EACR,YAAY,EACZ,WAAW,EACX,SAAS,EACZ,MAAM,aAAa,CAAA;AAOpB,OAAO,SAAS,CAAA;AAChB,OAAO,oBAAoB,CAAA;AAI3B,qBAEa,MAAO,SAAQ,UAAU;IAGlC,MAAM,EAAE,SAAS,CAAW;IAG5B,WAAW,UAAQ;IAGnB,eAAe,EAAE,WAAW,CAAS;IAGrC,gBAAgB,UAAQ;IAGxB,YAAY,EAAE,YAAY,CAAW;IAGrC,cAAc,EAAE,YAAY,CAAW;IAGvC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGxC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,sBAAsB,UAAQ;IAG9B,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAA;IAGvC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,iBAAiB,EAAE,SAAS,GAAG,MAAM,CAAA;IAGrC,uBAAuB,EAAE,SAAS,GAAG,MAAM,CAAA;IAG3C,aAAa,SAAK;IAGlB,eAAe,UAAO;;IAQtB,iBAAiB;IAIjB,oBAAoB;IAKd,kBAAkB,CAAC,KAAK,EAAE,GAAG;IAkBnC,gBAAgB,CAAC,CAAC,EAAE,KAAK;IAMzB,aAAa;IAkBb,YAAY;IA8BZ,oBAAoB;IASpB,mBAAmB;IAWnB,YAAY;IAaZ,YAAY,CAAC,SAAS,EAAE,OAAO;IAqB/B,OAAO;IAWP,MAAM;IA6BN,MAAM,CAAC,MAAM,+BAgOX;CACL"}
|
|
@@ -22,6 +22,7 @@ let Banner = class Banner extends LitElement {
|
|
|
22
22
|
this.contentFullWidth = false;
|
|
23
23
|
this.contentAlign = 'center';
|
|
24
24
|
this.contentJustify = 'center';
|
|
25
|
+
this.contentAdaptivePadding = false;
|
|
25
26
|
this._headerHeight = '';
|
|
26
27
|
this._withoutContent = true;
|
|
27
28
|
this.addEventListener('media-details', this.eventNotifications);
|
|
@@ -129,7 +130,7 @@ let Banner = class Banner extends LitElement {
|
|
|
129
130
|
class="banner__content-caption"
|
|
130
131
|
padding=${ifDefined(this.contentInnerPadding)}
|
|
131
132
|
mobilePadding=${ifDefined(this.mobilePadding)}
|
|
132
|
-
adaptivePadding
|
|
133
|
+
?adaptivePadding=${this.contentAdaptivePadding}
|
|
133
134
|
width="${fullWidth ? 'fill' : 'fit-content'}"
|
|
134
135
|
>
|
|
135
136
|
<umg-vertical-stack
|
|
@@ -430,6 +431,9 @@ __decorate([
|
|
|
430
431
|
__decorate([
|
|
431
432
|
property()
|
|
432
433
|
], Banner.prototype, "contentSpacing", void 0);
|
|
434
|
+
__decorate([
|
|
435
|
+
property({ type: Boolean })
|
|
436
|
+
], Banner.prototype, "contentAdaptivePadding", void 0);
|
|
433
437
|
__decorate([
|
|
434
438
|
property()
|
|
435
439
|
], Banner.prototype, "contentInnerPadding", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -207,13 +207,13 @@ ButtonIcon.styles = mergeStyles([
|
|
|
207
207
|
right: 0;
|
|
208
208
|
top: 0;
|
|
209
209
|
bottom: 0;
|
|
210
|
-
box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) var(--umg-color-icon-text, var(--umg-color-base-text, rgb(0,0,0)));
|
|
210
|
+
box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) var(--umg-color-icon-text, var(--umg-color-base-text, rgb(0,0,0, 0.5)));
|
|
211
211
|
border-radius: var(--umg-border-icon-corner-radius, var(--umg-border-base-corner-radius, 0));
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
@supports (color: rgb(from white r g b)) {
|
|
215
215
|
.btn--border > *::after {
|
|
216
|
-
box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) rgb(from var(--umg-color-icon-border, var(--umg-color-base-text, rgb(0,0,0))) r g b /
|
|
216
|
+
box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) rgb(from var(--umg-color-icon-border, var(--umg-color-base-text, rgb(0,0,0))) r g b / var(--umg-opacity-icon-border));
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
219
|
.spinner {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU,CAAA;AAWhC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;QATX,IAAI,CAAA,IAAA,GAAG,MAAM,CAAA;QAGb,IAAI,CAAA,IAAA,GAAc,SAAS,CAAA;QAOvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;KACrD;AAED,IAAA,gBAAgB,CAAC,WAAmB,EAAA;AAChC,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAC/D,QAAA,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;KACnC;IAED,SAAS,GAAA;QACL,IAAI,MAAM,GAAG,EAAE,CAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,MAAM,GAAG;AACL,gBAAA,GAAG,MAAM;AACT,gBAAA,iBAAiB,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC,CAAA;SACJ;AACD,QAAA,OAAO,MAAM,CAAA;KAChB;IAEO,WAAW,GAAA;QACf,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU,CAAA;AAWhC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;QATX,IAAI,CAAA,IAAA,GAAG,MAAM,CAAA;QAGb,IAAI,CAAA,IAAA,GAAc,SAAS,CAAA;QAOvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;KACrD;AAED,IAAA,gBAAgB,CAAC,WAAmB,EAAA;AAChC,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAC/D,QAAA,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;KACnC;IAED,SAAS,GAAA;QACL,IAAI,MAAM,GAAG,EAAE,CAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,MAAM,GAAG;AACL,gBAAA,GAAG,MAAM;AACT,gBAAA,iBAAiB,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC,CAAA;SACJ;AACD,QAAA,OAAO,MAAM,CAAA;KAChB;IAEO,WAAW,GAAA;QACf,MAAM,OAAO,GAAkD,EAAE,CAAA;AAEjE,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AACzB,YAAA,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;SAC5B;AAED,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,YAAY,GAAA;AACR,QAAA,OAAO,GAAG,CAAA,CAAA;;AAEW,2BAAA,EAAA,IAAI,CAAC,QAAQ,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;SAE9C,CAAA;KACJ;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACwB,yCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAY,SAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;kBAC3F,IAAI,CAAC,YAAY,EAAE,CAAA;;SAE5B,CAAA;KACJ;;AAEM,IAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AAlFF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACgB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG3B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAClB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATC,IAAI,GAAA,UAAA,CAAA;AAFhB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,CAAC;AAEnB,CAAA,EAAA,IAAI,CAsFhB;;;;"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class Overlay extends LitElement {
|
|
3
|
-
colorText: string;
|
|
4
|
-
colorBg: string;
|
|
5
3
|
visible: boolean;
|
|
6
4
|
connectedCallback(): void;
|
|
7
5
|
disconnectedCallback(): void;
|
|
8
6
|
private _visible;
|
|
9
7
|
private _hidden;
|
|
10
|
-
|
|
8
|
+
openOverlay: () => void;
|
|
9
|
+
closeOverlay: () => void;
|
|
10
|
+
private _openOverlay;
|
|
11
|
+
private _closeOverlay;
|
|
12
|
+
overlayClasses(): {
|
|
13
|
+
[name: string]: string | number | boolean;
|
|
14
|
+
};
|
|
11
15
|
render(): import("lit").TemplateResult<1>;
|
|
12
16
|
static styles: import("lit").CSSResultArray;
|
|
13
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAY3C,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAY3C,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,OAAO,UAAQ;IAEf,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,QAAQ,CAEf;IAED,OAAO,CAAC,OAAO,CAEd;IAEM,WAAW,aAEjB;IAEM,YAAY,aAElB;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAYrB,cAAc;;;IAQd,MAAM;IAUN,MAAM,CAAC,MAAM,+BA+BX;CACL"}
|
|
@@ -11,8 +11,6 @@ const { prefix } = settings;
|
|
|
11
11
|
let Overlay = class Overlay extends LitElement {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
|
-
this.colorText = '';
|
|
15
|
-
this.colorBg = '';
|
|
16
14
|
this.visible = false;
|
|
17
15
|
this._visible = () => {
|
|
18
16
|
this.visible = true;
|
|
@@ -20,6 +18,12 @@ let Overlay = class Overlay extends LitElement {
|
|
|
20
18
|
this._hidden = () => {
|
|
21
19
|
this.visible = false;
|
|
22
20
|
};
|
|
21
|
+
this.openOverlay = () => {
|
|
22
|
+
this._openOverlay();
|
|
23
|
+
};
|
|
24
|
+
this.closeOverlay = () => {
|
|
25
|
+
this._closeOverlay();
|
|
26
|
+
};
|
|
23
27
|
}
|
|
24
28
|
connectedCallback() {
|
|
25
29
|
window.addEventListener('umg-overlay:opened', this._visible);
|
|
@@ -31,44 +35,72 @@ let Overlay = class Overlay extends LitElement {
|
|
|
31
35
|
window.removeEventListener('umg-overlay:closed', this._hidden);
|
|
32
36
|
super.disconnectedCallback();
|
|
33
37
|
}
|
|
38
|
+
_openOverlay() {
|
|
39
|
+
if (!this.visible) {
|
|
40
|
+
document.body.style.overflow = 'hidden';
|
|
41
|
+
this.visible = true;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
_closeOverlay() {
|
|
45
|
+
if (this.visible) {
|
|
46
|
+
this.visible = false;
|
|
47
|
+
document.body.removeAttribute('style');
|
|
48
|
+
const event = new CustomEvent('umg-overlay:closed', {
|
|
49
|
+
bubbles: true,
|
|
50
|
+
composed: true
|
|
51
|
+
});
|
|
52
|
+
this.dispatchEvent(event);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
34
55
|
overlayClasses() {
|
|
35
56
|
const classes = {};
|
|
36
57
|
if (this.visible) {
|
|
37
|
-
classes['
|
|
58
|
+
classes['overlay--visible'] = true;
|
|
38
59
|
}
|
|
39
60
|
return classes;
|
|
40
61
|
}
|
|
41
62
|
render() {
|
|
42
63
|
return html `
|
|
43
|
-
<div class="
|
|
64
|
+
<div class="overlay${classMap(this.overlayClasses())}">
|
|
65
|
+
<div class="overlay__inner">
|
|
66
|
+
<slot name="content"></slot>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
44
69
|
`;
|
|
45
70
|
}
|
|
46
71
|
};
|
|
47
72
|
Overlay.styles = mergeStyles([
|
|
48
73
|
global,
|
|
49
74
|
css `
|
|
50
|
-
.
|
|
75
|
+
.overlay {
|
|
51
76
|
display: none;
|
|
52
77
|
position: absolute;
|
|
53
78
|
inset: 0;
|
|
54
79
|
height: 100%;
|
|
55
80
|
width: 100%;
|
|
56
81
|
z-index: 500;
|
|
57
|
-
background-color:
|
|
58
|
-
pointer-events: none;
|
|
82
|
+
background-color: var(--umg-color-overlay-background, 0,0,0, 0.9);
|
|
59
83
|
}
|
|
60
84
|
|
|
61
|
-
|
|
85
|
+
@supports (color: rgb(from white r g b)) {
|
|
86
|
+
.overlay {
|
|
87
|
+
background-color: rgb(from var(--umg-color-overlay-background, var(--umg-color-base-background, rgb(0, 0, 0))) r g b / calc(alpha * var(--umg-opacity-overlay-background, 0.9)));
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.overlay--visible {
|
|
62
92
|
display: block;
|
|
63
93
|
}
|
|
94
|
+
|
|
95
|
+
.overlay__inner {
|
|
96
|
+
height: 100%;
|
|
97
|
+
width: 100%;
|
|
98
|
+
display: flex;
|
|
99
|
+
justify-content: center;
|
|
100
|
+
align-items: center;
|
|
101
|
+
}
|
|
64
102
|
`,
|
|
65
103
|
]);
|
|
66
|
-
__decorate([
|
|
67
|
-
property()
|
|
68
|
-
], Overlay.prototype, "colorText", void 0);
|
|
69
|
-
__decorate([
|
|
70
|
-
property()
|
|
71
|
-
], Overlay.prototype, "colorBg", void 0);
|
|
72
104
|
__decorate([
|
|
73
105
|
property({ type: Boolean, reflect: true })
|
|
74
106
|
], Overlay.prototype, "visible", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.js","sources":["../../../src/components/overlay/overlay.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;QAGH,
|
|
1
|
+
{"version":3,"file":"overlay.js","sources":["../../../src/components/overlay/overlay.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,+BAA+B,CAAA;AACtC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,iCAAiC,CAAA;AACxC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,+BAA+B,CAAA;AACtC,OAAO,yBAAyB,CAAA;AAIhC,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,+BAA+B,CAAA;AACtC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,iCAAiC,CAAA;AACxC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,+BAA+B,CAAA;AACtC,OAAO,yBAAyB,CAAA;AAIhC,QAAA,MAAM,IAAI,EAAE,IAuMX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAgFrB,CAAA;AACD,eAAO,MAAM,WAAW,EAAE,KAmFzB,CAAA"}
|
|
@@ -74,7 +74,14 @@ declare const designTokens: {
|
|
|
74
74
|
description: string;
|
|
75
75
|
category: string;
|
|
76
76
|
};
|
|
77
|
-
'umg-
|
|
77
|
+
'umg-color-badge-text': {
|
|
78
|
+
control: string;
|
|
79
|
+
value: string;
|
|
80
|
+
description: string;
|
|
81
|
+
category: string;
|
|
82
|
+
};
|
|
83
|
+
'umg-color-badge-background': {
|
|
84
|
+
control: string;
|
|
78
85
|
value: string;
|
|
79
86
|
description: string;
|
|
80
87
|
category: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"designTokens.d.ts","sourceRoot":"","sources":["../../../src/docs/caption-card/designTokens.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"designTokens.d.ts","sourceRoot":"","sources":["../../../src/docs/caption-card/designTokens.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/icon/icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,iCAAiC,CAAA;AAIxC,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/icon/icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,iCAAiC,CAAA;AAIxC,QAAA,MAAM,IAAI,EAAE,IA2HX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KA8CnB,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KA2DlB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const designTokens: {
|
|
2
|
+
primary: {
|
|
3
|
+
'umg-color-overlay-background': {
|
|
4
|
+
control: string;
|
|
5
|
+
value: string;
|
|
6
|
+
description: string;
|
|
7
|
+
category: string;
|
|
8
|
+
subcategory: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default designTokens;
|
|
13
|
+
//# sourceMappingURL=designTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"designTokens.d.ts","sourceRoot":"","sources":["../../../src/docs/overlay/designTokens.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;CAUjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj as Story } from '@storybook/web-components';
|
|
2
|
+
import '../../components/overlay';
|
|
3
|
+
import '../../components/button';
|
|
4
|
+
import '../../components/button-icon';
|
|
5
|
+
import '../../components/icon';
|
|
6
|
+
declare const meta: Meta;
|
|
7
|
+
export default meta;
|
|
8
|
+
export declare const Primary: Story;
|
|
9
|
+
//# sourceMappingURL=overlay.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlay.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/overlay/overlay.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,8BAA8B,CAAA;AACrC,OAAO,uBAAuB,CAAA;AAI9B,QAAA,MAAM,IAAI,EAAE,IAwBX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KA2DrB,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { FontSize } from '../types';
|
|
2
|
-
export declare function iconSize(size: FontSize): "var(--umg-font-body-size-xs, 0.5rem)" | "var(--umg-font-body-size-sm, 0.875rem)" | "var(--umg-font-body-size-md, 1rem)" | "var(--umg-font-body-size-lg, 1.25rem)" | "var(--umg-font-body-size-xl, 1.5rem)" | "var(--umg-font-body-size-2xl, 1.75rem)" | "var(--umg-font-body-size-3xl, 2rem)" | undefined;
|
|
2
|
+
export declare function iconSize(size: FontSize): "var(--umg-font-body-size-xs, 0.5rem)" | "var(--umg-font-body-size-sm, 0.875rem)" | "var(--umg-font-body-size-md, 1rem)" | "var(--umg-font-body-size-lg, 1.25rem)" | "var(--umg-font-body-size-xl, 1.5rem)" | "var(--umg-font-body-size-2xl, 1.75rem)" | "var(--umg-font-body-size-3xl, 2rem)" | "var(--umg-font-body-size-4xl, 3rem)" | "var(--umg-font-body-size-5xl, 4rem)" | undefined;
|
|
3
3
|
//# sourceMappingURL=icon-size.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-size.d.ts","sourceRoot":"","sources":["../../src/styles/icon-size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"icon-size.d.ts","sourceRoot":"","sources":["../../src/styles/icon-size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,8XA4BtC"}
|
package/dist/styles/icon-size.js
CHANGED
|
@@ -20,6 +20,12 @@ function iconSize(size) {
|
|
|
20
20
|
if (size === '3xlarge') {
|
|
21
21
|
return 'var(--umg-font-body-size-3xl, 2rem)';
|
|
22
22
|
}
|
|
23
|
+
if (size === '4xlarge') {
|
|
24
|
+
return 'var(--umg-font-body-size-4xl, 3rem)';
|
|
25
|
+
}
|
|
26
|
+
if (size === '5xlarge') {
|
|
27
|
+
return 'var(--umg-font-body-size-5xl, 4rem)';
|
|
28
|
+
}
|
|
23
29
|
}
|
|
24
30
|
|
|
25
31
|
export { iconSize };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-size.js","sources":["../../src/styles/icon-size.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEM,SAAU,QAAQ,CAAC,IAAc,EAAA;AACnC,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,oCAAoC,CAAA;KAC9C;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,uCAAuC,CAAA;KACjD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,qCAAqC,CAAA;KAC/C;AACL;;;;"}
|
|
1
|
+
{"version":3,"file":"icon-size.js","sources":["../../src/styles/icon-size.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEM,SAAU,QAAQ,CAAC,IAAc,EAAA;AACnC,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,oCAAoC,CAAA;KAC9C;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,uCAAuC,CAAA;KACjD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,qCAAqC,CAAA;KAC/C;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,qCAAqC,CAAA;KAC/C;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,qCAAqC,CAAA;KAC/C;AACL;;;;"}
|