@eui/eds 22.0.0-alpha.25 → 22.0.0-alpha.26
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/docs/changelog.html +10 -0
- package/docs/components/EdsLabel.html +51 -94
- package/docs/directives/EdsColorDirective.html +0 -3
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EdsLabel.md +12 -3
- package/docs/json/documentation.json +88 -63
- package/docs/llms.txt +5 -4
- package/docs/miscellaneous/typealiases.html +29 -0
- package/docs/properties.html +1 -1
- package/fesm2022/eui-eds-eds-icon.mjs +2 -2
- package/fesm2022/eui-eds-eds-icon.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-label.mjs +26 -32
- package/fesm2022/eui-eds-eds-label.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-tree.mjs +1 -1
- package/fesm2022/eui-eds-eds-tree.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-eds-eds-label.d.ts +24 -8
- package/types/eui-eds-eds-label.d.ts.map +1 -1
package/docs/changelog.html
CHANGED
|
@@ -106,6 +106,16 @@
|
|
|
106
106
|
|
|
107
107
|
|
|
108
108
|
|
|
109
|
+
<h2>22.0.0-alpha.25 (2026-09-25)</h2>
|
|
110
|
+
<h5>Chores</h5>
|
|
111
|
+
<ul>
|
|
112
|
+
<li><strong>eds:</strong><ul>
|
|
113
|
+
<li>added eds-input-prompt - re-migrated validated components for review - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/04744a1eeaa7e1ba53309decb822c4d420975967">04744a1e</a>)</li>
|
|
114
|
+
</ul>
|
|
115
|
+
</li>
|
|
116
|
+
</ul>
|
|
117
|
+
<hr>
|
|
118
|
+
<hr>
|
|
109
119
|
<h2>22.0.0-alpha.24 (2026-09-25)</h2>
|
|
110
120
|
<h5>Chores</h5>
|
|
111
121
|
<ul>
|
|
@@ -136,9 +136,26 @@
|
|
|
136
136
|
|
|
137
137
|
<div class="tab-content">
|
|
138
138
|
<div class="tab-pane fade active in" id="info">
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
<p class="comment">
|
|
140
|
+
<h3>Description</h3>
|
|
141
|
+
</p>
|
|
142
|
+
<p class="comment">
|
|
143
|
+
<p>A form label applied to <code>label</code>, <code>span</code>, or <code>div</code> elements via the <code>edsLabel</code> attribute.
|
|
144
|
+
Supports a semantic color (<code>neutral</code> default, <code>critical</code> for errors) reflected as a host
|
|
145
|
+
attribute, plus a required marker.</p>
|
|
146
|
+
<p>Usage:</p>
|
|
147
|
+
<b>Example :</b><div><pre class="line-numbers"><code class="language-html"><label edsLabel for="name">Name</label>
|
|
148
|
+
<label edsLabel edsRequired for="email">Email</label>
|
|
149
|
+
<span edsLabel color="critical">This field is required</span></code></pre></div>
|
|
150
|
+
</p>
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
<p class="comment">
|
|
155
|
+
<h3>Example</h3>
|
|
156
|
+
</p>
|
|
157
|
+
<div class="io-description">
|
|
158
|
+
</div>
|
|
142
159
|
|
|
143
160
|
<section data-compodoc="block-metadata">
|
|
144
161
|
<h3>Metadata</h3>
|
|
@@ -151,14 +168,6 @@
|
|
|
151
168
|
</tr>
|
|
152
169
|
|
|
153
170
|
|
|
154
|
-
<tr>
|
|
155
|
-
<td class="col-md-3">HostDirectives</td>
|
|
156
|
-
<td class="col-md-9">
|
|
157
|
-
<code><a href="../directives/EdsColorDirective.html" target="_self" >EdsColorDirective</a></code>
|
|
158
|
-
<br/>
|
|
159
|
-
<div><i> Inputs</i> : edsNeutral edsCritical edsColorVariant </div>
|
|
160
|
-
</td>
|
|
161
|
-
</tr>
|
|
162
171
|
|
|
163
172
|
|
|
164
173
|
|
|
@@ -207,46 +216,10 @@
|
|
|
207
216
|
</table>
|
|
208
217
|
</section>
|
|
209
218
|
|
|
210
|
-
<section data-compodoc="block-relationships">
|
|
211
|
-
<h3>Relationships</h3>
|
|
212
|
-
|
|
213
|
-
<div class="row pt-3">
|
|
214
|
-
<div class="col-sm-6">
|
|
215
|
-
<h4>Used by</h4>
|
|
216
|
-
<p class="comment"><i>No results matching.</i></p>
|
|
217
|
-
</div>
|
|
218
|
-
|
|
219
|
-
<div class="col-sm-6">
|
|
220
|
-
<h4>Depends on</h4>
|
|
221
|
-
<ul class="list-unstyled relationships-list">
|
|
222
|
-
<li>
|
|
223
|
-
<code><a href="../directives/EdsColorDirective.html" target="_self" >EdsColorDirective</a></code>
|
|
224
|
-
</li>
|
|
225
|
-
</ul>
|
|
226
|
-
</div>
|
|
227
|
-
</div>
|
|
228
|
-
</section>
|
|
229
219
|
</div>
|
|
230
220
|
|
|
231
221
|
<div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
|
|
232
222
|
<h3 id="index">Index</h3>
|
|
233
|
-
<table class="table table-sm table-bordered index-table">
|
|
234
|
-
<tbody>
|
|
235
|
-
<tr>
|
|
236
|
-
<td class="col-md-3">
|
|
237
|
-
<h6><b>Properties</b></h6>
|
|
238
|
-
</td>
|
|
239
|
-
<td class="col-md-9">
|
|
240
|
-
<ul class="index-list">
|
|
241
|
-
<li>
|
|
242
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
243
|
-
<a href="#hostClasses" >hostClasses</a>
|
|
244
|
-
</li>
|
|
245
|
-
</ul>
|
|
246
|
-
</td>
|
|
247
|
-
</tr>
|
|
248
|
-
</tbody>
|
|
249
|
-
</table>
|
|
250
223
|
|
|
251
224
|
|
|
252
225
|
<table class="table table-sm table-bordered index-table">
|
|
@@ -257,6 +230,9 @@
|
|
|
257
230
|
</td>
|
|
258
231
|
<td class="col-md-9">
|
|
259
232
|
<ul class="index-list">
|
|
233
|
+
<li>
|
|
234
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#color" >color</a>
|
|
235
|
+
</li>
|
|
260
236
|
<li>
|
|
261
237
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#edsRequired" >edsRequired</a>
|
|
262
238
|
</li>
|
|
@@ -274,6 +250,34 @@
|
|
|
274
250
|
|
|
275
251
|
<section data-compodoc="block-inputs">
|
|
276
252
|
<h3 id="inputs">Inputs</h3>
|
|
253
|
+
<table class="table table-sm table-bordered">
|
|
254
|
+
<tbody>
|
|
255
|
+
<tr>
|
|
256
|
+
<td class="col-md-4">
|
|
257
|
+
<a name="color"></a>
|
|
258
|
+
<b>color</b>
|
|
259
|
+
</td>
|
|
260
|
+
</tr>
|
|
261
|
+
<tr>
|
|
262
|
+
<td class="col-md-4">
|
|
263
|
+
<i>Type : </i> <code><a href="../miscellaneous/typealiases.html#EdsLabelColor" target="_self" >EdsLabelColor</a></code>
|
|
264
|
+
|
|
265
|
+
</td>
|
|
266
|
+
</tr>
|
|
267
|
+
<tr>
|
|
268
|
+
<td class="col-md-4">
|
|
269
|
+
<i>Default value : </i><code>'neutral'</code>
|
|
270
|
+
</td>
|
|
271
|
+
</tr>
|
|
272
|
+
<tr>
|
|
273
|
+
<td class="col-md-4">
|
|
274
|
+
<div class="io-description"><p>Semantic color of the label.
|
|
275
|
+
'neutral'</p>
|
|
276
|
+
</div>
|
|
277
|
+
</td>
|
|
278
|
+
</tr>
|
|
279
|
+
</tbody>
|
|
280
|
+
</table>
|
|
277
281
|
<table class="table table-sm table-bordered">
|
|
278
282
|
<tbody>
|
|
279
283
|
<tr>
|
|
@@ -308,53 +312,6 @@ false</p>
|
|
|
308
312
|
|
|
309
313
|
|
|
310
314
|
|
|
311
|
-
<section data-compodoc="block-properties">
|
|
312
|
-
|
|
313
|
-
<h3 id="inputs">
|
|
314
|
-
Properties
|
|
315
|
-
</h3>
|
|
316
|
-
<table class="table table-sm table-bordered">
|
|
317
|
-
<tbody>
|
|
318
|
-
<tr>
|
|
319
|
-
<td class="col-md-4">
|
|
320
|
-
<a name="hostClasses"></a>
|
|
321
|
-
<span class="name">
|
|
322
|
-
<span ><b>hostClasses</b></span>
|
|
323
|
-
<a href="#hostClasses"><span class="icon ion-ios-link"></span></a>
|
|
324
|
-
</span>
|
|
325
|
-
</td>
|
|
326
|
-
</tr>
|
|
327
|
-
<tr>
|
|
328
|
-
<td class="col-md-4">
|
|
329
|
-
<i>Type : </i> <code>unknown</code>
|
|
330
|
-
|
|
331
|
-
</td>
|
|
332
|
-
</tr>
|
|
333
|
-
<tr>
|
|
334
|
-
<td class="col-md-4">
|
|
335
|
-
<i>Default value : </i><code>computed(() => {
|
|
336
|
-
const colorClass = this.colorDirective.getCssClass('eds-label');
|
|
337
|
-
return [
|
|
338
|
-
'eds-label',
|
|
339
|
-
colorClass || 'eds-label--neutral',
|
|
340
|
-
this.edsRequired() ? 'eds-label--required' : '',
|
|
341
|
-
]
|
|
342
|
-
.join(' ')
|
|
343
|
-
.trim();
|
|
344
|
-
})</code>
|
|
345
|
-
</td>
|
|
346
|
-
</tr>
|
|
347
|
-
|
|
348
|
-
<tr>
|
|
349
|
-
<td class="col-md-4">
|
|
350
|
-
<div class="io-description"><p>Computed host CSS classes based on current state.</p>
|
|
351
|
-
</div>
|
|
352
|
-
</td>
|
|
353
|
-
</tr>
|
|
354
|
-
|
|
355
|
-
</tbody>
|
|
356
|
-
</table>
|
|
357
|
-
</section>
|
|
358
315
|
|
|
359
316
|
</div>
|
|
360
317
|
|
|
@@ -208,9 +208,6 @@ and <code>getCssClass(rootClass)</code> returns the BEM modifier class string.</
|
|
|
208
208
|
<li>
|
|
209
209
|
<code><a href="../components/EdsFabButton.html" target="_self" >EdsFabButton</a></code>
|
|
210
210
|
</li>
|
|
211
|
-
<li>
|
|
212
|
-
<code><a href="../components/EdsLabel.html" target="_self" >EdsLabel</a></code>
|
|
213
|
-
</li>
|
|
214
211
|
<li>
|
|
215
212
|
<code><a href="../components/EdsLanguageSelector.html" target="_self" >EdsLanguageSelector</a></code>
|
|
216
213
|
</li>
|