@use "../../../../styles/tokens/space";
@use "../../../../styles/tools/convert";
@use "../../../../styles/tokens/color";
@use "../../styles/config" as commonConfig;
$base: (
font-weight: bold,
border-radius: convert.to-rem(5px),
);
$disabled: var(--color-text-secondary);
$background-search: (
default: (
background-position: convert.to-rem(8px) convert.to-rem(8px),
),
large: (
background-position: convert.to-rem(13px) convert.to-rem(13px),
),
);
$states: (
default: commonConfig.$default,
focus: commonConfig.$focus,
disabled: commonConfig.$disabled,
readonly: commonConfig.$readonly,
invalid: commonConfig.$invalid,
placeholder: commonConfig.$placeholder,
);
$sizes: (
default: (
height: convert.to-rem(40px),
padding: convert.to-rem(8px),
),
large: (
height: convert.to-rem(50px),
padding: convert.to-rem(13px),
),
);
$widths: (
default: (
width: 100%,
max-width: convert.to-rem(350px),
),
3ch: (
max-width: convert.to-rem(80px),
),
8ch: (
max-width: convert.to-rem(120px),
),
12ch: (
max-width: convert.to-rem(160px),
),
fullwidth: (
max-width: 100%,
),
);
$background-image-search-icon: url('data:image/svg+xml,');
$mask-image-search-icon: url('data:image/svg+xml,');