@aurodesignsystem-dev/auro-formkit 0.0.0-pr807.1 → 0.0.0-pr811.0

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.
Files changed (33) hide show
  1. package/components/checkbox/demo/api.md +6 -7
  2. package/components/checkbox/demo/api.min.js +8 -5
  3. package/components/checkbox/demo/index.min.js +8 -5
  4. package/components/checkbox/dist/auro-checkbox.d.ts +0 -3
  5. package/components/checkbox/dist/index.js +8 -5
  6. package/components/checkbox/dist/registered.js +8 -5
  7. package/components/combobox/demo/api.min.js +1 -1
  8. package/components/combobox/demo/index.min.js +1 -1
  9. package/components/combobox/dist/index.js +1 -1
  10. package/components/combobox/dist/registered.js +1 -1
  11. package/components/counter/demo/api.min.js +1 -1
  12. package/components/counter/demo/index.min.js +1 -1
  13. package/components/counter/dist/index.js +1 -1
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/api.min.js +1 -1
  16. package/components/datepicker/demo/index.min.js +1 -1
  17. package/components/datepicker/dist/index.js +1 -1
  18. package/components/datepicker/dist/registered.js +1 -1
  19. package/components/dropdown/demo/api.min.js +1 -1
  20. package/components/dropdown/demo/index.min.js +1 -1
  21. package/components/dropdown/dist/index.js +1 -1
  22. package/components/dropdown/dist/registered.js +1 -1
  23. package/components/radio/demo/api.md +0 -2
  24. package/components/radio/demo/api.min.js +1 -3
  25. package/components/radio/demo/index.min.js +1 -3
  26. package/components/radio/dist/auro-radio.d.ts +0 -2
  27. package/components/radio/dist/index.js +1 -3
  28. package/components/radio/dist/registered.js +1 -3
  29. package/components/select/demo/api.min.js +22 -7
  30. package/components/select/demo/index.min.js +22 -7
  31. package/components/select/dist/index.js +22 -7
  32. package/components/select/dist/registered.js +22 -7
  33. package/package.json +1 -1
package/components/checkbox/demo/api.md CHANGED
@@ -66,13 +66,12 @@ Custom element for the purpose of allowing users to select one or more options o
66
66
 
67
67
  ## Events
68
68
 
