@synergy-design-system/tokens/dist/charts/js/index.js

Design tokens for Synergy, the SICK Design System

/**
 * @synergy-design-system/tokens version 3.22.2
 * SICK Global UX Foundation
 */

/**
 * @type {string}
 */
export const SynChartBackgroundColor = 'var(--syn-chart-background-color)';

/**
 * @type {string}
 */
export const SynChartCategorical10 = 'var(--syn-chart-categorical-10)';

/**
 * @type {string}
 */
export const SynChartCategorical11 = 'var(--syn-chart-categorical-11)';

/**
 * @type {string}
 */
export const SynChartCategorical12 = 'var(--syn-chart-categorical-12)';

/**
 * @type {string}
 */
export const SynChartCategorical01 = 'var(--syn-chart-categorical-01)';

/**
 * @type {string}
 */
export const SynChartCategorical02 = 'var(--syn-chart-categorical-02)';

/**
 * @type {string}
 */
export const SynChartCategorical03 = 'var(--syn-chart-categorical-03)';

/**
 * @type {string}
 */
export const SynChartCategorical04 = 'var(--syn-chart-categorical-04)';

/**
 * @type {string}
 */
export const SynChartCategorical05 = 'var(--syn-chart-categorical-05)';

/**
 * @type {string}
 */
export const SynChartCategorical06 = 'var(--syn-chart-categorical-06)';

/**
 * @type {string}
 */
export const SynChartCategorical07 = 'var(--syn-chart-categorical-07)';

/**
 * @type {string}
 */
export const SynChartCategorical08 = 'var(--syn-chart-categorical-08)';

/**
 * @type {string}
 */
export const SynChartCategorical09 = 'var(--syn-chart-categorical-09)';

/**
 * @type {string}
 */
export const SynChartDisabledColor = 'var(--syn-chart-disabled-color)';

/**
 * @type {string}
 */
export const SynChartGridLinesColor = 'var(--syn-chart-grid-lines-color)';

/**
 * @type {string}
 */
export const SynChartGridLinesColorEmphasize = 'var(--syn-chart-grid-lines-color-emphasize)';

/**
 * @type {string}
 */
export const SynChartPlotLineColor = 'var(--syn-chart-plot-line-color)';

/**
 * @type {string}
 */
export const SynChartRangeSelectionColor = 'var(--syn-chart-range-selection-color)';

/**
 * @type {string}
 */
export const SynChartSequential01_10 = 'var(--syn-chart-sequential-01-10)';

/**
 * @type {string}
 */
export const SynChartSequential01_20 = 'var(--syn-chart-sequential-01-20)';

/**
 * @type {string}
 */
export const SynChartSequential01_30 = 'var(--syn-chart-sequential-01-30)';

/**
 * @type {string}
 */
export const SynChartSequential01_40 = 'var(--syn-chart-sequential-01-40)';

/**
 * @type {string}
 */
export const SynChartSequential01_50 = 'var(--syn-chart-sequential-01-50)';

/**
 * @type {string}
 */
export const SynChartSequential01_60 = 'var(--syn-chart-sequential-01-60)';

/**
 * @type {string}
 */
export const SynChartSequential01_70 = 'var(--syn-chart-sequential-01-70)';

/**
 * @type {string}
 */
export const SynChartSequential01_80 = 'var(--syn-chart-sequential-01-80)';

/**
 * @type {string}
 */
export const SynChartSequential01_90 = 'var(--syn-chart-sequential-01-90)';

/**
 * @type {string}
 */
export const SynChartSequential01_100 = 'var(--syn-chart-sequential-01-100)';

/**
 * @type {string}
 */
export const SynChartSequential02_10 = 'var(--syn-chart-sequential-02-10)';

/**
 * @type {string}
 */
export const SynChartSequential02_20 = 'var(--syn-chart-sequential-02-20)';

/**
 * @type {string}
 */
export const SynChartSequential02_30 = 'var(--syn-chart-sequential-02-30)';

/**
 * @type {string}
 */
export const SynChartSequential02_40 = 'var(--syn-chart-sequential-02-40)';

/**
 * @type {string}
 */
export const SynChartSequential02_50 = 'var(--syn-chart-sequential-02-50)';

/**
 * @type {string}
 */
export const SynChartSequential02_60 = 'var(--syn-chart-sequential-02-60)';

/**
 * @type {string}
 */
export const SynChartSequential02_70 = 'var(--syn-chart-sequential-02-70)';

/**
 * @type {string}
 */
export const SynChartSequential02_80 = 'var(--syn-chart-sequential-02-80)';

/**
 * @type {string}
 */
export const SynChartSequential02_90 = 'var(--syn-chart-sequential-02-90)';

/**
 * @type {string}
 */
export const SynChartSequential02_100 = 'var(--syn-chart-sequential-02-100)';

/**
 * @type {string}
 */
