@patternfly/react-charts/src/victory/components/ChartTheme/themes/base-theme.ts

This library provides a set of React chart components for use with the PatternFly reference implementation.

/* eslint-disable camelcase */
import chart_global_FontFamily from '@patternfly/react-tokens/dist/esm/chart_global_FontFamily';
import chart_global_letter_spacing from '@patternfly/react-tokens/dist/esm/chart_global_letter_spacing';
import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm';
import chart_global_label_Padding from '@patternfly/react-tokens/dist/esm/chart_global_label_Padding';
import chart_global_label_stroke from '@patternfly/react-tokens/dist/esm/chart_global_label_stroke';
import chart_global_label_text_anchor from '@patternfly/react-tokens/dist/esm/chart_global_label_text_anchor';
import chart_global_label_Fill from '@patternfly/react-tokens/dist/esm/chart_global_label_Fill';
import chart_global_layout_Padding from '@patternfly/react-tokens/dist/esm/chart_global_layout_Padding';
import chart_global_layout_Height from '@patternfly/react-tokens/dist/esm/chart_global_layout_Height';
import chart_global_layout_Width from '@patternfly/react-tokens/dist/esm/chart_global_layout_Width';
import chart_global_stroke_line_cap from '@patternfly/react-tokens/dist/esm/chart_global_stroke_line_cap';
import chart_global_stroke_line_join from '@patternfly/react-tokens/dist/esm/chart_global_stroke_line_join';
import chart_area_data_Fill from '@patternfly/react-tokens/dist/esm/chart_area_data_Fill';
import chart_area_Opacity from '@patternfly/react-tokens/dist/esm/chart_area_Opacity';
import chart_area_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_area_stroke_Width';
import chart_axis_axis_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_axis_axis_stroke_Width';
import chart_axis_axis_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_axis_stroke_Color';
import chart_axis_axis_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_axis_Fill';
import chart_axis_axis_label_Padding from '@patternfly/react-tokens/dist/esm/chart_axis_axis_label_Padding';
import chart_axis_axis_label_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_axis_label_stroke_Color';
import chart_axis_grid_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_grid_Fill';
import chart_axis_grid_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_axis_grid_PointerEvents';
import chart_axis_tick_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Fill';
import chart_axis_tick_Size from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Size';
import chart_axis_tick_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_axis_tick_stroke_Color';
import chart_axis_tick_Width from '@patternfly/react-tokens/dist/esm/chart_axis_tick_Width';
import chart_axis_tick_label_Fill from '@patternfly/react-tokens/dist/esm/chart_axis_tick_label_Fill';
import chart_bar_Width from '@patternfly/react-tokens/dist/esm/chart_bar_Width';
import chart_bar_data_stroke from '@patternfly/react-tokens/dist/esm/chart_bar_data_stroke';
import chart_bar_data_Fill from '@patternfly/react-tokens/dist/esm/chart_bar_data_Fill';
import chart_bar_data_Padding from '@patternfly/react-tokens/dist/esm/chart_bar_data_Padding';
import chart_bar_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bar_data_stroke_Width';
import chart_boxplot_max_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_Padding';
import chart_boxplot_max_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_stroke_Color';
import chart_boxplot_max_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_max_stroke_Width';
import chart_boxplot_median_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_Padding';
import chart_boxplot_median_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_stroke_Color';
import chart_boxplot_median_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_median_stroke_Width';
import chart_boxplot_min_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_Padding';
import chart_boxplot_min_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_stroke_Width';
import chart_boxplot_min_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_boxplot_min_stroke_Color';
import chart_boxplot_lower_quartile_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_lower_quartile_Padding';
import chart_boxplot_lower_quartile_Fill from '@patternfly/react-tokens/dist/esm/chart_boxplot_lower_quartile_Fill';
import chart_boxplot_upper_quartile_Padding from '@patternfly/react-tokens/dist/esm/chart_boxplot_upper_quartile_Padding';
import chart_boxplot_upper_quartile_Fill from '@patternfly/react-tokens/dist/esm/chart_boxplot_upper_quartile_Fill';
import chart_boxplot_box_Width from '@patternfly/react-tokens/dist/esm/chart_boxplot_box_Width';
import chart_candelstick_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_candelstick_data_stroke_Width';
import chart_candelstick_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_data_stroke_Color';
import chart_candelstick_candle_positive_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_candle_positive_Color';
import chart_candelstick_candle_negative_Color from '@patternfly/react-tokens/dist/esm/chart_candelstick_candle_negative_Color';
import chart_errorbar_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_errorbar_BorderWidth';
import chart_errorbar_data_Fill from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_Fill';
import chart_errorbar_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_Opacity';
import chart_errorbar_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_stroke_Width';
import chart_errorbar_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_errorbar_data_stroke_Color';
import chart_legend_gutter_Width from '@patternfly/react-tokens/dist/esm/chart_legend_gutter_Width';
import chart_legend_orientation from '@patternfly/react-tokens/dist/esm/chart_legend_orientation';
import chart_legend_title_orientation from '@patternfly/react-tokens/dist/esm/chart_legend_title_orientation';
import chart_legend_data_type from '@patternfly/react-tokens/dist/esm/chart_legend_data_type';
import chart_legend_title_Padding from '@patternfly/react-tokens/dist/esm/chart_legend_title_Padding';
import chart_line_data_Fill from '@patternfly/react-tokens/dist/esm/chart_line_data_Fill';
import chart_line_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_line_data_Opacity';
import chart_line_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_line_data_stroke_Width';
import chart_line_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_line_data_stroke_Color';
import chart_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_Padding';
import chart_pie_data_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_data_Padding';
import chart_pie_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_pie_data_stroke_Width';
import chart_pie_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_pie_data_stroke_Color';
import chart_pie_labels_Padding from '@patternfly/react-tokens/dist/esm/chart_pie_labels_Padding';
import chart_pie_Height from '@patternfly/react-tokens/dist/esm/chart_pie_Height';
import chart_pie_Width from '@patternfly/react-tokens/dist/esm/chart_pie_Width';
import chart_scatter_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_scatter_data_stroke_Color';
import chart_scatter_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_scatter_data_stroke_Width';
import chart_scatter_data_Opacity from '@patternfly/react-tokens/dist/esm/chart_scatter_data_Opacity';
import chart_scatter_data_Fill from '@patternfly/react-tokens/dist/esm/chart_scatter_data_Fill';
import chart_stack_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_stack_data_stroke_Width';
import chart_tooltip_corner_radius from '@patternfly/react-tokens/dist/esm/chart_tooltip_corner_radius';
import chart_tooltip_pointer_length from '@patternfly/react-tokens/dist/esm/chart_tooltip_pointer_length';
import chart_tooltip_Fill from '@patternfly/react-tokens/dist/esm/chart_tooltip_Fill';
import chart_tooltip_flyoutStyle_corner_radius from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_corner_radius';
import chart_tooltip_flyoutStyle_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Width';
import chart_tooltip_flyoutStyle_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_PointerEvents';
import chart_tooltip_flyoutStyle_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_stroke_Color';
import chart_tooltip_flyoutStyle_Fill from '@patternfly/react-tokens/dist/esm/chart_tooltip_flyoutStyle_Fill';
import chart_tooltip_pointer_Width from '@patternfly/react-tokens/dist/esm/chart_tooltip_pointer_Width';
import chart_tooltip_Padding from '@patternfly/react-tokens/dist/esm/chart_tooltip_Padding';
import chart_tooltip_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_tooltip_PointerEvents';
import chart_voronoi_data_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_Fill';
import chart_voronoi_data_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_stroke_Color';
import chart_voronoi_data_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_voronoi_data_stroke_Width';
import chart_voronoi_labels_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Fill';
import chart_voronoi_labels_Padding from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_Padding';
import chart_voronoi_labels_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_voronoi_labels_PointerEvents';
import chart_voronoi_flyout_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Width';
import chart_voronoi_flyout_PointerEvents from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_PointerEvents';
import chart_voronoi_flyout_stroke_Color from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Color';
import chart_voronoi_flyout_stroke_Fill from '@patternfly/react-tokens/dist/esm/chart_voronoi_flyout_stroke_Fill';
import chart_donut_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Height';
import chart_donut_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_pie_angle_Padding';
import chart_donut_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Padding';
import chart_donut_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_pie_Width';
import chart_donut_threshold_dynamic_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Height';
import chart_donut_threshold_dynamic_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Padding';
import chart_donut_threshold_dynamic_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_dynamic_pie_Width';
import chart_donut_threshold_static_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Height';
import chart_donut_threshold_static_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_angle_Padding';
import chart_donut_threshold_static_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Padding';
import chart_donut_threshold_static_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_threshold_static_pie_Width';
import chart_donut_utilization_dynamic_pie_Height from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Height';
import chart_donut_utilization_dynamic_pie_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Padding';
import chart_donut_utilization_dynamic_pie_angle_Padding from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_angle_Padding';
import chart_donut_utilization_dynamic_pie_Width from '@patternfly/react-tokens/dist/esm/chart_donut_utilization_dynamic_pie_Width';
import chart_threshold_stroke_dash_array from '@patternfly/react-tokens/dist/esm/chart_threshold_stroke_dash_array';
import chart_threshold_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_threshold_stroke_Width';
import chart_bullet_Height from '@patternfly/react-tokens/dist/esm/chart_bullet_Height';
import chart_bullet_comparative_measure_error_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_error_stroke_Width';
import chart_bullet_comparative_measure_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_stroke_Width';
import chart_bullet_comparative_measure_warning_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_comparative_measure_warning_stroke_Width';
import chart_bullet_group_title_divider_stroke_Width from '@patternfly/react-tokens/dist/esm/chart_bullet_group_title_divider_stroke_Width';
import { ChartComponentThemeDefinition, ChartThemeDefinition } from '../ChartTheme';

