@use 'sass:map';
@use '../index' as *;

$text-input: (
  font: var(--f-s),
  radius: map.get($border-radius, 's'),
  border-color: var(--cm-border-grey-medium),
  border-color-hover: var(--cm-border-grey),
  outline-color: var(--cm-border-primary),
  border-color-invalid: var(--cm-border-status-error),
  border-color-invalid-hover: var(--cm-border-status-error),
  border-color-invalid-focus: var(--cm-border-status-error),
  border-color-disabled: var(--cm-border-grey-lowest),
  background-disabled: var(--cm-surface-grey-low-0-transparent),
  height: 3rem,
  opacity-disabled: 1,
  color-disabled: var(--cm-on-surface-grey),
  color-input: var(--cm-on-surface-brand),
  color-placeholder: var(--cm-on-surface-grey-medium),
  shadow: none,
  shadow-hover: var(--sh-1),
  padding-block: var(--s-s),
  padding-inline: var(--s-s) var(--s-m),
);