@use "../sizes" as *;

// adduse

$diagram-toolbox-width: null !default;
$diagram-toolbox-h-padding: null !default;
$diagram-toolbox-accordion-v-padding: null !default;
$diagram-toolbox-input-margin: null !default;
$diagram-toolbox-input-h-padding: null !default;
$diagram-toolbox-input-v-padding: null !default;
$diagram-toolbox-input-image-size: null !default;
$diagram-toolbox-mobile-padding: null !default;
$diagram-properties-panel-padding: null !default;
$diagram-properties-panel-spacing: null !default;
$diagram-properties-layout-icon-size: null !default;
$diagram-small-editor-width: null !default;
$diagram-medium-editor-width: null !default;
$diagram-large-editor-width: null !default;

@if $size == "default" {
  $diagram-toolbox-width: 144px !default;
  $diagram-toolbox-h-padding: 12px !default;
  $diagram-toolbox-accordion-v-padding: 6px !default;
  $diagram-toolbox-input-margin: 2px !default;
  $diagram-toolbox-input-h-padding: 9px !default;
  $diagram-toolbox-input-v-padding: 4px !default;
  $diagram-toolbox-input-image-size: 12px !default;
  $diagram-toolbox-mobile-padding: 66px !default;

  $diagram-properties-panel-padding: 8px !default;
  $diagram-properties-panel-spacing: 8px !default;
  $diagram-properties-layout-icon-size: 64px !default;

  $diagram-small-editor-width: 100px !default;
  $diagram-medium-editor-width: 150px !default;
  $diagram-large-editor-width: 240px !default;
}

@else if $size == "compact" {
  $diagram-toolbox-width: 114px !default;
  $diagram-toolbox-h-padding: 8px !default;
  $diagram-toolbox-accordion-v-padding: 4px !default;
  $diagram-toolbox-input-margin: 1px !default;
  $diagram-toolbox-input-h-padding: 5px !default;
  $diagram-toolbox-input-v-padding: 3px !default;
  $diagram-toolbox-input-image-size: 10px !default;
  $diagram-toolbox-mobile-padding: 56px !default;

  $diagram-properties-panel-padding: 4px !default;
  $diagram-properties-panel-spacing: 4px !default;
  $diagram-properties-layout-icon-size: 48px !default;

  $diagram-small-editor-width: 70px !default;
  $diagram-medium-editor-width: 120px !default;
  $diagram-large-editor-width: 180px !default;
}