@use './palette.tokens' as palette;
@use './typography.tokens' as typography;
@use './spacing.tokens' as spacing;

@forward '../../../pastanaga-angular/projects/pastanaga-angular/src/styles/theme/textfield.tokens'
  with(
    //=====================================
    // SPACING
    //=====================================
    $margin-bottom-field: 0,

    //=====================================
    // COLORS
    //=====================================
    $color-text-field-label-error: palette.$color-secondary-stronger,
    $color-caret-field-control-error: palette.$color-secondary-strong,

    $color-background-field-regular: palette.$color-light-stronger,
    $color-background-field-error: palette.$color-secondary-lightest,

    //=====================================
    // BORDERS
    //=====================================
    $border-color-field-regular: palette.$color-neutral-light,
    $border-color-field-hover: palette.$color-neutral-regular,
    $border-color-field-error: palette.$color-secondary-regular,

    //=====================================
    // SPACING and SHADOWS
    //=====================================
    $height-field-control: calc(#{spacing.rhythm(5)} - #{spacing.rhythm(0.25)}),
    $padding-field-control-top: spacing.rhythm(1),
    $top-control-label: spacing.rhythm(1),
    $translateY-text-field-label: spacing.rhythm(3),
    $top-select-chevron: spacing.rhythm(1)
  );