// Note: Values must be in pixles

// Typography
//
// Note: Victory's approximateTextSize function uses specific character widths and does not work with font variables
// See https://github.com/patternfly/patternfly-react/issues/5300 and https://github.com/patternfly/patternfly-react/pull/5301
const TYPOGRAPHY_FONT_FAMILY = chart_global_FontFamily.var.replace(/"/g, "'"); // Well-formed XML
const TYPOGRAPHY_LETTER_SPACING = chart_global_letter_spacing.value;
const TYPOGRAPHY_FONT_SIZE = chart_global_FontSize_sm.value;

// Labels
const LABEL_PROPS = {
  fontFamily: TYPOGRAPHY_FONT_FAMILY,
  fontSize: TYPOGRAPHY_FONT_SIZE,
  letterSpacing: TYPOGRAPHY_LETTER_SPACING,
  padding: chart_global_label_Padding.value,
  stroke: chart_global_label_stroke.var,
  fill: chart_global_label_Fill.var
};

const LABEL_CENTERED_PROPS = {
  ...LABEL_PROPS,
  textAnchor: chart_global_label_text_anchor.value
};

// Layout
const LAYOUT_PROPS = {
  padding: chart_global_layout_Padding.value,
  height: chart_global_layout_Height.value,
  width: chart_global_layout_Width.value
};

// Strokes
const STROKE_LINE_CAP = chart_global_stroke_line_cap.value;
const STROKE_LINE_JOIN = chart_global_stroke_line_join.value;

/**
 * Base theme containing Victory properties only
 *
 * @private Not intended as public API and subject to change
 */
export const BaseTheme: ChartThemeDefinition = {
  area: {
    ...LAYOUT_PROPS,
    style: {
      data: {
        fill: chart_area_data_Fill.var,
        fillOpacity: chart_area_Opacity.value,
        // Omit stroke to add a line border from color scale
        // stroke: chart_global_label_stroke.value,
        strokeWidth: chart_area_stroke_Width.value
      },
      labels: LABEL_CENTERED_PROPS
    }
  },
  axis: {
    ...LAYOUT_PROPS,
    style: {
      axis: {
        fill: chart_axis_axis_Fill.var,
        strokeWidth: chart_axis_axis_stroke_Width.value,
        stroke: chart_axis_axis_stroke_Color.var,
        strokeLinecap: STROKE_LINE_CAP,
        strokeLinejoin: STROKE_LINE_JOIN
      },
      axisLabel: {
        ...LABEL_CENTERED_PROPS,
        padding: chart_axis_axis_label_Padding.value,
        stroke: chart_axis_axis_label_stroke_Color.var
      },
      grid: {
        fill: chart_axis_grid_Fill.var,
        stroke: 'transparent',
        pointerEvents: chart_axis_grid_PointerEvents.value,
        strokeLinecap: STROKE_LINE_CAP,
        strokeLinejoin: STROKE_LINE_JOIN
      },
      ticks: {
        fill: chart_axis_tick_Fill.var,
        size: chart_axis_tick_Size.value,
        stroke: chart_axis_tick_stroke_Color.var,
        strokeLinecap: STROKE_LINE_CAP,
        strokeLinejoin: STROKE_LINE_JOIN,
        strokeWidth: chart_axis_tick_Width.value
      },
      tickLabels: {
        ...LABEL_PROPS,
        fill: chart_axis_tick_label_Fill.var
      }
    }
  },
  bar: {
    ...LAYOUT_PROPS,
    barWidth: chart_bar_Width.value,
    style: {
      data: {
        fill: chart_bar_data_Fill.var,
        padding: chart_bar_data_Padding.value,
        stroke: chart_bar_data_stroke.var,
        strokeWidth: chart_bar_data_stroke_Width.value
      },
      labels: LABEL_PROPS
    }
  } as any, // Victory is missing barWidth
  boxplot: {
    ...LAYOUT_PROPS,
    style: {
      max: {
        padding: chart_boxplot_max_Padding.value,
        stroke: chart_boxplot_max_stroke_Color.var,
        strokeWidth: chart_boxplot_max_stroke_Width.value
      },
      maxLabels: LABEL_PROPS,
      median: {
        padding: chart_boxplot_median_Padding.value,
        stroke: chart_boxplot_median_stroke_Color.var,
        strokeWidth: chart_boxplot_median_stroke_Width.value
      },
      medianLabels: LABEL_PROPS,
      min: {
        padding: chart_boxplot_min_Padding.value,
        stroke: chart_boxplot_min_stroke_Color.var,
        strokeWidth: chart_boxplot_min_stroke_Width.value
      },
      minLabels: LABEL_PROPS,
      q1: {
        fill: chart_boxplot_lower_quartile_Fill.var,
        padding: chart_boxplot_lower_quartile_Padding.value
      },
      q1Labels: LABEL_PROPS,
      q3: {
        fill: chart_boxplot_upper_quartile_Fill.var,
        padding: chart_boxplot_upper_quartile_Padding.value
      },
      q3Labels: LABEL_PROPS
    },
    boxWidth: chart_boxplot_box_Width.value
  },
  candlestick: {
    ...LAYOUT_PROPS,
    candleColors: {
      positive: chart_candelstick_candle_positive_Color.var,
      negative: chart_candelstick_candle_negative_Color.var
    },
    style: {
      data: {
        stroke: chart_candelstick_data_stroke_Color.var,
        strokeWidth: chart_candelstick_data_stroke_Width.value
      },
      labels: LABEL_CENTERED_PROPS
    }
  },
  chart: {
    ...LAYOUT_PROPS
  },
  errorbar: {
    ...LAYOUT_PROPS,
    borderWidth: chart_errorbar_BorderWidth.value,
    style: {
      data: {
        fill: chart_errorbar_data_Fill.var,
        opacity: chart_errorbar_data_Opacity.value,
        stroke: chart_errorbar_data_stroke_Color.var,
        strokeWidth: chart_errorbar_data_stroke_Width.value
      },
      labels: LABEL_CENTERED_PROPS
    }
  },
  group: {
    ...LAYOUT_PROPS
  },
  legend: {
    gutter: chart_legend_gutter_Width.value,
    orientation: chart_legend_orientation.value,
    titleOrientation: chart_legend_title_orientation.value,
    style: {
      data: {
        type: chart_legend_data_type.value
      },
      labels: LABEL_PROPS,
      title: {
        ...LABEL_PROPS,
        fontSize: TYPOGRAPHY_FONT_SIZE,
        padding: chart_legend_title_Padding.value
      }
    }
  },
  line: {
    ...LAYOUT_PROPS,
    style: {
      data: {
        fill: chart_line_data_Fill.var,
        opacity: chart_line_data_Opacity.value,
        stroke: chart_line_data_stroke_Color.var,
        strokeWidth: chart_line_data_stroke_Width.value
      },
      labels: LABEL_CENTERED_PROPS
    }
  },
  pie: {
    padding: chart_pie_Padding.value,
    style: {
      data: {
        padding: chart_pie_data_Padding.value,
        stroke: chart_pie_data_stroke_Color.var,
        strokeWidth: chart_pie_data_stroke_Width.value
      },
      labels: {
        ...LABEL_PROPS,
        padding: chart_pie_labels_Padding.value
      }
    },
    height: chart_pie_Height.value,
    width: chart_pie_Width.value
  },
  scatter: {
    ...LAYOUT_PROPS,
    style: {
      data: {
        fill: chart_scatter_data_Fill.var,
        opacity: chart_scatter_data_Opacity.value,
        stroke: chart_scatter_data_stroke_Color.var,
        strokeWidth: chart_scatter_data_stroke_Width.value
      },
      labels: LABEL_CENTERED_PROPS
    }
  },
  stack: {
    ...LAYOUT_PROPS,
    style: {
      data: {
        strokeWidth: chart_stack_data_stroke_Width.value
      }
    }
  } as any, // Victory is missing style
  tooltip: {
    cornerRadius: chart_tooltip_corner_radius.value,
    flyoutPadding: chart_tooltip_Padding.value,
    flyoutStyle: {
      cornerRadius: chart_tooltip_flyoutStyle_corner_radius.value,
      fill: chart_tooltip_flyoutStyle_Fill.var, // background
      pointerEvents: chart_tooltip_flyoutStyle_PointerEvents.var,
      stroke: chart_tooltip_flyoutStyle_stroke_Color.var, // border
      strokeWidth: chart_tooltip_flyoutStyle_stroke_Width.var
    },
    pointerLength: chart_tooltip_pointer_length.value,
    pointerWidth: chart_tooltip_pointer_Width.value,
    style: {
      fill: chart_tooltip_Fill.var, // text
      pointerEvents: chart_tooltip_PointerEvents.var
    }
  } as any, // Victory is missing cornerRadius and pointerWidth
  voronoi: {
    ...LAYOUT_PROPS,
    style: {
      data: {
        fill: chart_voronoi_data_Fill.var,
        stroke: chart_voronoi_data_stroke_Color.var,
        strokeWidth: chart_voronoi_data_stroke_Width.value
      },
      labels: {
        ...LABEL_CENTERED_PROPS,
        fill: chart_voronoi_labels_Fill.var, // text
        padding: chart_voronoi_labels_Padding.value,
        pointerEvents: chart_voronoi_labels_PointerEvents.value
      },
      // Note: These properties override tooltip
      flyout: {
        fill: chart_voronoi_flyout_stroke_Fill.var, // background
        pointerEvents: chart_voronoi_flyout_PointerEvents.var,
        stroke: chart_voronoi_flyout_stroke_Color.var, // border
        strokeWidth: chart_voronoi_flyout_stroke_Width.var
      }
    }
  }
};

/**
 * Base component theme
 *
 * @private Not intended as public API and subject to change
 */
export const BaseComponentTheme: ChartComponentThemeDefinition = {
  axis: {
    // TBD...
  },
  bullet: {
    chart: {
      height: chart_bullet_Height.value
    }
  },
  bulletComparativeErrorMeasure: {
    bar: {
      height: chart_bullet_Height.value,
      style: {
        data: {
          strokeWidth: chart_bullet_comparative_measure_error_stroke_Width.value
        }
      }
    }
  },
  bulletComparativeMeasure: {
    bar: {
      height: chart_bullet_Height.value,
      style: {
        data: {
          strokeWidth: chart_bullet_comparative_measure_stroke_Width.value
        }
      }
    }
  },
  bulletComparativeWarningMeasure: {
    bar: {
      height: chart_bullet_Height.value,
      style: {
        data: {
          strokeWidth: chart_bullet_comparative_measure_warning_stroke_Width.value
        }
      }
    }
  },
  bulletGroupTitle: {
    chart: {
      padding: {
        bottom: 0,
        left: 0,
        right: 0,
        top: chart_global_layout_Padding.value
      } as any // Victory incorrectly typed ThemeBaseProps.padding as number instead of PaddingProps
    },
    line: {
      style: {
        data: {
          strokeWidth: chart_bullet_group_title_divider_stroke_Width.value
        }
      }
    }
  },
  bulletPrimaryDotMeasure: {
    group: {
      height: chart_bullet_Height.value
    }
  },
  bulletPrimaryNegativeMeasure: {
    group: {
      height: chart_bullet_Height.value
    }
  },
  bulletPrimarySegmentedMeasure: {
    group: {
      height: chart_bullet_Height.value
    }
  },
  bulletQualitativeRange: {
    group: {
      height: chart_bullet_Height.value
    }
  },
  donut: {
    pie: {
      height: chart_donut_pie_Height.value,
      padding: chart_donut_pie_Padding.value,
      padAngle: chart_donut_pie_angle_Padding.value,
      width: chart_donut_pie_Width.value
    } as any // Victory is missing padAngle
  },
  donutThresholdDynamic: {
    pie: {
      height: chart_donut_threshold_dynamic_pie_Height.value,
      padding: chart_donut_threshold_dynamic_pie_Padding.value,
      width: chart_donut_threshold_dynamic_pie_Width.value
    }
  },
  donutThresholdStatic: {
    pie: {
      height: chart_donut_threshold_static_pie_Height.value,
      padAngle: chart_donut_threshold_static_pie_angle_Padding.value,
      padding: chart_donut_threshold_static_pie_Padding.value,
      width: chart_donut_threshold_static_pie_Width.value
    } as any // Victory is missing padAngle
  },
  donutUtilization: {
    pie: {
      height: chart_donut_utilization_dynamic_pie_Height.value,
      padding: chart_donut_utilization_dynamic_pie_Padding.value,
      padAngle: chart_donut_utilization_dynamic_pie_angle_Padding.value,
      width: chart_donut_utilization_dynamic_pie_Width.value
    } as any // Victory is missing padAngle
  },
  threshold: {
    line: {
      style: {
        data: {
          strokeDasharray: chart_threshold_stroke_dash_array.value,
          strokeWidth: chart_threshold_stroke_Width.value
        }
      }
    }
  }
};