export const SynChartSequential03_10 = 'var(--syn-chart-sequential-03-10)';

/**
 * @type {string}
 */
export const SynChartSequential03_20 = 'var(--syn-chart-sequential-03-20)';

/**
 * @type {string}
 */
export const SynChartSequential03_30 = 'var(--syn-chart-sequential-03-30)';

/**
 * @type {string}
 */
export const SynChartSequential03_40 = 'var(--syn-chart-sequential-03-40)';

/**
 * @type {string}
 */
export const SynChartSequential03_50 = 'var(--syn-chart-sequential-03-50)';

/**
 * @type {string}
 */
export const SynChartSequential03_60 = 'var(--syn-chart-sequential-03-60)';

/**
 * @type {string}
 */
export const SynChartSequential03_70 = 'var(--syn-chart-sequential-03-70)';

/**
 * @type {string}
 */
export const SynChartSequential03_80 = 'var(--syn-chart-sequential-03-80)';

/**
 * @type {string}
 */
export const SynChartSequential03_90 = 'var(--syn-chart-sequential-03-90)';

/**
 * @type {string}
 */
export const SynChartSequential03_100 = 'var(--syn-chart-sequential-03-100)';

/**
 * @type {string}
 */
export const SynChartSequential04_10 = 'var(--syn-chart-sequential-04-10)';

/**
 * @type {string}
 */
export const SynChartSequential04_20 = 'var(--syn-chart-sequential-04-20)';

/**
 * @type {string}
 */
export const SynChartSequential04_30 = 'var(--syn-chart-sequential-04-30)';

/**
 * @type {string}
 */
export const SynChartSequential04_40 = 'var(--syn-chart-sequential-04-40)';

/**
 * @type {string}
 */
export const SynChartSequential04_50 = 'var(--syn-chart-sequential-04-50)';

/**
 * @type {string}
 */
export const SynChartSequential04_60 = 'var(--syn-chart-sequential-04-60)';

/**
 * @type {string}
 */
export const SynChartSequential04_70 = 'var(--syn-chart-sequential-04-70)';

/**
 * @type {string}
 */
export const SynChartSequential04_80 = 'var(--syn-chart-sequential-04-80)';

/**
 * @type {string}
 */
export const SynChartSequential04_90 = 'var(--syn-chart-sequential-04-90)';

/**
 * @type {string}
 */
export const SynChartSequential04_100 = 'var(--syn-chart-sequential-04-100)';

/**
 * @type {string}
 */
export const SynChartSequential05_10 = 'var(--syn-chart-sequential-05-10)';

/**
 * @type {string}
 */
export const SynChartSequential05_20 = 'var(--syn-chart-sequential-05-20)';

/**
 * @type {string}
 */
export const SynChartSequential05_30 = 'var(--syn-chart-sequential-05-30)';

/**
 * @type {string}
 */
export const SynChartSequential05_40 = 'var(--syn-chart-sequential-05-40)';

/**
 * @type {string}
 */
export const SynChartSequential05_50 = 'var(--syn-chart-sequential-05-50)';

/**
 * @type {string}
 */
export const SynChartSequential05_60 = 'var(--syn-chart-sequential-05-60)';

/**
 * @type {string}
 */
export const SynChartSequential05_70 = 'var(--syn-chart-sequential-05-70)';

/**
 * @type {string}
 */
export const SynChartSequential05_80 = 'var(--syn-chart-sequential-05-80)';

/**
 * @type {string}
 */
export const SynChartSequential05_90 = 'var(--syn-chart-sequential-05-90)';

/**
 * @type {string}
 */
export const SynChartSequential05_100 = 'var(--syn-chart-sequential-05-100)';

/**
 * @type {string}
 */
export const SynChartSequential06_10 = 'var(--syn-chart-sequential-06-10)';

/**
 * @type {string}
 */
export const SynChartSequential06_20 = 'var(--syn-chart-sequential-06-20)';

/**
 * @type {string}
 */
export const SynChartSequential06_30 = 'var(--syn-chart-sequential-06-30)';

/**
 * @type {string}
 */
export const SynChartSequential06_40 = 'var(--syn-chart-sequential-06-40)';

/**
 * @type {string}
 */
export const SynChartSequential06_50 = 'var(--syn-chart-sequential-06-50)';

/**
 * @type {string}
 */
export const SynChartSequential06_60 = 'var(--syn-chart-sequential-06-60)';

/**
 * @type {string}
 */
export const SynChartSequential06_70 = 'var(--syn-chart-sequential-06-70)';

/**
 * @type {string}
 */
export const SynChartSequential06_80 = 'var(--syn-chart-sequential-06-80)';

/**
 * @type {string}
 */
export const SynChartSequential06_90 = 'var(--syn-chart-sequential-06-90)';

/**
 * @type {string}
 */
export const SynChartSequential06_100 = 'var(--syn-chart-sequential-06-100)';

