/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/utilities/convert' as *;

//-----------------------------
// Text Input (expressive)
//-----------------------------

/// Text input styles (expressive)
/// @access private
/// @group text-input-expressive
@mixin text-input-expressive {
  .#{$prefix}--text-input {
    block-size: $spacing-09; /* $carbon--container-04 */

    &__invalid-icon {
      block-size: to-rem(20px);
      inline-size: to-rem(20px);
    }
  }
  .#{$prefix}--text-input__field-wrapper
    .#{$prefix}--text-input--password__visibility,
  .#{$prefix}--text-input__field-wrapper
    .#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger {
    block-size: to-rem(20px);
    inline-size: to-rem(20px);

    .#{$prefix}--icon-visibility-off,
    .#{$prefix}--icon-visibility-on {
      block-size: to-rem(20px);
      inline-size: to-rem(20px);
    }
  }
}