Small UI fixes (#2248)

* Don't show error when menu is open in Combobox

* Remove unnecessary surface-information class

src/lib/holocene/combobox/combobox.svelte

@@ -305,9 +305,6 @@
       </div>
     {/if}
   </div>
-  {#if error && !valid}
-    <span class="error">{error}</span>
-  {/if}
 
   <Menu bind:menuElement id="{id}-listbox" role="listbox" class="w-full">
     {#each list as option}
@@ -334,6 +331,10 @@
       <ComboboxOption disabled>{noResultsText}</ComboboxOption>
     {/each}
   </Menu>
+
+  {#if error && !valid}
+    <span class="error">{error}</span>
+  {/if}
 </MenuContainer>
 
 <style lang="postcss">

src/lib/holocene/input/range-input.svelte

@@ -86,7 +86,7 @@
           id="{id}-range"
           name="range"
           type="range"
-          class="surface-information h-0 w-full cursor-pointer appearance-none rounded border-y border-primary"
+          class="h-0 w-full cursor-pointer appearance-none rounded border-y border-primary"
           bind:value
           on:input={handleInput}
           {min}
@@ -148,7 +148,7 @@
   }
 
   input[type='range']::-webkit-slider-thumb {
-    @apply surface-information h-4 w-8 appearance-none rounded-full border-2 border-solid border-primary;
+    @apply h-4 w-8 appearance-none rounded-full border-2 border-solid border-primary bg-information;
   }
 
   input[type='range']::-moz-range-thumb {

src/lib/theme/plugin.ts

@@ -126,9 +126,6 @@ const temporal = plugin(
           backgroundColor: css('--color-interactive-ghost-active'),
         },
       },
-      '.surface-information': {
-        backgroundColor: css('--color-surface-information'),
-      },
       '.surface-inverse': {
         backgroundColor: css('--color-surface-inverse'),
         color: css('--color-text-inverse'),