@use "../../util/scss/defaults.scss" as *;
@use "../../util/scss/include.scss" as *;
@use "sass:map";

// TOOLTIP
$cx-tooltip-background-color: white !default;
$cx-tooltip-border-color: #d5d5d5 !default;
$cx-tooltip-border-width: 1px !default;
$cx-tooltip-border-radius: 5px !default;
$cx-tooltip-arrow-size: 5px !default;
$cx-tooltip-color: null !default;
$cx-tooltip-font-size: smaller !default;
$cx-tooltip-padding: 10px !default;
$cx-tooltip-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3) !default;

$cx-tooltip-background-color-error: white !default;
$cx-tooltip-border-color-error: #e63001 !default;
$cx-tooltip-color-error: null !default;

// DROPDOWN
$cx-default-dropdown-color: $cx-default-color !default;
$cx-default-dropdown-background-color: white !default;
$cx-default-dropdown-arrow-size: 6px !default;
$cx-default-dropdown-arrow-offset: 16px !default;
$cx-default-dropdown-arrow-shadow-color: null !default;
$cx-default-dropdown-arrow-shadow-size: 2px !default;
$cx-default-dropdown-arrow-shadow-offset: 2px !default;
$cx-default-dropdown-padding: $cx-default-container-padding !default;

// TOAST
$cx-default-toast-color: $cx-default-color !default;
$cx-default-toast-background-color: rgb(255, 255, 255) !default;
$cx-default-toast-border-width: 0 !default;
$cx-default-toast-border-color: rgba(255, 255, 255, 0) !default;
$cx-default-toast-box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.3) !default;
$cx-default-toast-border-radius: $cx-default-border-radius !default;
$cx-default-toast-font-size: null !default;
$cx-default-toast-padding: 10px !default;

// WINDOW
@forward "Window.variables";

@include cx-register-dependencies(
   (
      "cx/widgets/Overlay": "cx/widgets/captureMouse",
      "cx/widgets/Dropdown": "cx/widgets/Overlay",
      "cx/widgets/Window": "cx/widgets/Overlay",
      "cx/widgets/Tooltip": "cx/widgets/Dropdown",
      "cx/widgets/enableMsgBoxAlerts": "cx/widgets/MsgBox",
      "cx/widgets/MsgBox": "cx/widgets/Window" "cx/widgets/FlexRow",
      "cx/widgets/Toast": "cx/widgets/Overlay",
   )
);