@eui/eds-wc 22.0.0-alpha.40 → 22.0.0-alpha.42
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/eds-input-text/eds-wc-input-text.d.ts +4 -0
- package/eds-input-text/eds-wc-input-text.d.ts.map +1 -1
- package/eds-input-text/eds-wc-input-text.js +36 -4
- package/eds-input-text/eds-wc-input-text.js.map +1 -1
- package/eds-select/eds-wc-select.d.ts +11 -0
- package/eds-select/eds-wc-select.d.ts.map +1 -1
- package/eds-select/eds-wc-select.js +41 -3
- package/eds-select/eds-wc-select.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/** Size variants supported by the EDS text input (mirrors `EdsInputTextSize`). */
|
|
3
|
+
export type EdsWcInputTextSize = 's' | 'm' | 'l';
|
|
2
4
|
/**
|
|
3
5
|
* `<eds-wc-input-text>` — EDS Text Input Web Component.
|
|
4
6
|
*
|
|
@@ -37,6 +39,8 @@ export declare class EdsWcInputText extends EdsBaseElement {
|
|
|
37
39
|
clearable: boolean;
|
|
38
40
|
/** Show a loading spinner inside the input. */
|
|
39
41
|
loading: boolean;
|
|
42
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
43
|
+
size: EdsWcInputTextSize;
|
|
40
44
|
/** Accessible label (when no visible label element). */
|
|
41
45
|
ariaLabel: string | null;
|
|
42
46
|
private _input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-input-text.d.ts","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C,qBAAqB;IAErB,KAAK,SAAM;IAEX,wBAAwB;IAExB,WAAW,SAAM;IAEjB,wDAAwD;IAExD,IAAI,SAAU;IAEd,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,kDAAkD;IAElD,SAAS,UAAS;IAElB,+CAA+C;IAE/C,OAAO,UAAS;IAEhB,wDAAwD;IAE/C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,MAAM,CAAoB;IAElC,sDAAsD;IACtD,IAAI,YAAY,IAAI,gBAAgB,CAEnC;IAED,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-input-text.d.ts","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C,qBAAqB;IAErB,KAAK,SAAM;IAEX,wBAAwB;IAExB,WAAW,SAAM;IAEjB,wDAAwD;IAExD,IAAI,SAAU;IAEd,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,kDAAkD;IAElD,SAAS,UAAS;IAElB,+CAA+C;IAE/C,OAAO,UAAS;IAEhB,6DAA6D;IAE7D,IAAI,EAAE,kBAAkB,CAAO;IAE/B,wDAAwD;IAE/C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,OAAO,CAAC,MAAM,CAAoB;IAElC,sDAAsD;IACtD,IAAI,YAAY,IAAI,gBAAgB,CAEnC;IAED,OAAgB,MAAM,0BAkJpB;cAEiB,MAAM;IA6BzB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;CAOnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}
|
|
@@ -47,6 +47,8 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
|
|
|
47
47
|
this.clearable = false;
|
|
48
48
|
/** Show a loading spinner inside the input. */
|
|
49
49
|
this.loading = false;
|
|
50
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
51
|
+
this.size = 'm';
|
|
50
52
|
/** Accessible label (when no visible label element). */
|
|
51
53
|
this.ariaLabel = null;
|
|
52
54
|
}
|
|
@@ -60,16 +62,42 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
|
|
|
60
62
|
position: relative;
|
|
61
63
|
}
|
|
62
64
|
|
|
65
|
+
:host {
|
|
66
|
+
/* Size-driven privates (defaults = m) */
|
|
67
|
+
--_eds-input-text-min-height: var(--eds-si-4xl);
|
|
68
|
+
--_eds-input-text-pad-v: var(--eds-sp-xs);
|
|
69
|
+
--_eds-input-text-pad-h: var(--eds-sp-s);
|
|
70
|
+
--_eds-input-text-font: var(--eds-f-paragraph-m);
|
|
71
|
+
--_eds-input-text-placeholder-font: var(--eds-f-placeholder-m);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:host([size="s"]) {
|
|
75
|
+
--_eds-input-text-min-height: var(--eds-si-3xl); /* 32px */
|
|
76
|
+
--_eds-input-text-pad-v: var(--eds-sp-2xs);
|
|
77
|
+
--_eds-input-text-pad-h: var(--eds-sp-s);
|
|
78
|
+
--_eds-input-text-font: var(--eds-f-paragraph-s);
|
|
79
|
+
--_eds-input-text-placeholder-font: var(--eds-f-placeholder-s);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
:host([size="l"]) {
|
|
83
|
+
--_eds-input-text-min-height: var(--eds-si-6xl); /* 48px */
|
|
84
|
+
--_eds-input-text-pad-v: var(--eds-sp-s);
|
|
85
|
+
--_eds-input-text-pad-h: var(--eds-sp-m);
|
|
86
|
+
--_eds-input-text-font: var(--eds-f-paragraph-l);
|
|
87
|
+
/* No --eds-f-placeholder-l token exists; l reuses the m placeholder font. */
|
|
88
|
+
--_eds-input-text-placeholder-font: var(--eds-f-placeholder-m);
|
|
89
|
+
}
|
|
90
|
+
|
|
63
91
|
input {
|
|
64
|
-
font: var(--
|
|
92
|
+
font: var(--_eds-input-text-font);
|
|
65
93
|
appearance: none;
|
|
66
94
|
background-color: var(--eds-c-surface-elevation);
|
|
67
95
|
border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
|
|
68
96
|
border-radius: var(--eds-br-s);
|
|
69
97
|
box-shadow: none;
|
|
70
98
|
color: var(--eds-c-foreground-default);
|
|
71
|
-
min-height: var(--
|
|
72
|
-
padding: var(--
|
|
99
|
+
min-height: var(--_eds-input-text-min-height);
|
|
100
|
+
padding: var(--_eds-input-text-pad-v) var(--_eds-input-text-pad-h);
|
|
73
101
|
width: 100%;
|
|
74
102
|
box-sizing: border-box;
|
|
75
103
|
outline: none;
|
|
@@ -77,7 +105,8 @@ let EdsWcInputText = class EdsWcInputText extends EdsBaseElement {
|
|
|
77
105
|
}
|
|
78
106
|
|
|
79
107
|
input::placeholder {
|
|
80
|
-
color: var(--eds-c-foreground-
|
|
108
|
+
color: var(--eds-c-foreground-placeholder);
|
|
109
|
+
font: var(--_eds-input-text-placeholder-font);
|
|
81
110
|
opacity: 1;
|
|
82
111
|
}
|
|
83
112
|
|
|
@@ -240,6 +269,9 @@ __decorate([
|
|
|
240
269
|
__decorate([
|
|
241
270
|
property({ type: Boolean, reflect: true })
|
|
242
271
|
], EdsWcInputText.prototype, "loading", void 0);
|
|
272
|
+
__decorate([
|
|
273
|
+
property({ type: String, reflect: true })
|
|
274
|
+
], EdsWcInputText.prototype, "size", void 0);
|
|
243
275
|
__decorate([
|
|
244
276
|
property({ type: String, attribute: 'aria-label' })
|
|
245
277
|
], EdsWcInputText.prototype, "ariaLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-input-text.js","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-input-text.js","sourceRoot":"","sources":["../../src/eds-input-text/eds-wc-input-text.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/** Size variants supported by the EDS select (mirrors `EdsSelectSize`). */
|
|
3
|
+
export type EdsWcSelectSize = 's' | 'm' | 'l';
|
|
2
4
|
/**
|
|
3
5
|
* `<eds-wc-select>` — EDS Select / Dropdown Web Component.
|
|
4
6
|
*
|
|
@@ -33,6 +35,15 @@ export declare class EdsWcSelect extends EdsBaseElement {
|
|
|
33
35
|
readonly: boolean;
|
|
34
36
|
/** Invalid/error state. */
|
|
35
37
|
invalid: boolean;
|
|
38
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
39
|
+
size: EdsWcSelectSize;
|
|
40
|
+
/**
|
|
41
|
+
* Number of visible option rows — maps to the native `<select size="N">`
|
|
42
|
+
* attribute to render the control as a multi-row list box. Omit (or <=1)
|
|
43
|
+
* for the default single-row dropdown. Mirrors the Angular `rowCount` input;
|
|
44
|
+
* kept off the host `size` attribute (which is the s/m/l variant).
|
|
45
|
+
*/
|
|
46
|
+
rowCount?: number;
|
|
36
47
|
/** Accessible label. */
|
|
37
48
|
ariaLabel: string | null;
|
|
38
49
|
private _select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-select.d.ts","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,WAAY,SAAQ,cAAc;IAC3C,qBAAqB;IAErB,KAAK,SAAM;IAEX,+DAA+D;IAE/D,WAAW,SAAM;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,kEAAkE;IAElE,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAsB;IAGvD,OAAO,CAAC,OAAO,CAAqB;IAEpC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-select.d.ts","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,WAAY,SAAQ,cAAc;IAC3C,qBAAqB;IAErB,KAAK,SAAM;IAEX,+DAA+D;IAE/D,WAAW,SAAM;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,kEAAkE;IAElE,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,6DAA6D;IAE7D,IAAI,EAAE,eAAe,CAAO;IAE5B;;;;;OAKG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAsB;IAGvD,OAAO,CAAC,OAAO,CAAqB;IAEpC,OAAgB,MAAM,0BAwGpB;cAEiB,MAAM;cA0BN,OAAO,IAAI,IAAI;IAOlC,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,gBAAgB;CAS3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,WAAW,CAAC;KAChC;CACJ"}
|
|
@@ -43,6 +43,8 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
43
43
|
this.readonly = false;
|
|
44
44
|
/** Invalid/error state. */
|
|
45
45
|
this.invalid = false;
|
|
46
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
47
|
+
this.size = 'm';
|
|
46
48
|
/** Accessible label. */
|
|
47
49
|
this.ariaLabel = 'Select an option';
|
|
48
50
|
}
|
|
@@ -51,16 +53,38 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
51
53
|
display: block;
|
|
52
54
|
}
|
|
53
55
|
|
|
56
|
+
:host {
|
|
57
|
+
/* Size-driven privates (defaults = m) */
|
|
58
|
+
--_eds-select-min-height: var(--eds-si-4xl);
|
|
59
|
+
--_eds-select-pad-v: var(--eds-sp-xs);
|
|
60
|
+
--_eds-select-pad-h: var(--eds-sp-s);
|
|
61
|
+
--_eds-select-font: var(--eds-f-paragraph-m);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
:host([size="s"]) {
|
|
65
|
+
--_eds-select-min-height: var(--eds-si-3xl); /* 32px */
|
|
66
|
+
--_eds-select-pad-v: var(--eds-sp-2xs);
|
|
67
|
+
--_eds-select-pad-h: var(--eds-sp-s);
|
|
68
|
+
--_eds-select-font: var(--eds-f-paragraph-s);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:host([size="l"]) {
|
|
72
|
+
--_eds-select-min-height: var(--eds-si-6xl); /* 48px */
|
|
73
|
+
--_eds-select-pad-v: var(--eds-sp-s);
|
|
74
|
+
--_eds-select-pad-h: var(--eds-sp-m);
|
|
75
|
+
--_eds-select-font: var(--eds-f-paragraph-l);
|
|
76
|
+
}
|
|
77
|
+
|
|
54
78
|
select {
|
|
55
|
-
font: var(--
|
|
79
|
+
font: var(--_eds-select-font);
|
|
56
80
|
appearance: none;
|
|
57
81
|
background-color: var(--eds-c-surface-elevation);
|
|
58
82
|
border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
|
|
59
83
|
border-radius: var(--eds-br-s);
|
|
60
84
|
box-shadow: none;
|
|
61
85
|
color: var(--eds-c-foreground-default);
|
|
62
|
-
min-height: var(--
|
|
63
|
-
padding: var(--
|
|
86
|
+
min-height: var(--_eds-select-min-height);
|
|
87
|
+
padding: var(--_eds-select-pad-v) var(--_eds-select-pad-h);
|
|
64
88
|
padding-right: var(--eds-sp-3xl);
|
|
65
89
|
width: 100%;
|
|
66
90
|
box-sizing: border-box;
|
|
@@ -75,6 +99,13 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
75
99
|
background-size: var(--eds-sp-l);
|
|
76
100
|
}
|
|
77
101
|
|
|
102
|
+
/* Multi-row list box (rowCount > 1): no dropdown caret, auto height */
|
|
103
|
+
select[size]:not([size="1"]):not([size="0"]) {
|
|
104
|
+
background-image: none;
|
|
105
|
+
height: auto;
|
|
106
|
+
padding-right: var(--_eds-select-pad-h);
|
|
107
|
+
}
|
|
108
|
+
|
|
78
109
|
select:focus-visible {
|
|
79
110
|
outline: 2px solid var(--eds-c-border-primary);
|
|
80
111
|
outline-offset: -2px;
|
|
@@ -132,6 +163,7 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
132
163
|
<select
|
|
133
164
|
part="select"
|
|
134
165
|
class="${selectClasses}"
|
|
166
|
+
size="${this.rowCount && this.rowCount > 1 ? this.rowCount : 1}"
|
|
135
167
|
?disabled="${this.disabled}"
|
|
136
168
|
aria-label="${this.ariaLabel || 'Select an option'}"
|
|
137
169
|
aria-invalid="${this.invalid}"
|
|
@@ -184,6 +216,12 @@ __decorate([
|
|
|
184
216
|
__decorate([
|
|
185
217
|
property({ type: Boolean, reflect: true })
|
|
186
218
|
], EdsWcSelect.prototype, "invalid", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ type: String, reflect: true })
|
|
221
|
+
], EdsWcSelect.prototype, "size", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
property({ type: Number, attribute: 'row-count' })
|
|
224
|
+
], EdsWcSelect.prototype, "rowCount", void 0);
|
|
187
225
|
__decorate([
|
|
188
226
|
property({ type: String, attribute: 'aria-label' })
|
|
189
227
|
], EdsWcSelect.prototype, "ariaLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-select.js","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-select.js","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/eds-wc",
|
|
3
|
-
"version": "22.0.0-alpha.
|
|
3
|
+
"version": "22.0.0-alpha.42",
|
|
4
4
|
"description": "EDS Web Components — Lit-based web component wrappers of @eui/eds design system components",
|
|
5
5
|
"homepage": "https://eui.ecdevops.eu",
|
|
6
6
|
"author": "ec.europa.eui@gmail.com",
|