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

//-----------------------------
// Date Picker (expressive)
//-----------------------------

/// Date picker styles (expressive)
/// @access private
/// @group dropdown-expressive
@mixin dropdown-expressive {
  .#{$prefix}--dropdown.#{$prefix}--list-box--sm,
  .#{$prefix}--dropdown.#{$prefix}--list-box--sm .#{$prefix}--list-box__field {
    block-size: $spacing-08;
  }

  .#{$prefix}--dropdown.#{$prefix}--list-box {
    .#{$prefix}--list-box__menu-icon {
      inset-block-start: $spacing-04;

      svg {
        block-size: to-rem(20px);
        inline-size: to-rem(20px);
      }
    }
  }
}