@pushengineering/umg-web-components 3.1.1 → 3.1.3
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/button/styles/button-main.js +1 -1
- package/dist/components/caption-card/caption-card.d.ts.map +1 -1
- package/dist/components/caption-card/caption-card.js +3 -1
- package/dist/components/caption-card/caption-card.js.map +1 -1
- package/dist/components/icon/icons.svg.js +1 -1
- package/dist/components/icon/icons.svg.js.map +1 -1
- package/dist/components/link-group/link-group.d.ts +1 -0
- package/dist/components/link-group/link-group.d.ts.map +1 -1
- package/dist/components/link-group/link-group.js +5 -0
- package/dist/components/link-group/link-group.js.map +1 -1
- package/dist/components/media-text/media-text.d.ts.map +1 -1
- package/dist/components/media-text/media-text.js +21 -3
- package/dist/components/media-text/media-text.js.map +1 -1
- package/dist/components/number-field/number-field.d.ts +2 -1
- package/dist/components/number-field/number-field.d.ts.map +1 -1
- package/dist/components/number-field/number-field.js +34 -23
- package/dist/components/number-field/number-field.js.map +1 -1
- package/dist/components/popover/popover.d.ts +2 -0
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +21 -1
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/docs/compositions/territory-picker.stories.d.ts +12 -0
- package/dist/docs/compositions/territory-picker.stories.d.ts.map +1 -0
- package/dist/docs/icon/icon.stories.d.ts.map +1 -1
- package/dist/docs/media-text/designTokens.d.ts +2 -2
- package/dist/docs/popover/popover.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ let NumberField = class NumberField extends LitElement {
|
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
18
|
this.hideLabel = false;
|
|
19
|
-
this.
|
|
19
|
+
this.spinnerType = 'arrows';
|
|
20
20
|
this.placeholder = undefined;
|
|
21
21
|
this.disabled = false;
|
|
22
22
|
this.required = false;
|
|
@@ -63,12 +63,18 @@ let NumberField = class NumberField extends LitElement {
|
|
|
63
63
|
debouncedEvent();
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
+
containerClasses() {
|
|
67
|
+
const classes = {
|
|
68
|
+
'border': this.spinnerType === 'symbols'
|
|
69
|
+
};
|
|
70
|
+
return classes;
|
|
71
|
+
}
|
|
66
72
|
fieldClasses() {
|
|
67
73
|
const classes = {
|
|
68
74
|
'label-hidden': this.hideLabel,
|
|
69
75
|
'field--required': this.required,
|
|
70
|
-
'field--symbols': this.
|
|
71
|
-
'field--arrows': this.
|
|
76
|
+
'field--symbols': this.spinnerType === 'symbols',
|
|
77
|
+
'field--arrows': this.spinnerType === 'arrows',
|
|
72
78
|
'field--min': Number(this.value) === this.min,
|
|
73
79
|
'field--max': Number(this.value) >= this.max,
|
|
74
80
|
};
|
|
@@ -77,6 +83,7 @@ let NumberField = class NumberField extends LitElement {
|
|
|
77
83
|
inputClasses() {
|
|
78
84
|
const classes = {
|
|
79
85
|
'input--error': this.error,
|
|
86
|
+
'border': this.spinnerType === 'arrows'
|
|
80
87
|
};
|
|
81
88
|
return classes;
|
|
82
89
|
}
|
|
@@ -96,7 +103,7 @@ let NumberField = class NumberField extends LitElement {
|
|
|
96
103
|
`;
|
|
97
104
|
}
|
|
98
105
|
renderButtons() {
|
|
99
|
-
if (this.
|
|
106
|
+
if (this.spinnerType === 'symbols') {
|
|
100
107
|
return html `
|
|
101
108
|
<umg-button-icon
|
|
102
109
|
part="increase"
|
|
@@ -139,7 +146,7 @@ let NumberField = class NumberField extends LitElement {
|
|
|
139
146
|
}
|
|
140
147
|
renderNumber() {
|
|
141
148
|
return html `
|
|
142
|
-
<div class="input-container">
|
|
149
|
+
<div class="input-container ${classMap(this.containerClasses())}">
|
|
143
150
|
${this.renderButtons()}
|
|
144
151
|
<input
|
|
145
152
|
part="text-field"
|
|
@@ -251,6 +258,17 @@ NumberField.styles = mergeStyles([
|
|
|
251
258
|
width: fit-content;
|
|
252
259
|
}
|
|
253
260
|
|
|
261
|
+
/* Border */
|
|
262
|
+
.border {
|
|
263
|
+
padding: 0.25rem;
|
|
264
|
+
border-radius: var(--umg-border-input-corner-radius, 0);
|
|
265
|
+
border: solid var(--umg-border-input-width, 0.0625rem) var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2)));
|
|
266
|
+
}
|
|
267
|
+
@supports (color: rgb(from white r g b)) {
|
|
268
|
+
.border {
|
|
269
|
+
border-color: rgb(from var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2))) r g b / alpha);
|
|
270
|
+
}
|
|
271
|
+
}
|
|
254
272
|
|
|
255
273
|
input::-webkit-outer-spin-button {
|
|
256
274
|
appearance: none;
|
|
@@ -283,34 +301,27 @@ NumberField.styles = mergeStyles([
|
|
|
283
301
|
.spinner {
|
|
284
302
|
position: absolute;
|
|
285
303
|
height: 1.25rem;
|
|
286
|
-
right: 0.0625rem;
|
|
287
304
|
--umg-space-icon-padding: 0;
|
|
288
305
|
}
|
|
289
306
|
.spinner::part(button-icon) {
|
|
290
|
-
padding: 0.
|
|
307
|
+
padding: 0.125rem;
|
|
291
308
|
}
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
309
|
+
|
|
310
|
+
/** Arrows input buttons */
|
|
311
|
+
.field--arrows .spinner.increase {
|
|
312
|
+
--umg-border-icon-corner-radius: 0 var(--umg-border-input-corner-radius, 0) 0 0;
|
|
296
313
|
top: 0.0625rem;
|
|
314
|
+
right: 0.25rem;
|
|
297
315
|
}
|
|
298
|
-
.spinner.decrease {
|
|
316
|
+
.field--arrows .spinner.decrease {
|
|
317
|
+
--umg-border-icon-corner-radius: 0 0 var(--umg-border-input-corner-radius, 0) 0;
|
|
299
318
|
bottom: 0.0625rem;
|
|
319
|
+
right: 0.25rem;
|
|
300
320
|
}
|
|
301
|
-
|
|
302
|
-
/** Arrows input buttons */
|
|
303
321
|
.field--arrows input {
|
|
304
|
-
border-radius: var(--umg-border-input-corner-radius, 0) 0 0 var(--umg-border-input-corner-radius, 0);
|
|
305
|
-
border: solid var(--umg-border-input-width, 0.0625rem) var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2)));
|
|
306
322
|
padding-left: var(--umg-space-12, 0.75rem);
|
|
307
323
|
padding-right: var(--umg-space-24, 1.5rem);
|
|
308
324
|
}
|
|
309
|
-
@supports (color: rgb(from white r g b)) {
|
|
310
|
-
.field--arrows input {
|
|
311
|
-
border-color: rgb(from var(--umg-color-input-border, var(--umg-color-base-text, rgb(0,0,0,0.2))) r g b / alpha);
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
325
|
|
|
315
326
|
/** Symbol input buttons */
|
|
316
327
|
.field--symbols .input-container {
|
|
@@ -321,7 +332,7 @@ NumberField.styles = mergeStyles([
|
|
|
321
332
|
order: 2;
|
|
322
333
|
text-align: center;
|
|
323
334
|
height: 1.75rem;
|
|
324
|
-
width:
|
|
335
|
+
width: 2rem;
|
|
325
336
|
}
|
|
326
337
|
.field--symbols .spinner {
|
|
327
338
|
border: none;
|
|
@@ -358,7 +369,7 @@ __decorate([
|
|
|
358
369
|
], NumberField.prototype, "hideLabel", void 0);
|
|
359
370
|
__decorate([
|
|
360
371
|
property()
|
|
361
|
-
], NumberField.prototype, "
|
|
372
|
+
], NumberField.prototype, "spinnerType", void 0);
|
|
362
373
|
__decorate([
|
|
363
374
|
property()
|
|
364
375
|
], NumberField.prototype, "placeholder", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.js","sources":["../../../src/components/number-field/number-field.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAcA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;QAGH,IAAS,CAAA,SAAA,GAAG,KAAK,CAAA;QAGjB,
|
|
1
|
+
{"version":3,"file":"number-field.js","sources":["../../../src/components/number-field/number-field.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,14 @@ import { LitElement, nothing } from 'lit';
|
|
|
2
2
|
import '../button-icon/';
|
|
3
3
|
export declare class Popover extends LitElement {
|
|
4
4
|
icon: string;
|
|
5
|
+
openDirection: string;
|
|
5
6
|
disabled: boolean;
|
|
6
7
|
_open: boolean;
|
|
7
8
|
constructor();
|
|
8
9
|
private _focusOut;
|
|
9
10
|
private _togglePopover;
|
|
10
11
|
popoverClasses(): any;
|
|
12
|
+
popoverContentClasses(): any;
|
|
11
13
|
popovertemplate(): import("lit").TemplateResult<1> | typeof nothing;
|
|
12
14
|
render(): import("lit").TemplateResult<1>;
|
|
13
15
|
static styles: import("lit").CSSResultArray;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAA;AAWpD,OAAO,iBAAiB,CAAA;AAIxB,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,IAAI,SAAsB;IAG1B,QAAQ,UAAQ;IAGhB,KAAK,UAAQ;;IAOb,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,cAAc;IAItB,cAAc;IAQd,eAAe;IAqBf,MAAM;IAiBN,MAAM,CAAC,MAAM,+
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAA;AAWpD,OAAO,iBAAiB,CAAA;AAIxB,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,IAAI,SAAsB;IAG1B,aAAa,SAAS;IAGtB,QAAQ,UAAQ;IAGhB,KAAK,UAAQ;;IAOb,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,cAAc;IAItB,cAAc;IAQd,qBAAqB;IAQrB,eAAe;IAqBf,MAAM;IAiBN,MAAM,CAAC,MAAM,+BA2FX;CACL"}
|
|
@@ -14,6 +14,7 @@ let Popover = class Popover extends LitElement {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
super();
|
|
16
16
|
this.icon = 'ellipsis-vertical';
|
|
17
|
+
this.openDirection = 'down';
|
|
17
18
|
this.disabled = false;
|
|
18
19
|
this._open = false;
|
|
19
20
|
this.addEventListener('focusout', this._focusOut);
|
|
@@ -32,10 +33,15 @@ let Popover = class Popover extends LitElement {
|
|
|
32
33
|
};
|
|
33
34
|
return classes;
|
|
34
35
|
}
|
|
36
|
+
popoverContentClasses() {
|
|
37
|
+
const classes = {};
|
|
38
|
+
classes['popover-open-direction--' + this.openDirection] = true;
|
|
39
|
+
return classes;
|
|
40
|
+
}
|
|
35
41
|
popovertemplate() {
|
|
36
42
|
if (this._open) {
|
|
37
43
|
return html `
|
|
38
|
-
<div class="popover__content" part="popover-content">
|
|
44
|
+
<div class="popover__content${classMap(this.popoverContentClasses())}" part="popover-content">
|
|
39
45
|
<umg-button-icon
|
|
40
46
|
part="popover-close"
|
|
41
47
|
class="popover__close-button"
|
|
@@ -117,6 +123,17 @@ Popover.styles = mergeStyles([
|
|
|
117
123
|
|
|
118
124
|
--umg-font-body-scale: 0.8;
|
|
119
125
|
}
|
|
126
|
+
|
|
127
|
+
.popover__content.popover-open-direction--down {
|
|
128
|
+
bottom: initial;
|
|
129
|
+
top: -0.25rem;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.popover__content.popover-open-direction--up {
|
|
133
|
+
bottom: 0;
|
|
134
|
+
top: initial;
|
|
135
|
+
}
|
|
136
|
+
|
|
120
137
|
.popover__content-inner {
|
|
121
138
|
gap: var(--umg-space-16, var(--umg-space-vertical-gap, 1rem));
|
|
122
139
|
width: fit-content;
|
|
@@ -153,6 +170,9 @@ Popover.styles = mergeStyles([
|
|
|
153
170
|
__decorate([
|
|
154
171
|
property()
|
|
155
172
|
], Popover.prototype, "icon", void 0);
|
|
173
|
+
__decorate([
|
|
174
|
+
property()
|
|
175
|
+
], Popover.prototype, "openDirection", void 0);
|
|
156
176
|
__decorate([
|
|
157
177
|
property({ type: Boolean })
|
|
158
178
|
], Popover.prototype, "disabled", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj as Story } from '@storybook/web-components';
|
|
2
|
+
import '../../components/footer';
|
|
3
|
+
import '../../components/socials';
|
|
4
|
+
import '../../components/link';
|
|
5
|
+
import '../../components/link-group';
|
|
6
|
+
import '../../components/text';
|
|
7
|
+
import '../../components/popover';
|
|
8
|
+
import '../../components/button';
|
|
9
|
+
declare const meta: Meta;
|
|
10
|
+
export default meta;
|
|
11
|
+
export declare const Primary: Story;
|
|
12
|
+
//# sourceMappingURL=territory-picker.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"territory-picker.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/compositions/territory-picker.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAIxE,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,6BAA6B,CAAA;AACpC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAmGrB,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,IAyHX,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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
declare const mediaTextTokens: {
|
|
2
2
|
primary: {
|
|
3
|
-
'umg-color-
|
|
3
|
+
'umg-color-media-text-text': {
|
|
4
4
|
control: string;
|
|
5
5
|
value: string;
|
|
6
6
|
description: string;
|
|
7
7
|
category: string;
|
|
8
8
|
subcategory: string;
|
|
9
9
|
};
|
|
10
|
-
'umg-color-
|
|
10
|
+
'umg-color-media-text-background': {
|
|
11
11
|
control: string;
|
|
12
12
|
value: string;
|
|
13
13
|
description: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/popover/popover.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAIxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAK9B,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/popover/popover.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAIxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAK9B,QAAA,MAAM,IAAI,EAAE,IAyEX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA"}
|