@synergy-design-system/tokens
Version:
Design tokens for Synergy, the SICK Design System
665 lines (532 loc) • 13.2 kB
JavaScript
/**
* @synergy-design-system/tokens version 3.15.2
* SICK Global UX Foundation
*/
/**
* @type {string}
*/
export const SynCategorical10 = 'var(--syn-categorical-10)';
/**
* @type {string}
*/
export const SynCategorical11 = 'var(--syn-categorical-11)';
/**
* @type {string}
*/
export const SynCategorical12 = 'var(--syn-categorical-12)';
/**
* @type {string}
*/
export const SynCategorical01 = 'var(--syn-categorical-01)';
/**
* @type {string}
*/
export const SynCategorical02 = 'var(--syn-categorical-02)';
/**
* @type {string}
*/
export const SynCategorical03 = 'var(--syn-categorical-03)';
/**
* @type {string}
*/
export const SynCategorical04 = 'var(--syn-categorical-04)';
/**
* @type {string}
*/
export const SynCategorical05 = 'var(--syn-categorical-05)';
/**
* @type {string}
*/
export const SynCategorical06 = 'var(--syn-categorical-06)';
/**
* @type {string}
*/
export const SynCategorical07 = 'var(--syn-categorical-07)';
/**
* @type {string}
*/
export const SynCategorical08 = 'var(--syn-categorical-08)';
/**
* @type {string}
*/
export const SynCategorical09 = 'var(--syn-categorical-09)';
/**
* @type {string}
*/
export const SynSequential01_10 = 'var(--syn-sequential-01-10)';
/**
* @type {string}
*/
export const SynSequential01_20 = 'var(--syn-sequential-01-20)';
/**
* @type {string}
*/
export const SynSequential01_30 = 'var(--syn-sequential-01-30)';
/**
* @type {string}
*/
export const SynSequential01_40 = 'var(--syn-sequential-01-40)';
/**
* @type {string}
*/
export const SynSequential01_50 = 'var(--syn-sequential-01-50)';
/**
* @type {string}
*/
export const SynSequential01_60 = 'var(--syn-sequential-01-60)';
/**
* @type {string}
*/
export const SynSequential01_70 = 'var(--syn-sequential-01-70)';
/**
* @type {string}
*/
export const SynSequential01_80 = 'var(--syn-sequential-01-80)';
/**
* @type {string}
*/
export const SynSequential01_90 = 'var(--syn-sequential-01-90)';
/**
* @type {string}
*/
export const SynSequential01_100 = 'var(--syn-sequential-01-100)';
/**
* @type {string}
*/
export const SynSequential02_10 = 'var(--syn-sequential-02-10)';
/**
* @type {string}
*/
export const SynSequential02_20 = 'var(--syn-sequential-02-20)';
/**
* @type {string}
*/
export const SynSequential02_30 = 'var(--syn-sequential-02-30)';
/**
* @type {string}
*/
export const SynSequential02_40 = 'var(--syn-sequential-02-40)';
/**
* @type {string}
*/
export const SynSequential02_50 = 'var(--syn-sequential-02-50)';
/**
* @type {string}
*/
export const SynSequential02_60 = 'var(--syn-sequential-02-60)';
/**
* @type {string}
*/
export const SynSequential02_70 = 'var(--syn-sequential-02-70)';
/**
* @type {string}
*/
export const SynSequential02_80 = 'var(--syn-sequential-02-80)';
/**
* @type {string}
*/
export const SynSequential02_90 = 'var(--syn-sequential-02-90)';
/**
* @type {string}
*/
export const SynSequential02_100 = 'var(--syn-sequential-02-100)';
/**
* @type {string}
*/
export const SynSequential03_10 = 'var(--syn-sequential-03-10)';
/**
* @type {string}
*/
export const SynSequential03_20 = 'var(--syn-sequential-03-20)';
/**
* @type {string}
*/
export const SynSequential03_30 = 'var(--syn-sequential-03-30)';
/**
* @type {string}
*/
export const SynSequential03_40 = 'var(--syn-sequential-03-40)';
/**
* @type {string}
*/
export const SynSequential03_50 = 'var(--syn-sequential-03-50)';
/**
* @type {string}
*/
export const SynSequential03_60 = 'var(--syn-sequential-03-60)';
/**
* @type {string}
*/
export const SynSequential03_70 = 'var(--syn-sequential-03-70)';
/**
* @type {string}
*/
export const SynSequential03_80 = 'var(--syn-sequential-03-80)';
/**
* @type {string}
*/
export const SynSequential03_90 = 'var(--syn-sequential-03-90)';
/**
* @type {string}
*/
export const SynSequential03_100 = 'var(--syn-sequential-03-100)';
/**
* @type {string}
*/
export const SynSequential04_10 = 'var(--syn-sequential-04-10)';
/**
* @type {string}
*/
export const SynSequential04_20 = 'var(--syn-sequential-04-20)';
/**
* @type {string}
*/
export const SynSequential04_30 = 'var(--syn-sequential-04-30)';
/**
* @type {string}
*/
export const SynSequential04_40 = 'var(--syn-sequential-04-40)';
/**
* @type {string}
*/
export const SynSequential04_50 = 'var(--syn-sequential-04-50)';
/**
* @type {string}
*/
export const SynSequential04_60 = 'var(--syn-sequential-04-60)';
/**
* @type {string}
*/
export const SynSequential04_70 = 'var(--syn-sequential-04-70)';
/**
* @type {string}
*/
export const SynSequential04_80 = 'var(--syn-sequential-04-80)';
/**
* @type {string}
*/
export const SynSequential04_90 = 'var(--syn-sequential-04-90)';
/**
* @type {string}
*/
export const SynSequential04_100 = 'var(--syn-sequential-04-100)';
/**
* @type {string}
*/
export const SynSequential05_10 = 'var(--syn-sequential-05-10)';
/**
* @type {string}
*/
export const SynSequential05_20 = 'var(--syn-sequential-05-20)';
/**
* @type {string}
*/
export const SynSequential05_30 = 'var(--syn-sequential-05-30)';
/**
* @type {string}
*/
export const SynSequential05_40 = 'var(--syn-sequential-05-40)';
/**
* @type {string}
*/
export const SynSequential05_50 = 'var(--syn-sequential-05-50)';
/**
* @type {string}
*/
export const SynSequential05_60 = 'var(--syn-sequential-05-60)';
/**
* @type {string}
*/
export const SynSequential05_70 = 'var(--syn-sequential-05-70)';
/**
* @type {string}
*/
export const SynSequential05_80 = 'var(--syn-sequential-05-80)';
/**
* @type {string}
*/
export const SynSequential05_90 = 'var(--syn-sequential-05-90)';
/**
* @type {string}
*/
export const SynSequential05_100 = 'var(--syn-sequential-05-100)';
/**
* @type {string}
*/
export const SynSequential06_10 = 'var(--syn-sequential-06-10)';
/**
* @type {string}
*/
export const SynSequential06_20 = 'var(--syn-sequential-06-20)';
/**
* @type {string}
*/
export const SynSequential06_30 = 'var(--syn-sequential-06-30)';
/**
* @type {string}
*/
export const SynSequential06_40 = 'var(--syn-sequential-06-40)';
/**
* @type {string}
*/
export const SynSequential06_50 = 'var(--syn-sequential-06-50)';
/**
* @type {string}
*/
export const SynSequential06_60 = 'var(--syn-sequential-06-60)';
/**
* @type {string}
*/
export const SynSequential06_70 = 'var(--syn-sequential-06-70)';
/**
* @type {string}
*/
export const SynSequential06_80 = 'var(--syn-sequential-06-80)';
/**
* @type {string}
*/
export const SynSequential06_90 = 'var(--syn-sequential-06-90)';
/**
* @type {string}
*/
export const SynSequential06_100 = 'var(--syn-sequential-06-100)';
/**
* @type {string}
*/
export const SynSequential07_10 = 'var(--syn-sequential-07-10)';
/**
* @type {string}
*/
export const SynSequential07_20 = 'var(--syn-sequential-07-20)';
/**
* @type {string}
*/
export const SynSequential07_30 = 'var(--syn-sequential-07-30)';
/**
* @type {string}
*/
export const SynSequential07_40 = 'var(--syn-sequential-07-40)';
/**
* @type {string}
*/
export const SynSequential07_50 = 'var(--syn-sequential-07-50)';
/**
* @type {string}
*/
export const SynSequential07_60 = 'var(--syn-sequential-07-60)';
/**
* @type {string}
*/
export const SynSequential07_70 = 'var(--syn-sequential-07-70)';
/**
* @type {string}
*/
export const SynSequential07_80 = 'var(--syn-sequential-07-80)';
/**
* @type {string}
*/
export const SynSequential07_90 = 'var(--syn-sequential-07-90)';
/**
* @type {string}
*/
export const SynSequential07_100 = 'var(--syn-sequential-07-100)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical10 = 'var(--syn-sequential-status-critical-10)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical20 = 'var(--syn-sequential-status-critical-20)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical30 = 'var(--syn-sequential-status-critical-30)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical40 = 'var(--syn-sequential-status-critical-40)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical50 = 'var(--syn-sequential-status-critical-50)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical60 = 'var(--syn-sequential-status-critical-60)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical70 = 'var(--syn-sequential-status-critical-70)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical80 = 'var(--syn-sequential-status-critical-80)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical90 = 'var(--syn-sequential-status-critical-90)';
/**
* @type {string}
*/
export const SynSequentialStatusCritical100 = 'var(--syn-sequential-status-critical-100)';
/**
* @type {string}
*/
export const SynSequentialStatusError10 = 'var(--syn-sequential-status-error-10)';
/**
* @type {string}
*/
export const SynSequentialStatusError20 = 'var(--syn-sequential-status-error-20)';
/**
* @type {string}
*/
export const SynSequentialStatusError30 = 'var(--syn-sequential-status-error-30)';
/**
* @type {string}
*/
export const SynSequentialStatusError40 = 'var(--syn-sequential-status-error-40)';
/**
* @type {string}
*/
export const SynSequentialStatusError50 = 'var(--syn-sequential-status-error-50)';
/**
* @type {string}
*/
export const SynSequentialStatusError60 = 'var(--syn-sequential-status-error-60)';
/**
* @type {string}
*/
export const SynSequentialStatusError70 = 'var(--syn-sequential-status-error-70)';
/**
* @type {string}
*/
export const SynSequentialStatusError80 = 'var(--syn-sequential-status-error-80)';
/**
* @type {string}
*/
export const SynSequentialStatusError90 = 'var(--syn-sequential-status-error-90)';
/**
* @type {string}
*/
export const SynSequentialStatusError100 = 'var(--syn-sequential-status-error-100)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo10 = 'var(--syn-sequential-status-info-10)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo20 = 'var(--syn-sequential-status-info-20)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo30 = 'var(--syn-sequential-status-info-30)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo40 = 'var(--syn-sequential-status-info-40)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo50 = 'var(--syn-sequential-status-info-50)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo60 = 'var(--syn-sequential-status-info-60)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo70 = 'var(--syn-sequential-status-info-70)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo80 = 'var(--syn-sequential-status-info-80)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo90 = 'var(--syn-sequential-status-info-90)';
/**
* @type {string}
*/
export const SynSequentialStatusInfo100 = 'var(--syn-sequential-status-info-100)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess10 = 'var(--syn-sequential-status-success-10)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess20 = 'var(--syn-sequential-status-success-20)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess30 = 'var(--syn-sequential-status-success-30)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess40 = 'var(--syn-sequential-status-success-40)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess50 = 'var(--syn-sequential-status-success-50)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess60 = 'var(--syn-sequential-status-success-60)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess70 = 'var(--syn-sequential-status-success-70)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess80 = 'var(--syn-sequential-status-success-80)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess90 = 'var(--syn-sequential-status-success-90)';
/**
* @type {string}
*/
export const SynSequentialStatusSuccess100 = 'var(--syn-sequential-status-success-100)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning10 = 'var(--syn-sequential-status-warning-10)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning20 = 'var(--syn-sequential-status-warning-20)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning30 = 'var(--syn-sequential-status-warning-30)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning40 = 'var(--syn-sequential-status-warning-40)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning50 = 'var(--syn-sequential-status-warning-50)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning60 = 'var(--syn-sequential-status-warning-60)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning70 = 'var(--syn-sequential-status-warning-70)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning80 = 'var(--syn-sequential-status-warning-80)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning90 = 'var(--syn-sequential-status-warning-90)';
/**
* @type {string}
*/
export const SynSequentialStatusWarning100 = 'var(--syn-sequential-status-warning-100)';