Merge branch 'develop' into fix/cli-boolean-values

assets/css/woocommerce/admin/components/combobox.css

@@ -0,0 +1,45 @@
+:root {
+	--ep-combobox-list-background: #fff;
+	--ep-combobox-list-background-selected: #f5f5f5;
+	--ep-combobox-list-border: #8c8f94;
+}
+
+.ep-combobox {
+	display: contents;
+}
+
+.ep-combobox__list {
+	background-color: var(--ep-combobox-list-background);
+	border: 1px solid var(--ep-combobox-list-border);
+	border-radius: 4px;
+	box-shadow: 0 2px 6px rgb(0 0 0 / 5%);
+	box-sizing: border-box;
+	display: none;
+	margin: 4px 0 0;
+	overflow: hidden;
+	padding: 4px;
+	position: absolute;
+	top: 100%;
+	width: 100%;
+	z-index: 1;
+
+	@nest .ep-combobox__input[aria-expanded="true"] ~ & {
+		display: block;
+	}
+}
+
+.ep-combobox__option {
+	border: var(--wp-admin-border-width-focus) solid transparent;
+	border-radius: 4px;
+	margin: 0;
+	padding: 6px;
+
+	&:hover {
+		background-color: var(--ep-combobox-list-background-selected);
+		cursor: pointer;
+	}
+
+	&[aria-selected="true"] {
+		border-color: var(--wp-admin-theme-color);
+	}
+}

assets/css/woocommerce/admin/components/suggestion.css

@@ -0,0 +1,28 @@
+.ep-suggestion {
+	font-size: smaller;
+}
+
+.ep-suggestion__header {
+	margin-bottom: 1ch;
+}
+
+.ep-suggestion__title {
+	display: block;
+	font-size: small;
+	font-weight: 600;
+
+	@nest [aria-selected="true"] & {
+		color: var(--wp-admin-theme-color);
+	}
+}
+
+.ep-suggestion__footer {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+
+	& .order-status {
+		justify-content: center;
+		margin: 0;
+	}
+}

assets/css/woocommerce/admin/orders.css

@@ -1,6 +1,10 @@
-@import "components/listbox.css";
-@import "components/shop-order.css";
+@import "components/combobox.css";
+@import "components/suggestion.css";
 
 #posts-filter .search-box {
 	position: relative;
 }
+
+#ep-woocommerce-order-search {
+	display: contents;
+}