$menu-size: 32px !default;

// Generic size scale. The spec declares no equivalent, so these are unchanged.
$size-xs: 8px !default;
$size-sm: 16px !default;
$size-md: 20px !default;
$size-lg: 32px !default;
$size-xl: 48px !default;
$size-xxl: 64px !default;

$sizing-values: (
  xs: $size-xs,
  sm: $size-sm,
  md: $size-md,
  lg: $size-lg,
  xl: $size-xl,
  xxl: $size-xxl,
) !default;

// Component heights
//
// From the spec's "Component sizing" block. These fix the height of an
// interactive row or control so a toolbar, a filter row and a grid line up
// without each screen re-deciding.
$control-height: 40px !default;     // inputs, selects, buttons
$control-height-sm: $menu-size !default; // 32px — compact filter controls, pager buttons
$grid-header-height: 44px !default; // column-header row
$grid-filter-height: 48px !default; // in-grid filter row
$grid-row-height: 58px !default;    // data row
$badge-height: 24px !default;       // status / type pill