/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */

@import "~@utrecht/focus-ring-css/src/mixin";
@import "./mixin";

.utrecht-textbox {
  @include utrecht-textbox;
}

.utrecht-textbox--invalid {
  @include utrecht-textbox--invalid;
}

.utrecht-textbox--disabled {
  @include utrecht-textbox--disabled;
}

.utrecht-textbox--focus {
  @include utrecht-focus;
  @include utrecht-textbox--focus;
}

.utrecht-textbox--focus-visible {
  @include utrecht-textbox--focus-visible;
}

.utrecht-textbox--read-only {
  @include utrecht-textbox--read-only;
}

.utrecht-textbox__placeholder {
  @include utrecht-textbox__placeholder;
}

.utrecht-textbox--numeric {
  @include utrecht-textbox--numeric;
}

.utrecht-textbox--password {
  @include utrecht-textbox--password;
}

.utrecht-textbox--postal-code-nl-size {
  @include utrecht-textbox--postal-code-nl-size;
}

.utrecht-textbox--house-number-size {
  @include utrecht-textbox--house-number-size;
}

.utrecht-textbox--house-letter-size {
  @include utrecht-textbox--house-letter-size;
}

.utrecht-textbox--house-addition-size {
  @include utrecht-textbox--house-addition-size;
}

.utrecht-textbox--voorvoegsel-size {
  @include utrecht-textbox--voorvoegsel-size;
}

.utrecht-textbox--tel-size {
  @include utrecht-textbox--tel-size;
}

.utrecht-textbox--tel-nl-size {
  @include utrecht-textbox--tel-nl-size;
}

.utrecht-textbox--iban-size {
  @include utrecht-textbox--iban-size;
}

.utrecht-textbox--iban-nl-size {
  @include utrecht-textbox--iban-nl-size;
}

/**
 * This class name is experimental.
 */
.utrecht-textbox--placeholder-ltr {
  @include utrecht-textbox--placeholder-ltr;
}

/**
 * This class name is experimental.
 */
.utrecht-textbox--placeholder-rtl {
  @include utrecht-textbox--placeholder-rtl;
}

.utrecht-textbox--url {
  @include utrecht-textbox--url;
}

.utrecht-textbox--html-input {
  @include utrecht-textbox--html-input;

  &[type="password" i] {
    @include utrecht-textbox--password;
  }
  &[type="url" i],
  &[type="email" i],
  &[inputMode="email" i],
  &[inputMode="url" i] {
    @include utrecht-textbox--url;
  }
  &[pattern="\\d*"],
  &[pattern="[0-9]*"],
  &[type="number" i],
  &[type="tel" i],
  &[inputMode="numeric" i],
  &[inputMode="decimal" i],
  &[inputMode="tel" i] {
    @include utrecht-textbox--numeric;
  }
}