@use "../../../../styles/tokens/space";
@use "../../../../styles/tools/convert";
@use "../../styles/config" as commonConfig;

$base: (
  font-weight: bold,
  border-radius: convert.to-rem(5px),
);

$states: (
  default: commonConfig.$default,
  focus: commonConfig.$focus,
  disabled: commonConfig.$disabled,
  readonly: commonConfig.$readonly,
  invalid: commonConfig.$invalid,
  placeholder: commonConfig.$placeholder,
);

$sizes: (
  default: (
    padding: convert.to-rem(8px),
  ),
  large: (
    padding: convert.to-rem(13px),
  ),
);

$widths: (
  default: (
    width: 100%,
    max-width: convert.to-rem(350px),
  ),
  fullwidth: (
    max-width: 100%,
  ),
);