@use "./base";
@use "./checkbox";

$tree-min-width: 140px !default;
$tree-size-list: base.$base-size-list !default;
$tree-font-size: (
  sm: base.$font-size-sm,
  md: base.$font-size-md,
) !default;

$tree-node-prefix-icon-size: checkbox.$checkbox-mark-size !default;
$tree-node-content-inner-margin-left: base.padding(2) !default;
$tree-node-height: base.$form-control-height !default;
$tree-node-padding-horizontal: base.padding(2) !default;
$tree-node-indent-unit-size: (
  sm: base.padding(3),
  md: base.padding(4),
) !default;


$tree-node-bg-hover: base.$color-bg-normal-hover !default;
$tree-node-bg-focus: base.color-brand(1) !default;
$tree-node-bg-active: base.$color-bg-normal-active !default;
$tree-node-font-color-disabled: base.$color-text-disabled !default;

$tree-node-selected-font-color: base.color-brand() !default;
$tree-node-selected-font-weight: base.$font-weight-semibold !default;
$tree-node-selected-bg: base.color-brand(1) !default;
$tree-node-selected-bg-hover: $tree-node-selected-bg !default;
$tree-node-selected-bg-focus: base.color-brand(2) !default;
$tree-node-selected-bg-active: $tree-node-selected-bg-focus !default;
$tree-node-selected-font-color-active: base.color-brand(7) !default;
$tree-node-selected-font-color-disabled: base.color-brand(3) !default;