<link rel="import" href="../../../vaadin-lumo-styles/font-icons.html">
<link rel="import" href="../../../vaadin-lumo-styles/mixins/field-button.html">

<link rel="import" href="../../../vaadin-text-field/theme/lumo/vaadin-text-field.html">
<link rel="import" href="vaadin-combo-box-dropdown.html">
<link rel="import" href="vaadin-combo-box-item.html">

<dom-module id="lumo-combo-box" theme-for="vaadin-combo-box">
  <template>
  <style include="lumo-field-button">
    [part="toggle-button"]::before {
      content: var(--lumo-icons-dropdown);
    }

    [part="clear-button"]::before {
      content: var(--lumo-icons-cross);
    }
  </style>
  </template>
</dom-module>

<link rel="import" href="../../src/vaadin-combo-box.html">

<link rel="import" href="../../../vaadin-lumo-styles/font-icons.html">
<link rel="import" href="../../../vaadin-lumo-styles/mixins/field-button.html">

<link rel="import" href="../../../vaadin-text-field/theme/lumo/vaadin-text-field.html">

<link rel="import" href="vaadin-combo-box-dropdown.html">
<link rel="import" href="vaadin-combo-box-item.html">

<dom-module id="lumo-combo-box" theme-for="vaadin-combo-box">
  <template>
    <style include="lumo-field-button">
      :host {
        outline: none;
      }

      [part="toggle-button"]::before {
        content: var(--lumo-icons-dropdown);
      }

      [part="clear-button"]::before {
        content: var(--lumo-icons-cross);
      }
    </style>
  </template>
</dom-module>

<link rel="import" href="../../src/vaadin-combo-box.html">

Remove focus outline from host
Remove focus outline from host [skip ci]

Correct indentation at the same time.
