@pushengineering/umg-web-components 3.0.22 → 3.0.24
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/media-modal/media-modal.d.ts +11 -4
- package/dist/components/media-modal/media-modal.d.ts.map +1 -1
- package/dist/components/media-modal/media-modal.js +46 -29
- package/dist/components/media-modal/media-modal.js.map +1 -1
- package/dist/components/media-modal/styles/content.d.ts.map +1 -1
- package/dist/components/media-modal/styles/content.js +0 -1
- package/dist/components/media-modal/styles/content.js.map +1 -1
- package/dist/components/media-modal/styles/modal.d.ts.map +1 -1
- package/dist/components/media-modal/styles/modal.js +24 -4
- package/dist/components/media-modal/styles/modal.js.map +1 -1
- package/dist/components/media-modal/styles/section.d.ts.map +1 -1
- package/dist/components/media-modal/styles/section.js +20 -44
- package/dist/components/media-modal/styles/section.js.map +1 -1
- package/dist/components/section/section-block.d.ts +1 -2
- package/dist/components/section/section-block.d.ts.map +1 -1
- package/dist/components/section/section-block.js +0 -4
- package/dist/components/section/section-block.js.map +1 -1
- package/dist/components/section/styles/block.js +4 -4
- package/dist/docs/media-modal/media-modal.stories.d.ts +1 -0
- package/dist/docs/media-modal/media-modal.stories.d.ts.map +1 -1
- package/dist/docs/section/section.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
3
|
+
import '../section/section';
|
|
4
|
+
import '../section/section-block';
|
|
3
5
|
import '../button-icon';
|
|
4
|
-
import type { ContentAlign, Icons } from '../../types';
|
|
6
|
+
import type { ContentAlign, PaddingScale, Icons } from '../../types';
|
|
5
7
|
export declare class MediaModal extends LitElement {
|
|
6
8
|
visible: boolean;
|
|
7
9
|
stickyHeader: boolean;
|
|
8
10
|
mobileStickyBottom: boolean;
|
|
9
11
|
contentWidth: string | number;
|
|
10
|
-
|
|
11
|
-
maxContentWidth: number | undefined;
|
|
12
|
+
maxScreenWidth: number | undefined;
|
|
12
13
|
justifyContent: ContentAlign | undefined;
|
|
14
|
+
paddingType: string;
|
|
15
|
+
mobilePaddingType: string;
|
|
16
|
+
paddingTop: PaddingScale | undefined;
|
|
17
|
+
paddingBottom: PaddingScale | undefined;
|
|
18
|
+
mobilePaddingTop: PaddingScale | undefined;
|
|
19
|
+
mobilePaddingBottom: PaddingScale | undefined;
|
|
13
20
|
icon: Icons;
|
|
14
21
|
buttonPosition: string;
|
|
15
22
|
_tabbableElements: NodeList | undefined;
|
|
@@ -30,7 +37,7 @@ export declare class MediaModal extends LitElement {
|
|
|
30
37
|
private _releaseFocus;
|
|
31
38
|
private _isNumeric;
|
|
32
39
|
modalClasses(): ClassInfo;
|
|
33
|
-
|
|
40
|
+
sectionClasses(): ClassInfo;
|
|
34
41
|
sectionInnerStyles(): {};
|
|
35
42
|
render(): import("lit").TemplateResult<1>;
|
|
36
43
|
static styles: import("lit").CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-modal.d.ts","sourceRoot":"","sources":["../../../src/components/media-modal/media-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAA;AAG3D,OAAO,EAAY,SAAS,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"media-modal.d.ts","sourceRoot":"","sources":["../../../src/components/media-modal/media-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAA;AAG3D,OAAO,EAAY,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AAQjC,OAAO,gBAAgB,CAAA;AAIvB,OAAO,KAAK,EACR,YAAY,EACZ,YAAY,EACZ,KAAK,EACR,MAAM,aAAa,CAAA;AAKpB,qBAEa,UAAW,SAAQ,UAAU;IAGtC,OAAO,UAAQ;IAGf,YAAY,UAAQ;IAGpB,kBAAkB,UAAQ;IAG1B,YAAY,EAAE,MAAM,GAAG,MAAM,CAAe;IAG5C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,cAAc,EAAE,YAAY,GAAG,SAAS,CAAA;IAGxC,WAAW,SAAc;IAGzB,iBAAiB,SAAc;IAG/B,UAAU,EAAE,YAAY,GAAG,SAAS,CAAA;IAGpC,aAAa,EAAE,YAAY,GAAG,SAAS,CAAA;IAGvC,gBAAgB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG1C,mBAAmB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG7C,IAAI,EAAE,KAAK,CAAU;IAGrB,cAAc,SAAU;IAExB,iBAAiB,EAAE,QAAQ,GAAG,SAAS,CAAA;IACvC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAA;;IAQvC,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,YAAY,CAInB;IAEM,SAAS,aAEf;IAEM,UAAU,aAEhB;IAED,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,UAAU,CAKjB;IAED,YAAY;IAiBZ,cAAc,IAAI,SAAS;IAmB3B,kBAAkB;IAmBlB,MAAM;IA6DN,MAAM,CAAC,MAAM,4BAWZ;CACJ"}
|
|
@@ -3,15 +3,17 @@ import { css, LitElement, html } from 'lit';
|
|
|
3
3
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
4
4
|
import { property } from 'lit/decorators/property.js';
|
|
5
5
|
import { classMap } from 'lit/directives/class-map.js';
|
|
6
|
-
import {
|
|
6
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
7
|
+
import '../section/section.js';
|
|
8
|
+
import '../section/section-block.js';
|
|
7
9
|
import { global } from '../../styles/global.js';
|
|
8
10
|
import { modal } from './styles/modal.js';
|
|
9
11
|
import { header } from './styles/header.js';
|
|
10
12
|
import { section } from './styles/section.js';
|
|
11
|
-
import { content } from './styles/content.js';
|
|
12
13
|
import { title } from './styles/title.js';
|
|
13
14
|
import '../button-icon/button-icon.js';
|
|
14
15
|
import { settings } from '../../scripts/settings.js';
|
|
16
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
15
17
|
|
|
16
18
|
const { prefix } = settings;
|
|
17
19
|
let MediaModal = class MediaModal extends LitElement {
|
|
@@ -21,7 +23,8 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
21
23
|
this.stickyHeader = false;
|
|
22
24
|
this.mobileStickyBottom = false;
|
|
23
25
|
this.contentWidth = 'page-width';
|
|
24
|
-
this.
|
|
26
|
+
this.paddingType = 'full-bleed';
|
|
27
|
+
this.mobilePaddingType = 'full-bleed';
|
|
25
28
|
this.icon = 'close';
|
|
26
29
|
this.buttonPosition = 'right';
|
|
27
30
|
this._historyBack = (event) => {
|
|
@@ -128,7 +131,7 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
128
131
|
}
|
|
129
132
|
return classes;
|
|
130
133
|
}
|
|
131
|
-
|
|
134
|
+
sectionClasses() {
|
|
132
135
|
let classes = {};
|
|
133
136
|
if (this.contentWidth && !this._isNumeric(this.contentWidth)) {
|
|
134
137
|
classes = {
|
|
@@ -136,12 +139,6 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
136
139
|
['section-inner--' + this.contentWidth]: true
|
|
137
140
|
};
|
|
138
141
|
}
|
|
139
|
-
if (this.mobileContentWidth !== 'page-width') {
|
|
140
|
-
classes = {
|
|
141
|
-
...classes,
|
|
142
|
-
['section-inner--mobile-' + this.mobileContentWidth]: true
|
|
143
|
-
};
|
|
144
|
-
}
|
|
145
142
|
if (this.justifyContent) {
|
|
146
143
|
classes = {
|
|
147
144
|
...classes,
|
|
@@ -158,10 +155,10 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
158
155
|
'--umg-size-content-max-width': Number(this.contentWidth) / 16 + 'rem',
|
|
159
156
|
};
|
|
160
157
|
}
|
|
161
|
-
if (this.
|
|
158
|
+
if (this.maxScreenWidth) {
|
|
162
159
|
styles = {
|
|
163
160
|
...styles,
|
|
164
|
-
'--umg-size-max-width': Number(this.
|
|
161
|
+
'--umg-size-max-width': Number(this.maxScreenWidth) / 16 + 'rem',
|
|
165
162
|
};
|
|
166
163
|
}
|
|
167
164
|
return styles;
|
|
@@ -175,10 +172,7 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
175
172
|
aria-labelledby="dialog-title"
|
|
176
173
|
aria-modal="true"
|
|
177
174
|
>
|
|
178
|
-
<
|
|
179
|
-
part="section"
|
|
180
|
-
class="section"
|
|
181
|
-
>
|
|
175
|
+
<div class="modal__inner">
|
|
182
176
|
<header
|
|
183
177
|
part="section-header"
|
|
184
178
|
class="section__header"
|
|
@@ -207,16 +201,25 @@ let MediaModal = class MediaModal extends LitElement {
|
|
|
207
201
|
</slot>
|
|
208
202
|
</div>
|
|
209
203
|
</header>
|
|
210
|
-
<
|
|
211
|
-
part="section
|
|
212
|
-
class="
|
|
213
|
-
style="${styleMap(this.sectionInnerStyles())}"
|
|
204
|
+
<umg-section
|
|
205
|
+
part="section"
|
|
206
|
+
class="section${classMap(this.sectionClasses())}"
|
|
214
207
|
>
|
|
215
|
-
<
|
|
208
|
+
<umg-section-block
|
|
209
|
+
class="section__inner"
|
|
210
|
+
style="${styleMap(this.sectionInnerStyles())}"
|
|
211
|
+
paddingTop=${ifDefined(this.paddingTop)}
|
|
212
|
+
paddingBottom=${ifDefined(this.paddingBottom)}
|
|
213
|
+
mobilePaddingTop=${ifDefined(this.mobilePaddingTop)}
|
|
214
|
+
mobilePaddingBottom=${ifDefined(this.mobilePaddingBottom)}
|
|
215
|
+
paddingType=${this.paddingType}
|
|
216
|
+
mobilePaddingType=${this.mobilePaddingType}
|
|
217
|
+
width=${this.contentWidth}
|
|
218
|
+
>
|
|
216
219
|
<slot name="content"></slot>
|
|
217
|
-
</
|
|
218
|
-
</
|
|
219
|
-
</
|
|
220
|
+
</umg-section-block>
|
|
221
|
+
</umg-section>
|
|
222
|
+
</div>
|
|
220
223
|
</div>
|
|
221
224
|
`;
|
|
222
225
|
}
|
|
@@ -226,7 +229,6 @@ MediaModal.styles = [
|
|
|
226
229
|
modal,
|
|
227
230
|
header,
|
|
228
231
|
section,
|
|
229
|
-
content,
|
|
230
232
|
title,
|
|
231
233
|
css `
|
|
232
234
|
:host {
|
|
@@ -246,15 +248,30 @@ __decorate([
|
|
|
246
248
|
__decorate([
|
|
247
249
|
property()
|
|
248
250
|
], MediaModal.prototype, "contentWidth", void 0);
|
|
249
|
-
__decorate([
|
|
250
|
-
property()
|
|
251
|
-
], MediaModal.prototype, "mobileContentWidth", void 0);
|
|
252
251
|
__decorate([
|
|
253
252
|
property({ type: Number })
|
|
254
|
-
], MediaModal.prototype, "
|
|
253
|
+
], MediaModal.prototype, "maxScreenWidth", void 0);
|
|
255
254
|
__decorate([
|
|
256
255
|
property()
|
|
257
256
|
], MediaModal.prototype, "justifyContent", void 0);
|
|
257
|
+
__decorate([
|
|
258
|
+
property()
|
|
259
|
+
], MediaModal.prototype, "paddingType", void 0);
|
|
260
|
+
__decorate([
|
|
261
|
+
property()
|
|
262
|
+
], MediaModal.prototype, "mobilePaddingType", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
property()
|
|
265
|
+
], MediaModal.prototype, "paddingTop", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
property()
|
|
268
|
+
], MediaModal.prototype, "paddingBottom", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
property()
|
|
271
|
+
], MediaModal.prototype, "mobilePaddingTop", void 0);
|
|
272
|
+
__decorate([
|
|
273
|
+
property()
|
|
274
|
+
], MediaModal.prototype, "mobilePaddingBottom", void 0);
|
|
258
275
|
__decorate([
|
|
259
276
|
property()
|
|
260
277
|
], MediaModal.prototype, "icon", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-modal.js","sources":["../../../src/components/media-modal/media-modal.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"media-modal.js","sources":["../../../src/components/media-modal/media-modal.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,yBAiCnB,CAAA"}
|
|
@@ -9,7 +9,6 @@ const content = css `
|
|
|
9
9
|
gap: var(--umg-space-48);
|
|
10
10
|
min-height: 100%;
|
|
11
11
|
width: 100%;
|
|
12
|
-
padding: var(--umg-space-48) var(--umg-space-16);
|
|
13
12
|
--umg-color-base-text: var(--umg-color-modal-text);
|
|
14
13
|
--umg-color-button-text: var(--umg-color-modal-background, var(--umg-color-base-background));
|
|
15
14
|
--umg-color-button-background: var(--umg-color-modal-text, var(--umg-color-base-text));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sources":["../../../../src/components/media-modal/styles/content.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA
|
|
1
|
+
{"version":3,"file":"content.js","sources":["../../../../src/components/media-modal/styles/content.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/modal.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/modal.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAsDjB,CAAA"}
|
|
@@ -24,14 +24,34 @@ const modal = css `
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.modal--visible {
|
|
27
|
+
display: block;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.modal__inner {
|
|
27
31
|
display: flex;
|
|
28
32
|
flex-direction: column;
|
|
29
|
-
|
|
33
|
+
height: 100svh;
|
|
34
|
+
overflow-y: scroll;
|
|
35
|
+
overflow-x: hidden;
|
|
30
36
|
}
|
|
31
37
|
|
|
32
|
-
@media
|
|
33
|
-
.
|
|
34
|
-
|
|
38
|
+
@media screen and (min-width: 48.06) {
|
|
39
|
+
.modal__inner::-webkit-scrollbar {
|
|
40
|
+
width: 0.5rem;
|
|
41
|
+
}
|
|
42
|
+
.modal__inner::-webkit-scrollbar-track {
|
|
43
|
+
background: var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0,0.2)));
|
|
44
|
+
}
|
|
45
|
+
.modal__inner::-webkit-scrollbar-thumb{
|
|
46
|
+
background: var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0,0.5)));
|
|
47
|
+
}
|
|
48
|
+
@supports (color: rgb(from white r g b)) {
|
|
49
|
+
.modal__inner::-webkit-scrollbar-track {
|
|
50
|
+
background: rgb(from var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / 0.2);
|
|
51
|
+
}
|
|
52
|
+
.modal__inner::-webkit-scrollbar-thumb{
|
|
53
|
+
background: rgb(from var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / 0.5);
|
|
54
|
+
}
|
|
35
55
|
}
|
|
36
56
|
}
|
|
37
57
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sources":["../../../../src/components/media-modal/styles/modal.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA
|
|
1
|
+
{"version":3,"file":"modal.js","sources":["../../../../src/components/media-modal/styles/modal.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/section.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/components/media-modal/styles/section.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,yBAkCnB,CAAA"}
|
|
@@ -3,60 +3,36 @@ import { css } from 'lit';
|
|
|
3
3
|
const section = css `
|
|
4
4
|
.section {
|
|
5
5
|
display: flex;
|
|
6
|
+
flex: 1;
|
|
6
7
|
flex-direction: column;
|
|
7
|
-
|
|
8
|
-
overflow-y: scroll;
|
|
9
|
-
overflow-x: hidden;
|
|
8
|
+
margin: 0 auto;
|
|
10
9
|
width: 100%;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
.section__inner {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-items: stretch;
|
|
17
17
|
width: 100%;
|
|
18
|
+
--umg-color-base-text: var(--umg-color-modal-text);
|
|
19
|
+
--umg-color-section-background: transparent;
|
|
20
|
+
--umg-color-button-text: var(--umg-color-modal-background, var(--umg-color-base-background));
|
|
21
|
+
--umg-color-button-background: var(--umg-color-modal-text, var(--umg-color-base-text));
|
|
22
|
+
--umg-color-icon-text: var(--umg-color-modal-text, var(--umg-color-base-text));
|
|
23
|
+
--umg-color-icon-border: var(--umg-color-modal-text, var(--umg-color-base-text));
|
|
24
|
+
--umg-color-icon-background: transparent;
|
|
18
25
|
}
|
|
19
26
|
|
|
20
|
-
|
|
21
|
-
.
|
|
22
|
-
|
|
27
|
+
/* Vertical alignment */
|
|
28
|
+
.content-justify--start {
|
|
29
|
+
justify-content: start;
|
|
23
30
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
padding-left: 0;
|
|
27
|
-
padding-right: 0;
|
|
31
|
+
.content-justify--center {
|
|
32
|
+
justify-content: center;
|
|
28
33
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
.section__inner.section-inner--mobile-full-bleed,
|
|
32
|
-
.section__inner.section-inner--mobile-full-width {
|
|
33
|
-
max-width: var(--umg-size-max-width, 100%);
|
|
34
|
-
}
|
|
35
|
-
.section__inner.section-inner--mobile-full-bleed .section__content {
|
|
36
|
-
padding-left: 0;
|
|
37
|
-
padding-right: 0;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/* Scroll */
|
|
42
|
-
@media screen and (min-width: 48.06) {
|
|
43
|
-
.section::-webkit-scrollbar {
|
|
44
|
-
width: 0.5rem;
|
|
45
|
-
}
|
|
46
|
-
.section::-webkit-scrollbar-track {
|
|
47
|
-
background: var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0,0.2)));
|
|
48
|
-
}
|
|
49
|
-
.section::-webkit-scrollbar-thumb{
|
|
50
|
-
background: var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0,0.5)));
|
|
51
|
-
}
|
|
52
|
-
@supports (color: rgb(from white r g b)) {
|
|
53
|
-
.section::-webkit-scrollbar-track {
|
|
54
|
-
background: rgb(from var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / 0.2);
|
|
55
|
-
}
|
|
56
|
-
.section::-webkit-scrollbar-thumb{
|
|
57
|
-
background: rgb(from var(--umg-color-modal-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / 0.5);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
34
|
+
.content-justify--end {
|
|
35
|
+
justify-content: end;
|
|
60
36
|
}
|
|
61
37
|
`;
|
|
62
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section.js","sources":["../../../../src/components/media-modal/styles/section.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA
|
|
1
|
+
{"version":3,"file":"section.js","sources":["../../../../src/components/media-modal/styles/section.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import type { PaddingScale } from '../../types';
|
|
3
3
|
export declare class SectionBlock extends LitElement {
|
|
4
|
-
width: string;
|
|
5
|
-
mobileWidth: string;
|
|
4
|
+
width: string | number;
|
|
6
5
|
centerContent: boolean;
|
|
7
6
|
mobileCenterContent: boolean;
|
|
8
7
|
paddingType: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section-block.d.ts","sourceRoot":"","sources":["../../../src/components/section/section-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAU/C,qBAEa,YAAa,SAAQ,UAAU;IAGxC,KAAK,
|
|
1
|
+
{"version":3,"file":"section-block.d.ts","sourceRoot":"","sources":["../../../src/components/section/section-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAU/C,qBAEa,YAAa,SAAQ,UAAU;IAGxC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAe;IAGrC,aAAa,UAAQ;IAGrB,mBAAmB,UAAQ;IAG3B,WAAW,SAAU;IAGrB,iBAAiB,SAAU;IAG3B,UAAU,EAAE,YAAY,GAAG,SAAS,CAAA;IAGpC,aAAa,EAAE,YAAY,GAAG,SAAS,CAAA;IAGvC,gBAAgB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG1C,mBAAmB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG7C,OAAO,EAAE,SAAS,CAAA;IAGlB,aAAa,EAAE,SAAS,CAAA;IAGxB,SAAS,WAAY,OAAO,aAK3B;IAED,kBAAkB;IA4DlB,qBAAqB;IAqBrB,oBAAoB;IAapB,MAAM;IAkBN,MAAM,CAAC,MAAM,4BAKZ;CACJ"}
|
|
@@ -14,7 +14,6 @@ let SectionBlock = class SectionBlock extends LitElement {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
super(...arguments);
|
|
16
16
|
this.width = 'page-width';
|
|
17
|
-
this.mobileWidth = 'page-width';
|
|
18
17
|
this.centerContent = false;
|
|
19
18
|
this.mobileCenterContent = false;
|
|
20
19
|
this.paddingType = 'padded';
|
|
@@ -136,9 +135,6 @@ SectionBlock.styles = [
|
|
|
136
135
|
__decorate([
|
|
137
136
|
property()
|
|
138
137
|
], SectionBlock.prototype, "width", void 0);
|
|
139
|
-
__decorate([
|
|
140
|
-
property()
|
|
141
|
-
], SectionBlock.prototype, "mobileWidth", void 0);
|
|
142
138
|
__decorate([
|
|
143
139
|
property({ type: Boolean })
|
|
144
140
|
], SectionBlock.prototype, "centerContent", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section-block.js","sources":["../../../src/components/section/section-block.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QAGH,IAAK,CAAA,KAAA,
|
|
1
|
+
{"version":3,"file":"section-block.js","sources":["../../../src/components/section/section-block.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,13 @@ const block = css `
|
|
|
4
4
|
|
|
5
5
|
/* Colour */
|
|
6
6
|
.section-block {
|
|
7
|
-
color: var(--umg-color-base-text);
|
|
8
|
-
background-color: var(--umg-color-base-background);
|
|
7
|
+
color: var(var(--umg-color-section-text), var(--umg-color-base-text));
|
|
8
|
+
background-color: var(var(--umg-color-section-background), var(--umg-color-base-background));
|
|
9
9
|
}
|
|
10
10
|
@supports (color: rgb(from white r g b)) {
|
|
11
11
|
.section-block {
|
|
12
|
-
color: rgb(from var(--umg-color-base-text) r g b / alpha);
|
|
13
|
-
background-color: rgb(from var(--umg-color-base-background) r g b / alpha);
|
|
12
|
+
color: rgb(from var(var(--umg-color-section-text), var(--umg-color-base-text) r g b / alpha));
|
|
13
|
+
background-color: rgb(from var(var(--umg-color-section-background), var(--umg-color-base-background) r g b / alpha));
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-modal.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/media-modal/media-modal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAMxE,OAAO,8BAA8B,CAAA;AACrC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"media-modal.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/media-modal/media-modal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAMxE,OAAO,8BAA8B,CAAA;AACrC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IA8KX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAiFrB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAgGtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/section/section.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAMxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,iCAAiC,CAAA;AACxC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,+BAA+B,CAAA;AACtC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAwJX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"section.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/section/section.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAMxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,iCAAiC,CAAA;AACxC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,+BAA+B,CAAA;AACtC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAwJX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AACD,eAAO,MAAM,IAAI,EAAE,KAsElB,CAAA;AACD,eAAO,MAAM,KAAK,EAAE,KAmFnB,CAAA"}
|