/**
 * 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 *;

//-----------------------------
// List Box (Expressive)
//-----------------------------

/// List box styles (expressive)
/// @access private
/// @group list-box-expressive
@mixin list-box-expressive {
  .#{$prefix}--list-box {
    block-size: $spacing-09; /* $carbon--container-04 */
    max-block-size: $spacing-09; /* $carbon--container-04 */
  }

  .#{$prefix}--list-box__field {
    block-size: $spacing-09; /* $carbon--container-04 */
  }

  .#{$prefix}--list-box__menu-item {
    block-size: $spacing-09; /* $carbon--container-04 */
  }

  .#{$prefix}--list-box__menu-item__option {
    padding: to-rem(14px) 0;
    block-size: $spacing-09; /* $carbon--container-04 */

    &:focus {
      padding: to-rem(14px) $spacing-05;
    }
  }

  .#{$prefix}--list-box__menu-icon > svg {
    inline-size: to-rem(20px);
  }
}