@import "../../styles/tools/_functions.scss";

$input-font-sizes: () !default;
$input-font-sizes: map-deep-merge(
  (
    "xs": 0.625rem,
    "sm": 0.75rem,
    "md": 0.875rem,
    "lg": 1.125rem,
  ),
  $input-font-sizes
);

$input-label-font-sizes: () !default;
$input-label-font-sizes: map-deep-merge(
  (
    "xs": 0.5rem,
    "sm": 0.625rem,
    "md": 0.75rem,
    "lg": 0.875rem,
  ),
  $input-label-font-sizes
);

$input-font-line-height: () !default;
$input-font-line-height: map-deep-merge(
  (
    "xs": calc(1.4 * 0.625rem),
    "sm": calc(1.4 * 0.75rem),
    "md": calc(1.4 * 0.875rem),
    "lg": calc(1.4 * 1.125rem),
  ),
  $input-font-line-height
);

$input-height: () !default;
$input-height: map-deep-merge(
  (
    "xs": 24px,
    "sm": 36px,
    "md": 44px,
    "lg": 48px,
  ),
  $input-height
);


$input-icon-sizes: () !default;
$input-icon-sizes: map-deep-merge(
                (
                        'xs': 1rem,
                        'sm': 1.25rem,
                        'md': 1.5rem,
                        'lg': 1.8125rem,
                        'xl': 2rem
                ),
                $input-icon-sizes
);

$input-icon-outer-margin: () !default;
$input-icon-outer-margin: map-deep-merge(
                (
                        'xs': 4px,
                        'sm': 8px,
                        'md': 12px,
                        'lg': 12px,
                        'xl': 12px,
                ),
                $input-icon-outer-margin
);

$input-icon-inner-margin: () !default;
$input-icon-inner-margin: map-deep-merge(
                (
                        'xs': 6px,
                        'sm': 6px,
                        'md': 6px,
                        'lg': 6px,
                        'xl': 6px,
                ),
                $input-icon-inner-margin
);

$input-inner-margin: () !default;
$input-inner-margin: map-deep-merge(
                (
                        'xs': 12px,
                        'sm': 14px,
                        'md': 16px,
                        'lg': 16px,
                        'xl': 16px,
                ),
                $input-inner-margin
);