const CHART_SECTOR_DEFAULT_COLORS = [
  "--base-gray-500",
  "--base-gray-400",
  "--base-gray-300",
  "--base-gray-200",
  "--base-gray-100"
];
const CHART_SECTOR_ENHANCED_COLORS = [
  "--base-blue-500",
  "--base-blue-400",
  "--base-blue-300",
  "--base-blue-200",
  "--base-blue-100"
];
const CHART_DIMENSIONS = {
  CANVAS_PADDING: 32,
  CHART_WIDTH: 256,
  MIN_CHART_WIDTH: 48,
  /** Minimum height for displaying labels and readouts - below 192px, labels are hidden */
  MIN_HEIGHT_WITH_LABELS: 192
};
const OUTER_LABEL_CONFIG = {
  labelGap: 8,
  // Gap between chart edge and label text (in pixels)
  fontFamily: "--font-family-main",
  fontSizeVar: "--global-typography-ui-label-font-size",
  fontWeightVar: "--global-typography-ui-label-font-weight",
  fontColorVar: "--instrument-tick-mark-label-secondary-color"
};
const CENTER_READOUT_CONFIG = {
  value: {
    fontSizeVar: "--global-typography-instrument-value-large-font-size",
    fontWeightVar: "--global-typography-instrument-value-regular-font-weight-active",
    fontColorVar: "--element-neutral-color"
  },
  label: {
    fontSizeVar: "--global-typography-instrument-label-font-size",
    fontWeightVar: "--global-typography-instrument-label-font-weight",
    fontColorVar: "--instrument-regular-secondary-color"
  },
  unit: {
    fontSizeVar: "--global-typography-instrument-unit-font-size",
    fontWeightVar: "--global-typography-instrument-unit-font-weight",
    fontColorVar: "--instrument-regular-secondary-color"
  }
};
const TOOLTIP_CONFIG = {
  bgColorVar: "--container-global-color",
  borderColorVar: "--normal-enabled-border-color",
  BORDER_RADIUS: 6,
  fontColorVar: "--element-neutral-color",
  label: {
    fontSizeVar: "--global-typography-instrument-label-font-size",
    fontWeightVar: "--global-typography-instrument-label-font-weight",
    fontColorVar: "--instrument-regular-secondary-color"
  },
  unit: {
    fontSizeVar: "--global-typography-instrument-unit-font-size",
    fontWeightVar: "--global-typography-instrument-unit-font-weight",
    fontColorVar: "--instrument-regular-secondary-color"
  }
};
const LINE_GRAPH_LABEL_CONFIG = {
  fontFamily: "--font-family-main",
  fontSizeVar: "--global-typography-ui-label-font-size",
  fontWeightVar: "--global-typography-ui-label-font-weight",
  fontColorVar: "--instrument-tick-mark-label-secondary-color"
};
const LINE_GRAPH_GRID_CONFIG = {
  gridColorVar: "--instrument-tick-mark-tertiary-color",
  tickColorVar: "--border-outline-color",
  thresholdLowColorVar: "--base-red-500",
  thresholdHighColorVar: "--base-blue-500",
  stackedDividerColorVar: "--overlay-border-silhouette-color"
};
const CHART_AREA_BACKGROUND_COLOR_VAR = "--instrument-frame-primary-color";
const RECTANGULAR_CHART_DIMENSIONS = {
  DEFAULT_ASPECT_RATIO: 1.5,
  // width:height for line graphs
  MIN_HEIGHT_WITH_LABELS: 192
  // Threshold for showing labels/ticks
};
export {
  CENTER_READOUT_CONFIG,
  CHART_AREA_BACKGROUND_COLOR_VAR,
  CHART_DIMENSIONS,
  CHART_SECTOR_DEFAULT_COLORS,
  CHART_SECTOR_ENHANCED_COLORS,
  LINE_GRAPH_GRID_CONFIG,
  LINE_GRAPH_LABEL_CONFIG,
  OUTER_LABEL_CONFIG,
  RECTANGULAR_CHART_DIMENSIONS,
  TOOLTIP_CONFIG
};
//# sourceMappingURL=constants.js.map
