@use "../sizes" as *;

// adduse

$material-button-horizontal-padding: null !default;
$material-button-vertical-padding: null !default;
$material-button-icon-padding: null !default;
$material-button-icon-text-padding: null !default;
$material-button-min-width: null !default;

$material-button-content-line-height: 0 !default;

$material-button-text-line-height: normal !default;
$material-button-text-transform: uppercase !default;
$material-button-text-font-weight: 500 !default;
$material-button-text-letter-spacing: 0.04em !default;

$material-button-box-shadow-size: 0 1px 3px !default;
$material-button-active-box-shadow-size: 0 4px 6px !default;

@if $size == "default" {
  $material-button-horizontal-padding: 16px !default;
  $material-button-vertical-padding: 6px !default;
  $material-button-icon-padding: 8px !default;
  $material-button-icon-text-padding: 12px;
  $material-button-min-width: 64px !default;
}

@else if $size == "compact" {
  $material-button-horizontal-padding: 12px !default;
  $material-button-vertical-padding: 5px !default;
  $material-button-icon-padding: 5px !default;
  $material-button-icon-text-padding: 8px;
  $material-button-min-width: 48px !default;
}

:root {
  --dx-button-padding-inline: #{$material-button-horizontal-padding};
}