/**
 * @type {string}
 */
export const SynChartSequential07_10 = 'var(--syn-chart-sequential-07-10)';

/**
 * @type {string}
 */
export const SynChartSequential07_20 = 'var(--syn-chart-sequential-07-20)';

/**
 * @type {string}
 */
export const SynChartSequential07_30 = 'var(--syn-chart-sequential-07-30)';

/**
 * @type {string}
 */
export const SynChartSequential07_40 = 'var(--syn-chart-sequential-07-40)';

/**
 * @type {string}
 */
export const SynChartSequential07_50 = 'var(--syn-chart-sequential-07-50)';

/**
 * @type {string}
 */
export const SynChartSequential07_60 = 'var(--syn-chart-sequential-07-60)';

/**
 * @type {string}
 */
export const SynChartSequential07_70 = 'var(--syn-chart-sequential-07-70)';

/**
 * @type {string}
 */
export const SynChartSequential07_80 = 'var(--syn-chart-sequential-07-80)';

/**
 * @type {string}
 */
export const SynChartSequential07_90 = 'var(--syn-chart-sequential-07-90)';

/**
 * @type {string}
 */
export const SynChartSequential07_100 = 'var(--syn-chart-sequential-07-100)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical10 = 'var(--syn-chart-sequential-status-critical-10)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical20 = 'var(--syn-chart-sequential-status-critical-20)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical30 = 'var(--syn-chart-sequential-status-critical-30)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical40 = 'var(--syn-chart-sequential-status-critical-40)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical50 = 'var(--syn-chart-sequential-status-critical-50)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical60 = 'var(--syn-chart-sequential-status-critical-60)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical70 = 'var(--syn-chart-sequential-status-critical-70)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical80 = 'var(--syn-chart-sequential-status-critical-80)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical90 = 'var(--syn-chart-sequential-status-critical-90)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusCritical100 = 'var(--syn-chart-sequential-status-critical-100)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError10 = 'var(--syn-chart-sequential-status-error-10)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError20 = 'var(--syn-chart-sequential-status-error-20)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError30 = 'var(--syn-chart-sequential-status-error-30)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError40 = 'var(--syn-chart-sequential-status-error-40)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError50 = 'var(--syn-chart-sequential-status-error-50)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError60 = 'var(--syn-chart-sequential-status-error-60)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError70 = 'var(--syn-chart-sequential-status-error-70)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError80 = 'var(--syn-chart-sequential-status-error-80)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError90 = 'var(--syn-chart-sequential-status-error-90)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusError100 = 'var(--syn-chart-sequential-status-error-100)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo10 = 'var(--syn-chart-sequential-status-info-10)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo20 = 'var(--syn-chart-sequential-status-info-20)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo30 = 'var(--syn-chart-sequential-status-info-30)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo40 = 'var(--syn-chart-sequential-status-info-40)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo50 = 'var(--syn-chart-sequential-status-info-50)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo60 = 'var(--syn-chart-sequential-status-info-60)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo70 = 'var(--syn-chart-sequential-status-info-70)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo80 = 'var(--syn-chart-sequential-status-info-80)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo90 = 'var(--syn-chart-sequential-status-info-90)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusInfo100 = 'var(--syn-chart-sequential-status-info-100)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess10 = 'var(--syn-chart-sequential-status-success-10)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess20 = 'var(--syn-chart-sequential-status-success-20)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess30 = 'var(--syn-chart-sequential-status-success-30)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess40 = 'var(--syn-chart-sequential-status-success-40)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess50 = 'var(--syn-chart-sequential-status-success-50)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess60 = 'var(--syn-chart-sequential-status-success-60)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess70 = 'var(--syn-chart-sequential-status-success-70)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess80 = 'var(--syn-chart-sequential-status-success-80)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess90 = 'var(--syn-chart-sequential-status-success-90)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusSuccess100 = 'var(--syn-chart-sequential-status-success-100)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning10 = 'var(--syn-chart-sequential-status-warning-10)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning20 = 'var(--syn-chart-sequential-status-warning-20)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning30 = 'var(--syn-chart-sequential-status-warning-30)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning40 = 'var(--syn-chart-sequential-status-warning-40)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning50 = 'var(--syn-chart-sequential-status-warning-50)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning60 = 'var(--syn-chart-sequential-status-warning-60)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning70 = 'var(--syn-chart-sequential-status-warning-70)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning80 = 'var(--syn-chart-sequential-status-warning-80)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning90 = 'var(--syn-chart-sequential-status-warning-90)';

/**
 * @type {string}
 */
export const SynChartSequentialStatusWarning100 = 'var(--syn-chart-sequential-status-warning-100)';

/**
 * @type {string}
 */
export const SynChartTooltipColor = 'var(--syn-chart-tooltip-color)';