69
- | Event | Type | Description |
70
- |-------------------------|--------------------|--------------------------------------------------|
71
- | `auroCheckbox-focusin` | `CustomEvent<any>` | |
72
- | `auroCheckbox-focusout` | `CustomEvent<any>` | |
73
- | `auroCheckbox-input` | `CustomEvent<any>` | |
74
- | [change](#change) | `CustomEvent<any>` | Notifies when checked value is changed. |
75
- | [input](#input) | `InputEvent` | Notifies when when checked value is changed by user's interface. |
69
+ | Event | Type |
70
+ |-------------------------|--------------------|
71
+ | `auroCheckbox-focusin` | `CustomEvent<any>` |
72
+ | `auroCheckbox-focusout` | `CustomEvent<any>` |
73
+ | `auroCheckbox-input` | `CustomEvent<any>` |
74
+ | [input](#input) | `CustomEvent<any>` |
76
75
 
77
76
  ## CSS Shadow Parts
78
77
 
package/components/checkbox/demo/api.min.js CHANGED
@@ -142,9 +142,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
142
142
  * @csspart checkbox - apply css to a specific checkbox.
143
143
  * @csspart checkbox-input - apply css to a specific checkbox's input.
144
144
  * @csspart checkbox-label - apply css to a specific checkbox's label.
145
- *
146
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
147
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
148
145
  */
149
146
 
150
147
  // build the component class
@@ -290,6 +287,12 @@ class AuroCheckbox extends i$2 {
290
287
  handleInput(event) {
291
288
  this.checked = event.target.checked;
292
289
 
290
+ this.dispatchEvent(new CustomEvent('input', {
291
+ bubbles: true,
292
+ cancelable: false,
293
+ composed: true,
294
+ }));
295
+
293
296
  // Old event we need to deprecate
294
297
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
295
298
  bubbles: true,
@@ -349,7 +352,7 @@ class AuroCheckbox extends i$2 {
349
352
  }
350
353
 
351
354
  if (!this.disabled) {
352
- this.shadowRoot.querySelector('input').click();
355
+ this.checked = !this.checked;
353
356
  this.handleFocusin();
354
357
  }
355
358
  });
@@ -387,7 +390,7 @@ class AuroCheckbox extends i$2 {
387
390
  @change="${this.handleChange}"
388
391
  @input="${this.handleInput}"
389
392
  ?disabled="${this.disabled}"
390
- ?checked="${this.checked}"
393
+ .checked="${this.checked}"
391
394
  id="${this.inputId}"
392
395
  name="${o$1(this.name)}"
393
396
  type="checkbox"
package/components/checkbox/demo/index.min.js CHANGED
@@ -134,9 +134,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
134
134
  * @csspart checkbox - apply css to a specific checkbox.
135
135
  * @csspart checkbox-input - apply css to a specific checkbox's input.
136
136
  * @csspart checkbox-label - apply css to a specific checkbox's label.
137
- *
138
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
139
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
140
137
  */
141
138
 
142
139
  // build the component class
@@ -282,6 +279,12 @@ class AuroCheckbox extends i$2 {
282
279
  handleInput(event) {
283
280
  this.checked = event.target.checked;
284
281
 
282
+ this.dispatchEvent(new CustomEvent('input', {
283
+ bubbles: true,
284
+ cancelable: false,
285
+ composed: true,
286
+ }));
287
+
285
288
  // Old event we need to deprecate
286
289
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
287
290
  bubbles: true,
@@ -341,7 +344,7 @@ class AuroCheckbox extends i$2 {
341
344
  }
342
345
 
343
346
  if (!this.disabled) {
344
- this.shadowRoot.querySelector('input').click();
347
+ this.checked = !this.checked;
345
348
  this.handleFocusin();
346
349
  }
347
350
  });
@@ -379,7 +382,7 @@ class AuroCheckbox extends i$2 {
379
382
  @change="${this.handleChange}"
380
383
  @input="${this.handleInput}"
381
384
  ?disabled="${this.disabled}"
382
- ?checked="${this.checked}"
385
+ .checked="${this.checked}"
383
386
  id="${this.inputId}"
384
387
  name="${o$1(this.name)}"
385
388
  type="checkbox"
package/components/checkbox/dist/auro-checkbox.d.ts CHANGED
@@ -7,9 +7,6 @@
7
7
  * @csspart checkbox - apply css to a specific checkbox.
8
8
  * @csspart checkbox-input - apply css to a specific checkbox's input.
9
9
  * @csspart checkbox-label - apply css to a specific checkbox's label.
10
- *
11
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
12
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
13
10
  */
14
11
  export class AuroCheckbox extends LitElement {
15
12
  static get styles(): import("lit").CSSResult[];
package/components/checkbox/dist/index.js CHANGED
@@ -94,9 +94,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
94
94
  * @csspart checkbox - apply css to a specific checkbox.
95
95
  * @csspart checkbox-input - apply css to a specific checkbox's input.
96
96
  * @csspart checkbox-label - apply css to a specific checkbox's label.
97
- *
98
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
99
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
100
97
  */
101
98
 
102
99
  // build the component class
@@ -242,6 +239,12 @@ class AuroCheckbox extends LitElement {
242
239
  handleInput(event) {
243
240
  this.checked = event.target.checked;
244
241
 
242
+ this.dispatchEvent(new CustomEvent('input', {
243
+ bubbles: true,
244
+ cancelable: false,
245
+ composed: true,
246
+ }));
247
+
245
248
  // Old event we need to deprecate
246
249
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
247
250
  bubbles: true,
@@ -301,7 +304,7 @@ class AuroCheckbox extends LitElement {
301
304
  }
302
305
 
303
306
  if (!this.disabled) {
304
- this.shadowRoot.querySelector('input').click();
307
+ this.checked = !this.checked;
305
308
  this.handleFocusin();
306
309
  }
307
310
  });
@@ -339,7 +342,7 @@ class AuroCheckbox extends LitElement {
339
342
  @change="${this.handleChange}"
340
343
  @input="${this.handleInput}"
341
344
  ?disabled="${this.disabled}"
342
- ?checked="${this.checked}"
345
+ .checked="${this.checked}"
343
346
  id="${this.inputId}"
344
347
  name="${ifDefined(this.name)}"
345
348
  type="checkbox"
package/components/checkbox/dist/registered.js CHANGED
@@ -94,9 +94,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
94
94
  * @csspart checkbox - apply css to a specific checkbox.
95
95
  * @csspart checkbox-input - apply css to a specific checkbox's input.
96
96
  * @csspart checkbox-label - apply css to a specific checkbox's label.
97
- *
98
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
99
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
100
97
  */
101
98
 
102
99
  // build the component class
@@ -242,6 +239,12 @@ class AuroCheckbox extends LitElement {
242
239
  handleInput(event) {
243
240
  this.checked = event.target.checked;
244
241
 
242
+ this.dispatchEvent(new CustomEvent('input', {
243
+ bubbles: true,
244
+ cancelable: false,
245
+ composed: true,
246
+ }));
247
+
245
248
  // Old event we need to deprecate
246
249
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
247
250
  bubbles: true,
@@ -301,7 +304,7 @@ class AuroCheckbox extends LitElement {
301
304
  }
302
305
 
303
306
  if (!this.disabled) {
304
- this.shadowRoot.querySelector('input').click();
307
+ this.checked = !this.checked;
305
308
  this.handleFocusin();
306
309
  }
307
310
  });
@@ -339,7 +342,7 @@ class AuroCheckbox extends LitElement {
339
342
  @change="${this.handleChange}"
340
343
  @input="${this.handleInput}"
341
344
  ?disabled="${this.disabled}"
342
- ?checked="${this.checked}"
345
+ .checked="${this.checked}"
343
346
  id="${this.inputId}"
344
347
  name="${ifDefined(this.name)}"
345
348
  type="checkbox"
package/components/combobox/demo/api.min.js CHANGED
@@ -4260,7 +4260,7 @@ var shapeSizeCss$2 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4260
4260
 
4261
4261
  var colorCss$1$3 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4262
4262
 
4263
- var styleCss$1$3 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4263
+ var styleCss$1$3 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4264
4264
 
4265
4265
  var classicColorCss$1 = i$5``;
4266
4266
 
package/components/combobox/demo/index.min.js CHANGED
@@ -4118,7 +4118,7 @@ var shapeSizeCss$2 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4118
4118
 
4119
4119
  var colorCss$1$3 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4120
4120
 
4121
- var styleCss$1$3 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4121
+ var styleCss$1$3 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4122
4122
 
4123
4123
  var classicColorCss$1 = i$5``;
4124
4124
 
package/components/combobox/dist/index.js CHANGED
@@ -4049,7 +4049,7 @@ var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4049
4049
 
4050
4050
  var colorCss$1$2 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4051
4051
 
4052
- var styleCss$1$3 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4052
+ var styleCss$1$3 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4053
4053
 
4054
4054
  var classicColorCss$1 = css``;
4055
4055
 
package/components/combobox/dist/registered.js CHANGED
@@ -4049,7 +4049,7 @@ var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4049
4049
 
4050
4050
  var colorCss$1$2 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4051
4051
 
4052
- var styleCss$1$3 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4052
+ var styleCss$1$3 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4053
4053
 
4054
4054
  var classicColorCss$1 = css``;
4055
4055
 
package/components/counter/demo/api.min.js CHANGED
@@ -6269,7 +6269,7 @@ var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
6269
6269
 
6270
6270
  var colorCss$1$1 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6271
6271
 
6272
- var styleCss$1$1 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6272
+ var styleCss$1$1 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6273
6273
 
6274
6274
  var classicColorCss = i$5``;
6275
6275
 
package/components/counter/demo/index.min.js CHANGED
@@ -6269,7 +6269,7 @@ var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
6269
6269
 
6270
6270
  var colorCss$1$1 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6271
6271
 
6272
- var styleCss$1$1 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6272
+ var styleCss$1$1 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6273
6273
 
6274
6274
  var classicColorCss = i$5``;
6275
6275
 
package/components/counter/dist/index.js CHANGED
@@ -6222,7 +6222,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
6222
6222
 
6223
6223
  var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6224
6224
 
6225
- var styleCss$1$1 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6225
+ var styleCss$1$1 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6226
6226
 
6227
6227
  var classicColorCss = css``;
6228
6228
 
package/components/counter/dist/registered.js CHANGED
@@ -6222,7 +6222,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
6222
6222
 
6223
6223
  var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6224
6224
 
6225
- var styleCss$1$1 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6225
+ var styleCss$1$1 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
6226
6226
 
6227
6227
  var classicColorCss = css``;
6228
6228
 
package/components/datepicker/demo/api.min.js CHANGED
@@ -17726,7 +17726,7 @@ var shapeSizeCss$1 = i$2`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
17726
17726
 
17727
17727
  var colorCss$1$2 = i$2`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
17728
17728
 
17729
- var styleCss$1$2 = i$2`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17729
+ var styleCss$1$2 = i$2`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17730
17730
 
17731
17731
  var classicColorCss$1 = i$2``;
17732
17732
 
package/components/datepicker/demo/index.min.js CHANGED
@@ -17467,7 +17467,7 @@ var shapeSizeCss$1 = i$2`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
17467
17467
 
17468
17468
  var colorCss$1$2 = i$2`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
17469
17469
 
17470
- var styleCss$1$2 = i$2`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17470
+ var styleCss$1$2 = i$2`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17471
17471
 
17472
17472
  var classicColorCss$1 = i$2``;
17473
17473
 
package/components/datepicker/dist/index.js CHANGED
@@ -17416,7 +17416,7 @@ var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
17416
17416
 
17417
17417
  var colorCss$1$2 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
17418
17418
 
17419
- var styleCss$1$2 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17419
+ var styleCss$1$2 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17420
17420
 
17421
17421
  var classicColorCss$1 = css``;
17422
17422
 
package/components/datepicker/dist/registered.js CHANGED
@@ -17416,7 +17416,7 @@ var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
17416
17416
 
17417
17417
  var colorCss$1$2 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
17418
17418
 
17419
- var styleCss$1$2 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17419
+ var styleCss$1$2 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
17420
17420
 
17421
17421
  var classicColorCss$1 = css``;
17422
17422
 
package/components/dropdown/demo/api.min.js CHANGED
@@ -3222,7 +3222,7 @@ var shapeSizeCss = i$2`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
3222
3222
 
3223
3223
  var colorCss$1 = i$2`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
3224
3224
 
3225
- var styleCss$1 = i$2`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3225
+ var styleCss$1 = i$2`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3226
3226
 
3227
3227
  var classicColorCss = i$2``;
3228
3228
 
package/components/dropdown/demo/index.min.js CHANGED
@@ -3197,7 +3197,7 @@ var shapeSizeCss = i$2`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
3197
3197
 
3198
3198
  var colorCss$1 = i$2`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
3199
3199
 
3200
- var styleCss$1 = i$2`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3200
+ var styleCss$1 = i$2`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3201
3201
 
3202
3202
  var classicColorCss = i$2``;
3203
3203
 
package/components/dropdown/dist/index.js CHANGED
@@ -3150,7 +3150,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
3150
3150
 
3151
3151
  var colorCss$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
3152
3152
 
3153
- var styleCss$1 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3153
+ var styleCss$1 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3154
3154
 
3155
3155
  var classicColorCss = css``;
3156
3156
 
package/components/dropdown/dist/registered.js CHANGED
@@ -3150,7 +3150,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
3150
3150
 
3151
3151
  var colorCss$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
3152
3152
 
3153
- var styleCss$1 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3153
+ var styleCss$1 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
3154
3154
 
3155
3155
  var classicColorCss = css``;
3156
3156
 
package/components/radio/demo/api.md CHANGED
@@ -76,9 +76,7 @@
76
76
  |----------------------|--------------------|--------------------------------------------------|
77
77
  | `auroRadio-blur` | `CustomEvent<any>` | Notifies that the component has lost focus. |
78
78
  | `auroRadio-selected` | `CustomEvent<any>` | Notifies that the component has been marked as checked/selected. |
79
- | [change](#change) | `CustomEvent<any>` | Notifies when checked value is changed. |
80
79
  | [focusSelected](#focusSelected) | `CustomEvent<any>` | Notifies that the component has gained focus. |
81
- | [input](#input) | `InputEvent` | Notifies when when checked value is changed by user's interface. |
82
80
  | [resetRadio](#resetRadio) | `CustomEvent<any>` | Notifies that the component has reset the checked/selected state. |
83
81
  | [toggleSelected](#toggleSelected) | `CustomEvent<any>` | Notifies that the component has toggled the checked/selected state. |
84
82
 
package/components/radio/demo/api.min.js CHANGED
@@ -162,8 +162,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
162
162
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
163
163
  * @attr id
164
164
  *
165
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
166
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
167
165
  * @event focusSelected - Notifies that the component has gained focus.
168
166
  * @event auroRadio-blur - Notifies that the component has lost focus.
169
167
  * @event resetRadio - Notifies that the component has reset the checked/selected state.
@@ -420,7 +418,7 @@ class AuroRadio extends i$2 {
420
418
  @input="${this.handleInput}"
421
419
  @change="${this.handleChange}"
422
420
  ?disabled="${this.disabled}"
423
- ?checked="${this.checked}"
421
+ .checked="${this.checked}"
424
422
  id="${this.inputId}"
425
423
  name="${o$1(this.name)}"
426
424
  type="radio"
package/components/radio/demo/index.min.js CHANGED
@@ -137,8 +137,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
137
137
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
138
138
  * @attr id
139
139
  *
140
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
141
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
142
140
  * @event focusSelected - Notifies that the component has gained focus.
143
141
  * @event auroRadio-blur - Notifies that the component has lost focus.
144
142
  * @event resetRadio - Notifies that the component has reset the checked/selected state.
@@ -395,7 +393,7 @@ class AuroRadio extends i$2 {
395
393
  @input="${this.handleInput}"
396
394
  @change="${this.handleChange}"
397
395
  ?disabled="${this.disabled}"
398
- ?checked="${this.checked}"
396
+ .checked="${this.checked}"
399
397
  id="${this.inputId}"
400
398
  name="${o$1(this.name)}"
401
399
  type="radio"
package/components/radio/dist/auro-radio.d.ts CHANGED
@@ -9,8 +9,6 @@
9
9
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
10
10
  * @attr id
11
11
  *
12
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
13
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
14
12
  * @event focusSelected - Notifies that the component has gained focus.
15
13
  * @event auroRadio-blur - Notifies that the component has lost focus.
16
14
  * @event resetRadio - Notifies that the component has reset the checked/selected state.
package/components/radio/dist/index.js CHANGED
@@ -97,8 +97,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
97
97
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
98
98
  * @attr id
99
99
  *
100
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
101
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
102
100
  * @event focusSelected - Notifies that the component has gained focus.
103
101
  * @event auroRadio-blur - Notifies that the component has lost focus.
104
102
  * @event resetRadio - Notifies that the component has reset the checked/selected state.
@@ -355,7 +353,7 @@ class AuroRadio extends LitElement {
355
353
  @input="${this.handleInput}"
356
354
  @change="${this.handleChange}"
357
355
  ?disabled="${this.disabled}"
358
- ?checked="${this.checked}"
356
+ .checked="${this.checked}"
359
357
  id="${this.inputId}"
360
358
  name="${ifDefined(this.name)}"
361
359
  type="radio"
package/components/radio/dist/registered.js CHANGED
@@ -97,8 +97,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
97
97
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
98
98
  * @attr id
99
99
  *
100
- * @event {CustomEvent<any>} change - Notifies when checked value is changed.
101
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
102
100
  * @event focusSelected - Notifies that the component has gained focus.
103
101
  * @event auroRadio-blur - Notifies that the component has lost focus.
104
102
  * @event resetRadio - Notifies that the component has reset the checked/selected state.
@@ -355,7 +353,7 @@ class AuroRadio extends LitElement {
355
353
  @input="${this.handleInput}"
356
354
  @change="${this.handleChange}"
357
355
  ?disabled="${this.disabled}"
358
- ?checked="${this.checked}"
356
+ .checked="${this.checked}"
359
357
  id="${this.inputId}"
360
358
  name="${ifDefined(this.name)}"
361
359
  type="radio"
package/components/select/demo/api.min.js CHANGED
@@ -4286,7 +4286,7 @@ var shapeSizeCss$1 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4286
4286
 
4287
4287
  var colorCss$1$2 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4288
4288
 
4289
- var styleCss$1$2 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4289
+ var styleCss$1$2 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4290
4290
 
4291
4291
  var classicColorCss = i$5``;
4292
4292
 
@@ -8088,11 +8088,22 @@ class AuroSelect extends AuroElement$4 {
8088
8088
  * @returns {void}
8089
8089
  */
8090
8090
  get commonLabelClasses() {
8091
- return {
8091
+ const obj = {
8092
8092
  'is-disabled': this.disabled,
8093
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8093
+ 'withValue': false,
8094
8094
  'util_displayHiddenVisually': this.hasDisplayValueContent && !this.hasFocus && this.value && this.value.length > 0
8095
8095
  };
8096
+
8097
+ if (this.placeholder) {
8098
+ obj.withValue = true;
8099
+ } else if (this.optionSelected) {
8100
+ if (Array.isArray(this.optionSelected)) {
8101
+ obj.withValue = this.optionSelected.length > 0;
8102
+ } else {
8103
+ obj.withValue = true;
8104
+ }
8105
+ }
8106
+ return obj;
8096
8107
  }
8097
8108
 
8098
8109
  /**
@@ -8532,7 +8543,11 @@ class AuroSelect extends AuroElement$4 {
8532
8543
  if (!this.menu) return;
8533
8544
 
8534
8545
  this.menu.setAttribute('value', value);
8535
- this.menu.value = value;
8546
+ if (value) {
8547
+ this.menu.value = value;
8548
+ } else {
8549
+ this.menu.reset();
8550
+ }
8536
8551
  await this.menu.updateComplete;
8537
8552
  }
8538
8553
 
@@ -8750,7 +8765,7 @@ class AuroSelect extends AuroElement$4 {
8750
8765
  'displayValue': true,
8751
8766
  'hasContent': this.hasDisplayValueContent,
8752
8767
  'hasFocus': this.isPopoverVisible,
8753
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8768
+ 'withValue': this.commonLabelClasses.widthValue,
8754
8769
  'force': this.forceDisplayValue,
8755
8770
  };
8756
8771
 
@@ -8829,7 +8844,7 @@ class AuroSelect extends AuroElement$4 {
8829
8844
  'displayValue': true,
8830
8845
  'hasContent': this.hasDisplayValueContent,
8831
8846
  'hasFocus': this.isPopoverVisible,
8832
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8847
+ 'withValue': this.commonLabelClasses.widthValue,
8833
8848
  'force': this.forceDisplayValue,
8834
8849
  };
8835
8850
 
@@ -8908,7 +8923,7 @@ class AuroSelect extends AuroElement$4 {
8908
8923
  'displayValue': true,
8909
8924
  'hasContent': this.hasDisplayValueContent,
8910
8925
  'hasFocus': this.isPopoverVisible,
8911
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8926
+ 'withValue': this.commonLabelClasses.widthValue,
8912
8927
  'force': this.forceDisplayValue,
8913
8928
  };
8914
8929
 
package/components/select/demo/index.min.js CHANGED
@@ -4194,7 +4194,7 @@ var shapeSizeCss$1 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-class
4194
4194
 
4195
4195
  var colorCss$1$2 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4196
4196
 
4197
- var styleCss$1$2 = i$5`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4197
+ var styleCss$1$2 = i$5`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4198
4198
 
4199
4199
  var classicColorCss = i$5``;
4200
4200
 
@@ -7996,11 +7996,22 @@ class AuroSelect extends AuroElement$4 {
7996
7996
  * @returns {void}
7997
7997
  */
7998
7998
  get commonLabelClasses() {
7999
- return {
7999
+ const obj = {
8000
8000
  'is-disabled': this.disabled,
8001
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8001
+ 'withValue': false,
8002
8002
  'util_displayHiddenVisually': this.hasDisplayValueContent && !this.hasFocus && this.value && this.value.length > 0
8003
8003
  };
8004
+
8005
+ if (this.placeholder) {
8006
+ obj.withValue = true;
8007
+ } else if (this.optionSelected) {
8008
+ if (Array.isArray(this.optionSelected)) {
8009
+ obj.withValue = this.optionSelected.length > 0;
8010
+ } else {
8011
+ obj.withValue = true;
8012
+ }
8013
+ }
8014
+ return obj;
8004
8015
  }
8005
8016
 
8006
8017
  /**
@@ -8440,7 +8451,11 @@ class AuroSelect extends AuroElement$4 {
8440
8451
  if (!this.menu) return;
8441
8452
 
8442
8453
  this.menu.setAttribute('value', value);
8443
- this.menu.value = value;
8454
+ if (value) {
8455
+ this.menu.value = value;
8456
+ } else {
8457
+ this.menu.reset();
8458
+ }
8444
8459
  await this.menu.updateComplete;
8445
8460
  }
8446
8461
 
@@ -8658,7 +8673,7 @@ class AuroSelect extends AuroElement$4 {
8658
8673
  'displayValue': true,
8659
8674
  'hasContent': this.hasDisplayValueContent,
8660
8675
  'hasFocus': this.isPopoverVisible,
8661
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8676
+ 'withValue': this.commonLabelClasses.widthValue,
8662
8677
  'force': this.forceDisplayValue,
8663
8678
  };
8664
8679
 
@@ -8737,7 +8752,7 @@ class AuroSelect extends AuroElement$4 {
8737
8752
  'displayValue': true,
8738
8753
  'hasContent': this.hasDisplayValueContent,
8739
8754
  'hasFocus': this.isPopoverVisible,
8740
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8755
+ 'withValue': this.commonLabelClasses.widthValue,
8741
8756
  'force': this.forceDisplayValue,
8742
8757
  };
8743
8758
 
@@ -8816,7 +8831,7 @@ class AuroSelect extends AuroElement$4 {
8816
8831
  'displayValue': true,
8817
8832
  'hasContent': this.hasDisplayValueContent,
8818
8833
  'hasFocus': this.isPopoverVisible,
8819
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8834
+ 'withValue': this.commonLabelClasses.widthValue,
8820
8835
  'force': this.forceDisplayValue,
8821
8836
  };
8822
8837
 
package/components/select/dist/index.js CHANGED
@@ -4148,7 +4148,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
4148
4148
 
4149
4149
  var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4150
4150
 
4151
- var styleCss$1$2 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4151
+ var styleCss$1$2 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4152
4152
 
4153
4153
  var classicColorCss = css``;
4154
4154
 
@@ -7950,11 +7950,22 @@ class AuroSelect extends AuroElement$3 {
7950
7950
  * @returns {void}
7951
7951
  */
7952
7952
  get commonLabelClasses() {
7953
- return {
7953
+ const obj = {
7954
7954
  'is-disabled': this.disabled,
7955
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
7955
+ 'withValue': false,
7956
7956
  'util_displayHiddenVisually': this.hasDisplayValueContent && !this.hasFocus && this.value && this.value.length > 0
7957
7957
  };
7958
+
7959
+ if (this.placeholder) {
7960
+ obj.withValue = true;
7961
+ } else if (this.optionSelected) {
7962
+ if (Array.isArray(this.optionSelected)) {
7963
+ obj.withValue = this.optionSelected.length > 0;
7964
+ } else {
7965
+ obj.withValue = true;
7966
+ }
7967
+ }
7968
+ return obj;
7958
7969
  }
7959
7970
 
7960
7971
  /**
@@ -8394,7 +8405,11 @@ class AuroSelect extends AuroElement$3 {
8394
8405
  if (!this.menu) return;
8395
8406
 
8396
8407
  this.menu.setAttribute('value', value);
8397
- this.menu.value = value;
8408
+ if (value) {
8409
+ this.menu.value = value;
8410
+ } else {
8411
+ this.menu.reset();
8412
+ }
8398
8413
  await this.menu.updateComplete;
8399
8414
  }
8400
8415
 
@@ -8612,7 +8627,7 @@ class AuroSelect extends AuroElement$3 {
8612
8627
  'displayValue': true,
8613
8628
  'hasContent': this.hasDisplayValueContent,
8614
8629
  'hasFocus': this.isPopoverVisible,
8615
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8630
+ 'withValue': this.commonLabelClasses.widthValue,
8616
8631
  'force': this.forceDisplayValue,
8617
8632
  };
8618
8633
 
@@ -8691,7 +8706,7 @@ class AuroSelect extends AuroElement$3 {
8691
8706
  'displayValue': true,
8692
8707
  'hasContent': this.hasDisplayValueContent,
8693
8708
  'hasFocus': this.isPopoverVisible,
8694
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8709
+ 'withValue': this.commonLabelClasses.widthValue,
8695
8710
  'force': this.forceDisplayValue,
8696
8711
  };
8697
8712
 
@@ -8770,7 +8785,7 @@ class AuroSelect extends AuroElement$3 {
8770
8785
  'displayValue': true,
8771
8786
  'hasContent': this.hasDisplayValueContent,
8772
8787
  'hasFocus': this.isPopoverVisible,
8773
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8788
+ 'withValue': this.commonLabelClasses.widthValue,
8774
8789
  'force': this.forceDisplayValue,
8775
8790
  };
8776
8791
 
package/components/select/dist/registered.js CHANGED
@@ -4148,7 +4148,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
4148
4148
 
4149
4149
  var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
4150
4150
 
4151
- var styleCss$1$2 = css`:host{display:block;position:relative}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4151
+ var styleCss$1$2 = css`:host{position:relative;display:block}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
4152
4152
 
4153
4153
  var classicColorCss = css``;
4154
4154
 
@@ -7950,11 +7950,22 @@ class AuroSelect extends AuroElement$3 {
7950
7950
  * @returns {void}
7951
7951
  */
7952
7952
  get commonLabelClasses() {
7953
- return {
7953
+ const obj = {
7954
7954
  'is-disabled': this.disabled,
7955
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
7955
+ 'withValue': false,
7956
7956
  'util_displayHiddenVisually': this.hasDisplayValueContent && !this.hasFocus && this.value && this.value.length > 0
7957
7957
  };
7958
+
7959
+ if (this.placeholder) {
7960
+ obj.withValue = true;
7961
+ } else if (this.optionSelected) {
7962
+ if (Array.isArray(this.optionSelected)) {
7963
+ obj.withValue = this.optionSelected.length > 0;
7964
+ } else {
7965
+ obj.withValue = true;
7966
+ }
7967
+ }
7968
+ return obj;
7958
7969
  }
7959
7970
 
7960
7971
  /**
@@ -8394,7 +8405,11 @@ class AuroSelect extends AuroElement$3 {
8394
8405
  if (!this.menu) return;
8395
8406
 
8396
8407
  this.menu.setAttribute('value', value);
8397
- this.menu.value = value;
8408
+ if (value) {
8409
+ this.menu.value = value;
8410
+ } else {
8411
+ this.menu.reset();
8412
+ }
8398
8413
  await this.menu.updateComplete;
8399
8414
  }
8400
8415
 
@@ -8612,7 +8627,7 @@ class AuroSelect extends AuroElement$3 {
8612
8627
  'displayValue': true,
8613
8628
  'hasContent': this.hasDisplayValueContent,
8614
8629
  'hasFocus': this.isPopoverVisible,
8615
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8630
+ 'withValue': this.commonLabelClasses.widthValue,
8616
8631
  'force': this.forceDisplayValue,
8617
8632
  };
8618
8633
 
@@ -8691,7 +8706,7 @@ class AuroSelect extends AuroElement$3 {
8691
8706
  'displayValue': true,
8692
8707
  'hasContent': this.hasDisplayValueContent,
8693
8708
  'hasFocus': this.isPopoverVisible,
8694
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8709
+ 'withValue': this.commonLabelClasses.widthValue,
8695
8710
  'force': this.forceDisplayValue,
8696
8711
  };
8697
8712
 
@@ -8770,7 +8785,7 @@ class AuroSelect extends AuroElement$3 {
8770
8785
  'displayValue': true,
8771
8786
  'hasContent': this.hasDisplayValueContent,
8772
8787
  'hasFocus': this.isPopoverVisible,
8773
- 'withValue': this.placeholder || (this.value && this.value.length > 0), // eslint-disable-line no-extra-parens
8788
+ 'withValue': this.commonLabelClasses.widthValue,
8774
8789
  'force': this.forceDisplayValue,
8775
8790
  };
8776
8791
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr807.1",
3
+ "version": "0.0.0-pr811.0",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {