Merge branch 'carbon-design-system:master' into master

Author: kush-savani

integration/ng14/package-lock.json

@@ -140,7 +140,7 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.37.0",
-    "@carbon/icons": "11.14.0",
+    "@carbon/icons": "11.58.0",
     "@carbon/utils-position": "1.1.4",
     "@floating-ui/dom": "1.6.13",
     "@ibm/telemetry-js": "^1.5.0",

integration/ng15/package-lock.json

@@ -508,7 +508,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
 		const selected = this.getSelected();
 		if (selected.length) {
 			this.index = this.displayItems.indexOf(selected[0]);
-		} else if (this.hasNextElement()) {
+		} else if (this.index < 0 && this.hasNextElement()) {
 			this.getNextElement();
 		}
 	}

integration/ng16/package-lock.json

@@ -45,7 +45,7 @@ export default {
 		"TITLE": "Loading"
 	},
 	"MODAL": {
-		"CLOSE": "Close modal"
+		"CLOSE": "Close"
 	},
 	"NOTIFICATION": {
 		"CLOSE_BUTTON": "Close alert notification"

package-lock.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.37.0",
-    "@carbon/icons": "11.14.0",
+    "@carbon/icons": "11.58.0",
     "@carbon/utils-position": "1.1.4",
     "@floating-ui/dom": "1.6.13",
     "@ibm/telemetry-js": "^1.5.0",

package.json

@@ -212,13 +212,13 @@ export class Search implements ControlValueAccessor {
 	 */
 	clearSearch(): void {
 		this.value = "";
+		this.doValueChange();
 		this.clear.emit();
-		this.propagateChange(this.value);
 	}
 
 	doValueChange() {
-		this.valueChange.emit(this.value);
 		this.propagateChange(this.value);
+		this.valueChange.emit(this.value);
 	}
 
 	openSearch() {

src/dropdown/list/dropdown-list.component.ts

@@ -60,6 +60,7 @@ import {
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -128,10 +129,6 @@ export class Tab implements OnInit {
 	 * Value 'selected' to be emitted after a new `Tab` is selected.
 	 */
 	@Output() selected: EventEmitter<void> = new EventEmitter<void>();
-	/**
-	 * Used to set the id property on the element.
-	 */
-	@HostBinding("attr.id") attrClass = this.id;
 
 	get cacheActive() {
 		return this._cacheActive;