@use "sass:color";
@use "./../../variables" as *;

.input--text {
  --input-border-width: 0 0 1px;
  --input-padding-x: 0;
  --input-small-padding-x: 0;
  --input-large-padding-x: 0;
  --input-box-shadow: 0 0 0 0.125em transparent;
  --input-hover-box-shadow: 0 0 0 0.125em transparent;
  --input-focus-box-shadow: 0 0 0 0.125em transparent;
  --input-active-box-shadow: 0 0 0 0.125em transparent;
  --input-disabled-box-shadow: 0 0 0 0.125em transparent;
  --input-border-radius: 0;
  --input-small-border-radius: 0;
  --input-large-border-radius: 0;
  --input-round-border-radius: 0;

  @each $key, $value in $theme-colors {
    &.input--#{$key} {
      --input-box-shadow: 0 0 0 0.125em transparent;
      --input-hover-box-shadow: 0 0 0 0.125em transparent;
      --input-focus-box-shadow: 0 0 0 0.125em transparent;
      --input-active-box-shadow: 0 0 0 0.125em transparent;
      --input-disabled-box-shadow: 0 0 0 0.125em transparent;
    }
  }
}