refactor(admin-ui): Make form input markup more consistent

Remove the "clr-input" class and add the desired outline styles to the global stylesheet.

packages/admin-ui/src/lib/catalog/src/components/asset-list/asset-list.component.html

@@ -5,7 +5,7 @@
             name="searchTerm"
             [formControl]="searchTerm"
             [placeholder]="'asset.search-asset-name' | translate"
-            class="clr-input search-input"
+            class="search-input"
         />
     </vdr-ab-left>
     <vdr-ab-right>

packages/admin-ui/src/lib/catalog/src/components/collection-contents/collection-contents.component.html

@@ -7,7 +7,6 @@
     <input
         type="text"
         [placeholder]="'catalog.filter-by-name' | translate"
-        class="clr-input"
         [formControl]="filterTermControl"
     />
 </div>

packages/admin-ui/src/lib/catalog/src/components/product-detail/product-detail.component.html

@@ -189,7 +189,6 @@
                         <div class="variant-filter">
                             <input
                                 [formControl]="filterInput"
-                                class="clr-input"
                                 [placeholder]="'catalog.filter-by-name-or-sku' | translate"
                             />
                             <button class="icon-button" (click)="filterInput.setValue('')">

packages/admin-ui/src/lib/core/src/shared/components/asset-picker-dialog/asset-picker-dialog.component.html

@@ -13,7 +13,7 @@
     name="searchTerm"
     [formControl]="searchTerm"
     [placeholder]="'asset.search-asset-name' | translate"
-    class="clr-input search-input"
+    class="search-input"
 />
 <vdr-asset-gallery
     [assets]="(assets$ | async)! | paginate: paginationConfig"

packages/admin-ui/src/lib/customer/src/components/customer-group-member-list/customer-group-member-list.component.html

@@ -3,7 +3,7 @@
     name="searchTerm"
     [formControl]="filterTermControl"
     [placeholder]="'customer.search-customers-by-email' | translate"
-    class="clr-input search-input"
+    class="search-input"
 />
 
 <vdr-data-table

packages/admin-ui/src/lib/customer/src/components/customer-list/customer-list.component.html

@@ -5,7 +5,7 @@
             name="searchTerm"
             [formControl]="searchTerm"
             [placeholder]="'customer.search-customers-by-email' | translate"
-            class="clr-input search-input"
+            class="search-input"
         />
     </vdr-ab-left>
     <vdr-ab-right>

packages/admin-ui/src/lib/order/src/components/order-editor/order-editor.component.html

@@ -51,7 +51,6 @@
                         </td>
                         <td class="align-middle quantity">
                             <input
-                                class="clr-input"
                                 type="number"
                                 min="0"
                                 [value]="line.quantity"
@@ -100,7 +99,6 @@
                         </td>
                         <td class="align-middle quantity">
                             <input
-                                class="clr-input"
                                 type="number"
                                 min="0"
                                 [value]="addedLine.quantity"
@@ -228,13 +226,12 @@
                         <form [formGroup]="surchargeForm" (submit)="addSurcharge(surchargeForm.value)">
                             <vdr-form-field [label]="'common.description' | translate" for="description"
                                 ><input
-                                    class="clr-input"
                                     id="description"
                                     type="text"
                                     formControlName="description"
                             /></vdr-form-field>
                             <vdr-form-field [label]="'order.product-sku' | translate" for="sku"
-                                ><input class="clr-input" id="sku" type="text" formControlName="sku"
+                                ><input id="sku" type="text" formControlName="sku"
                             /></vdr-form-field>
                             <vdr-form-field [label]="'common.price' | translate" for="price"
                                 ><vdr-currency-input
@@ -258,7 +255,6 @@
                             <vdr-form-field [label]="'order.tax-rate' | translate" for="taxRate"
                                 ><vdr-affixed-input suffix="%"
                                     ><input
-                                        class="clr-input"
                                         id="taxRate"
                                         type="number"
                                         min="0"
@@ -267,7 +263,6 @@
                             ></vdr-form-field>
                             <vdr-form-field [label]="'order.tax-description' | translate" for="taxDescription"
                                 ><input
-                                    class="clr-input"
                                     id="taxDescription"
                                     type="text"
                                     formControlName="taxDescription"

packages/admin-ui/src/lib/order/src/components/order-list/order-list.component.html

@@ -25,7 +25,7 @@
                 name="searchTerm"
                 [formControl]="searchTerm"
                 [placeholder]="'order.search-by-order-code' | translate"
-                class="clr-input search-input"
+                class="search-input"
             />
         </div>
         <div class="custom-filters" [class.expanded]="(activePreset$ | async) === 'custom'">

packages/admin-ui/src/lib/settings/src/components/country-list/country-list.component.html

@@ -5,7 +5,7 @@
             name="searchTerm"
             [formControl]="searchTerm"
             [placeholder]="'settings.search-country-by-name' | translate"
-            class="clr-input search-input"
+            class="search-input"
         />
     </vdr-ab-left>
 

packages/admin-ui/src/lib/settings/src/components/zone-member-list/zone-member-list.component.html

@@ -5,7 +5,6 @@
     <input
         type="text"
         [placeholder]="'settings.filter-by-member-name' | translate"
-        class="clr-input"
         [(ngModel)]="filterTerm"
     />
 </div>

packages/admin-ui/src/lib/static/styles/theme/_forms.scss

@@ -43,6 +43,15 @@ input, select {
     &:focus {
         border-color: var(--color-primary-500) !important;
         box-shadow: 0 0 1px 1px var(--color-primary-100);
+        outline: none;
+    }
+}
+
+textarea {
+    border-color: var(--clr-forms-border-color);
+    &:focus {
+        border-color: var(--color-primary-500) !important;
+        outline: none;
     }
 }
 

packages/admin-ui/src/lib/static/styles/theme/_theme.scss

@@ -57,14 +57,6 @@ button.icon-button {
     }
 }
 
-table tr .dropdown-menu button.dropdown-item {
-    line-height: 24px;
-
-    &.delete-button {
-        color: #e12200;
-    }
-}
-
 .cdk-overlay-container {
     z-index: 1060;
 }