@use "../sizes" as *;

// adduse

$generic-treeview-container-with-border-offset: null !default;
$generic-treeview-base-container-size: null !default;
$generic-treeview-toggle-item-width: null !default;
$generic-treeview-item-height: null !default;
$generic-select-all-item-padding: null !default;
$generic-treeview-item-padding: null !default;
$generic-treeview-load-indicator-size: null !default;
$generic-checkbox-container-size: null !default;
$generic-treeview-searchbox-margin-bottom: null !default;
$generic-treeview-border-padding: 1px !default;
$generic-treeview-item-element-gap: 8px !default;
$generic-select-all-item-border-visible-padding: 20px !default;

@if $size == "default" {
  $generic-treeview-item-height: 32px;
  $generic-treeview-base-container-size: 22px !default;
  $generic-treeview-container-with-border-offset: 7px !default;
  $generic-checkbox-container-size: 22px !default;
  $generic-treeview-toggle-item-width: 22px !default;
  $generic-select-all-item-padding: 9px 40px 11px 40px !default;
  $generic-treeview-item-padding: 5px 10px !default;
  $generic-treeview-load-indicator-size: $generic-treeview-toggle-item-width !default;
  $generic-treeview-searchbox-margin-bottom: 5px !default;
}

@else if $size == "compact" {
  $generic-treeview-item-height: 28px;
  $generic-treeview-container-with-border-offset: 6px !default;
  $generic-treeview-base-container-size: 16px !default;
  $generic-checkbox-container-size: 16px !default;
  $generic-treeview-toggle-item-width: 16px !default;
  $generic-select-all-item-padding: 6px 30px 8px 30px !default;
  $generic-treeview-item-padding: 4px 6px !default;
  $generic-treeview-load-indicator-size: $generic-treeview-toggle-item-width !default;
  $generic-treeview-searchbox-margin-bottom: 3px !default;
}

$generic-treeview-container-padding:
  $generic-treeview-border-padding
  $generic-treeview-border-padding
  $generic-treeview-border-padding
  $generic-treeview-container-with-border-offset !default;