helpers/styles.js

/**
 * @file
 * CSS Styles constant dictionary.
 * @module styles
 * @alias module:styles
 */
/**
 * @enum {string}
 */
export default {
    container: "carbon-graph-container",
    canvas: "carbon-graph-canvas",
    canvasXAxis: "carbon-x-axis-canvas",
    axis: "carbon-axis",
    axisX: "carbon-axis-x",
    axisY: "carbon-axis-y",
    axisY2: "carbon-axis-y2",
    axisReferenceLine: "carbon-axis-reference-line",
    grid: "carbon-grid",
    gridH: "carbon-horizontal-grid",
    gridV: "carbon-vertical-grid",
    gridLowerStep: "carbon-lower-step-grid",
    gridMidpoint: "carbon-midpoint-grid",
    gridUpperStep: "carbon-upper-step-grid",
    highlight: "carbon-highlight",
    blur: "carbon-blur",
    bubbleBlur: "carbon-bubble-blur",
    svgIcon: "carbon-svgIcon",
    axisLabelX: "carbon-x-axis-label",
    axisLabelY: "carbon-y-axis-label",
    axisLabelY2: "carbon-y2-axis-label",
    axisLabelYShapeContainer: "carbon-y-axis-label-shape-container",
    axisLabelY2ShapeContainer: "carbon-y2-axis-label-shape-container",
    axisLabelRow: "carbon-axis-label-row",
    axisLabel: "carbon-axis-label-item",
    axisYTrackLabel: "carbon-y-axis-track-label",
    legend: "carbon-legend",
    legendItem: "carbon-legend-item",
    legendItemBtn: "carbon-legend-item-btn",
    legendItemIcon: "carbon-legend-item-icon",
    legendItemLine: "carbon-legend-item-line",
    legendItemLineWithIcon: "carbon-legend-item-line-with-icon",
    legendItemSpan: "carbon-legend-item-span",
    legendItemWhiteLine: "carbon-legend-white-line",
    legendItemText: "carbon-legend-item-text",
    contentContainer: "carbon-content-container",
    datelineContent: "carbon-dateline-content",
    datelineGroup: "carbon-dateline-group",
    datelinePoint: "carbon-dateline-point",
    dateline: "carbon-dateline",
    eventlineContent: "carbon-eventline-content",
    eventlineGroup: "carbon-eventline-group",
    eventline: "carbon-eventline",
    noDataContainer: "carbon-no-data-container",
    noDataLabel: "carbon-no-data-label",
    noDataOverlay: "carbon-no-data-overlay",
    labelPopupOverlay: "carbon-label-popup-overlay",
    labelPopupTooltip: "carbon-label-popup-tooltip",

    /**
     * Line
     */
    lineGraphContent: "carbon-line-graph-content",
    currentLinesGroup: "carbon-data-lines-group",
    currentPointsGroup: "carbon-data-points-group",
    dataPointSelection: "carbon-selected-data-point",
    dataPointDisplayEnable: "carbon-data-pair--selected",

    /**
     * Bubble
     */
    bubbleGraphContent: "carbon-bubble-graph-content",
    /**
     * Paired Result
     */
    pairedBoxGroup: "carbon-data-pairs-group",
    pairedBox: "carbon-data-pair",
    pointGroup: "carbon-data-points",
    line: "carbon-line",
    point: "carbon-point",
    pairedLine: "carbon-paired-line",
    pairedPoint: "carbon-paired-point",
    high: "carbon-high",
    low: "carbon-low",
    mid: "carbon-mid",
    /**
     * Regions
     */
    regionGroup: "carbon-region-group",
    regionPairGroup: "carbon-region-pair-group",
    region: "carbon-region",
    regionHighlight: "carbon-region-highlight",
    regionBlur: "carbon-region-blur",
    valueRegion: "carbon-value-region",
    /**
     * Criticality
     */
    criticalityOuterPoint: "carbon-criticality-outer",
    criticalityInnerPoint: "carbon-criticality-inner",
    criticalityTimelineOuterPoint: "carbon-timeline-criticality-outer",
    criticalityTimelineInnerPoint: "carbon-timeline-criticality-inner",
    /**
     * Gantt
     */
    ganttChartContent: "carbon-gantt-chart-content",
    trackGroup: "carbon-data-track-group",
    ganttTrackSelectorGroup: "carbon-gantt-track-selector-group",
    ganttTrackBarSelection: "carbon-track-selected-bar",
    taskGroup: "carbon-data-task-group",
    task: "carbon-data-task",
    taskBar: "carbon-data-bar",
    taskBarSelection: "carbon-data-selected-bar",
    taskBarCompletion: "carbon-data-completion-bar",
    activityGroup: "carbon-data-activity-group",
    activity: "carbon-data-activity",
    activityBar: "carbon-data-activity-bar",
    /**
     * Timeline
     */
    timelineGraphContent: "carbon-timeline-graph-content",
    timelineContentGroup: "carbon-timeline-content-group",
    /**
     * Bar
     */
    bar: "carbon-bar-graph",
    barGraphContent: "carbon-bar-graph-content",
    currentBarsGroup: "carbon-data-bars-group",
    barHashedRect: "carbon-data-bar--hashed",
    barSelectionGroup: "carbon-bar-selector-group",
    barGoalLine: "carbon-bar-goal-line",
    /**
     * Axis Info Row
     */
    axisInfoRow: "carbon-axis-info-row",
    axisInfoRowItem: "carbon-axis-info-row-item",
    axisInfoRowIcon: "carbon-axis-info-row-icon",
    axisInfoRowDisplay: "carbon-axis-info-row-item-display",
    axisInfoRowSecondaryDisplay: "carbon-axis-info-row-item-sec-display",
    /**
     * Pie
     */
    pieChartCanvas: "carbon-pie-chart-canvas",
    pieChartContent: "carbon-pie-chart-content",
    pieContentGroup: "carbon-data-pie-group",
    pieContentSlice: "carbon-data-pie-slice",
    pieLegendItem: "carbon-pie-legend-item",
    pieLegendItemIcon: "carbon-pie-legend-item-icon",
    pieLegendItemSliceHover: "carbon-pie-legend-item-slice-hover",
    /**
     * Scatter
     */
    scatterGraphContent: "carbon-scatter-graph-content"
};