border color select and combo

Author: SharonStrats

src/v2/components/forms/combobox/Combobox.ts

@@ -75,7 +75,7 @@ export class Combobox extends LitElement {
       --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
       --input-background: var(--color-background, #F8F9FB);
       --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-text, #1A1A1A);
+      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
       --label-color: var(--grey-purple-700, #1A1A1A);
       --placeholder-color: var(--grey-purple-700, #5e546d);
       --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
@@ -96,7 +96,7 @@ export class Combobox extends LitElement {
       --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
       --input-background: var(--color-background, #F8F9FB);
       --input-text: var(--color-text, #1A1A1A);
-      --input-border: var(--color-text, #1A1A1A);
+      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
       --label-color: var(--grey-purple-700, #1A1A1A);
       --placeholder-color: var(--grey-purple-700, #5e546d);
       --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));

src/v2/components/forms/select/Select.ts

@@ -87,7 +87,7 @@ export class Select extends LitElement {
         );
         --input-background: var(--color-background, #f8f9fb);
         --input-text: var(--color-text, #1a1a1a);
-        --input-border: var(--color-text, #1a1a1a);
+        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
         --label-color: var(--grey-purple-700, #1a1a1a);
         --placeholder-color: var(--grey-purple-700, #5e546d);
         --select-trigger-text: var(--input-text);
@@ -118,7 +118,7 @@ export class Select extends LitElement {
         );
         --input-background: var(--color-background, #1a1a1a);
         --input-text: var(--color-text, #f8f9fb);
-        --input-border: var(--color-text, #f8f9fb);
+        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
         --label-color: var(--grey-purple-700, #f8f9fb);
         --placeholder-color: var(--grey-purple-700, #c7bfd3);
         --select-trigger-text: var(--input-text);