@use "../../sizes" as *;
@use "../../colors" as *;
@use "colors" as *;

// adduse

$generic-tabs-item-gap: null !default;
$generic-tabs-item-padding: null !default;
$generic-tabs-item-padding-disabled-focused: null !default;
$generic-tabs-border-width: $generic-base-border-width !default;

$generic-tabs-nav-button-height: null !default;
$generic-tabs-nav-button-width: null !default;
$generic-tab-text-line-height: null !default;
$generic-tabs-icon-margin: null !default;
$generic-tabs-icon-size: $generic-base-icon-size !default;
$generic-badge-min-size: null !default;

@if $size == "default" {
  $generic-tabs-item-gap: 4px !default;
  $generic-tabs-item-padding: 10px 9px !default;
  $generic-tabs-item-padding-disabled-focused: 10px !default;
  $generic-tabs-nav-button-width: 25px !default;
  $generic-tab-text-line-height: 1.285715 !default;
  $generic-tabs-nav-button-height: 38px !default;
  $generic-tabs-icon-margin: 8px !default;
  $generic-badge-min-size: 18px !default;
}

@else if $size == "compact" {
  $generic-tabs-item-gap: 2px !default;
  $generic-tabs-item-padding: 5px 4px !default;
  $generic-tabs-item-padding-disabled-focused: 5px !default;
  $generic-tabs-nav-button-width: 25px !default;
  $generic-tab-text-line-height: 1.75 !default;
  $generic-tabs-nav-button-height: 38px !default;
  $generic-tabs-icon-margin: 7px !default;
  $generic-badge-min-size: 21px !default;
}