@synergy-design-system/tokens
Version:
Design tokens for Synergy, the SICK Design System
700 lines (560 loc) • 16.9 kB
TypeScript
/**
* @synergy-design-system/tokens version 3.22.2
* SICK Global UX Foundation
*/
/**
* Maps to the css variable `--syn-chart-background-color`
*/
export const SynChartBackgroundColor: string;
/**
* Maps to the css variable `--syn-chart-categorical-10`
*/
export const SynChartCategorical10: string;
/**
* Maps to the css variable `--syn-chart-categorical-11`
*/
export const SynChartCategorical11: string;
/**
* Maps to the css variable `--syn-chart-categorical-12`
*/
export const SynChartCategorical12: string;
/**
* Maps to the css variable `--syn-chart-categorical-01`
*/
export const SynChartCategorical01: string;
/**
* Maps to the css variable `--syn-chart-categorical-02`
*/
export const SynChartCategorical02: string;
/**
* Maps to the css variable `--syn-chart-categorical-03`
*/
export const SynChartCategorical03: string;
/**
* Maps to the css variable `--syn-chart-categorical-04`
*/
export const SynChartCategorical04: string;
/**
* Maps to the css variable `--syn-chart-categorical-05`
*/
export const SynChartCategorical05: string;
/**
* Maps to the css variable `--syn-chart-categorical-06`
*/
export const SynChartCategorical06: string;
/**
* Maps to the css variable `--syn-chart-categorical-07`
*/
export const SynChartCategorical07: string;
/**
* Maps to the css variable `--syn-chart-categorical-08`
*/
export const SynChartCategorical08: string;
/**
* Maps to the css variable `--syn-chart-categorical-09`
*/
export const SynChartCategorical09: string;
/**
* Maps to the css variable `--syn-chart-disabled-color`
*/
export const SynChartDisabledColor: string;
/**
* Maps to the css variable `--syn-chart-grid-lines-color`
*/
export const SynChartGridLinesColor: string;
/**
* Maps to the css variable `--syn-chart-grid-lines-color-emphasize`
*/
export const SynChartGridLinesColorEmphasize: string;
/**
* Maps to the css variable `--syn-chart-plot-line-color`
*/
export const SynChartPlotLineColor: string;
/**
* Maps to the css variable `--syn-chart-range-selection-color`
*/
export const SynChartRangeSelectionColor: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-10`
*/
export const SynChartSequential01_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-20`
*/
export const SynChartSequential01_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-30`
*/
export const SynChartSequential01_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-40`
*/
export const SynChartSequential01_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-50`
*/
export const SynChartSequential01_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-60`
*/
export const SynChartSequential01_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-70`
*/
export const SynChartSequential01_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-80`
*/
export const SynChartSequential01_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-90`
*/
export const SynChartSequential01_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-01-100`
*/
export const SynChartSequential01_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-10`
*/
export const SynChartSequential02_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-20`
*/
export const SynChartSequential02_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-30`
*/
export const SynChartSequential02_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-40`
*/
export const SynChartSequential02_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-50`
*/
export const SynChartSequential02_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-60`
*/
export const SynChartSequential02_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-70`
*/
export const SynChartSequential02_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-80`
*/
export const SynChartSequential02_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-90`
*/
export const SynChartSequential02_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-02-100`
*/
export const SynChartSequential02_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-10`
*/
export const SynChartSequential03_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-20`
*/
export const SynChartSequential03_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-30`
*/
export const SynChartSequential03_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-40`
*/
export const SynChartSequential03_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-50`
*/
export const SynChartSequential03_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-60`
*/
export const SynChartSequential03_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-70`
*/
export const SynChartSequential03_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-80`
*/
export const SynChartSequential03_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-90`
*/
export const SynChartSequential03_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-03-100`
*/
export const SynChartSequential03_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-10`
*/
export const SynChartSequential04_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-20`
*/
export const SynChartSequential04_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-30`
*/
export const SynChartSequential04_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-40`
*/
export const SynChartSequential04_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-50`
*/
export const SynChartSequential04_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-60`
*/
export const SynChartSequential04_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-70`
*/
export const SynChartSequential04_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-80`
*/
export const SynChartSequential04_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-90`
*/
export const SynChartSequential04_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-04-100`
*/
export const SynChartSequential04_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-10`
*/
export const SynChartSequential05_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-20`
*/
export const SynChartSequential05_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-30`
*/
export const SynChartSequential05_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-40`
*/
export const SynChartSequential05_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-50`
*/
export const SynChartSequential05_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-60`
*/
export const SynChartSequential05_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-70`
*/
export const SynChartSequential05_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-80`
*/
export const SynChartSequential05_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-90`
*/
export const SynChartSequential05_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-05-100`
*/
export const SynChartSequential05_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-10`
*/
export const SynChartSequential06_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-20`
*/
export const SynChartSequential06_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-30`
*/
export const SynChartSequential06_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-40`
*/
export const SynChartSequential06_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-50`
*/
export const SynChartSequential06_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-60`
*/
export const SynChartSequential06_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-70`
*/
export const SynChartSequential06_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-80`
*/
export const SynChartSequential06_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-90`
*/
export const SynChartSequential06_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-06-100`
*/
export const SynChartSequential06_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-10`
*/
export const SynChartSequential07_10: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-20`
*/
export const SynChartSequential07_20: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-30`
*/
export const SynChartSequential07_30: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-40`
*/
export const SynChartSequential07_40: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-50`
*/
export const SynChartSequential07_50: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-60`
*/
export const SynChartSequential07_60: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-70`
*/
export const SynChartSequential07_70: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-80`
*/
export const SynChartSequential07_80: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-90`
*/
export const SynChartSequential07_90: string;
/**
* Maps to the css variable `--syn-chart-sequential-07-100`
*/
export const SynChartSequential07_100: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-10`
*/
export const SynChartSequentialStatusCritical10: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-20`
*/
export const SynChartSequentialStatusCritical20: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-30`
*/
export const SynChartSequentialStatusCritical30: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-40`
*/
export const SynChartSequentialStatusCritical40: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-50`
*/
export const SynChartSequentialStatusCritical50: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-60`
*/
export const SynChartSequentialStatusCritical60: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-70`
*/
export const SynChartSequentialStatusCritical70: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-80`
*/
export const SynChartSequentialStatusCritical80: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-90`
*/
export const SynChartSequentialStatusCritical90: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-critical-100`
*/
export const SynChartSequentialStatusCritical100: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-10`
*/
export const SynChartSequentialStatusError10: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-20`
*/
export const SynChartSequentialStatusError20: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-30`
*/
export const SynChartSequentialStatusError30: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-40`
*/
export const SynChartSequentialStatusError40: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-50`
*/
export const SynChartSequentialStatusError50: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-60`
*/
export const SynChartSequentialStatusError60: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-70`
*/
export const SynChartSequentialStatusError70: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-80`
*/
export const SynChartSequentialStatusError80: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-90`
*/
export const SynChartSequentialStatusError90: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-error-100`
*/
export const SynChartSequentialStatusError100: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-10`
*/
export const SynChartSequentialStatusInfo10: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-20`
*/
export const SynChartSequentialStatusInfo20: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-30`
*/
export const SynChartSequentialStatusInfo30: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-40`
*/
export const SynChartSequentialStatusInfo40: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-50`
*/
export const SynChartSequentialStatusInfo50: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-60`
*/
export const SynChartSequentialStatusInfo60: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-70`
*/
export const SynChartSequentialStatusInfo70: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-80`
*/
export const SynChartSequentialStatusInfo80: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-90`
*/
export const SynChartSequentialStatusInfo90: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-info-100`
*/
export const SynChartSequentialStatusInfo100: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-10`
*/
export const SynChartSequentialStatusSuccess10: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-20`
*/
export const SynChartSequentialStatusSuccess20: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-30`
*/
export const SynChartSequentialStatusSuccess30: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-40`
*/
export const SynChartSequentialStatusSuccess40: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-50`
*/
export const SynChartSequentialStatusSuccess50: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-60`
*/
export const SynChartSequentialStatusSuccess60: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-70`
*/
export const SynChartSequentialStatusSuccess70: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-80`
*/
export const SynChartSequentialStatusSuccess80: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-90`
*/
export const SynChartSequentialStatusSuccess90: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-success-100`
*/
export const SynChartSequentialStatusSuccess100: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-10`
*/
export const SynChartSequentialStatusWarning10: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-20`
*/
export const SynChartSequentialStatusWarning20: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-30`
*/
export const SynChartSequentialStatusWarning30: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-40`
*/
export const SynChartSequentialStatusWarning40: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-50`
*/
export const SynChartSequentialStatusWarning50: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-60`
*/
export const SynChartSequentialStatusWarning60: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-70`
*/
export const SynChartSequentialStatusWarning70: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-80`
*/
export const SynChartSequentialStatusWarning80: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-90`
*/
export const SynChartSequentialStatusWarning90: string;
/**
* Maps to the css variable `--syn-chart-sequential-status-warning-100`
*/
export const SynChartSequentialStatusWarning100: string;
/**
* Maps to the css variable `--syn-chart-tooltip-color`
*/
export const SynChartTooltipColor: string;