@elastic/eui/es/components/token/token_map.js

Elastic UI Component Library

/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0 and the Server Side Public License, v 1; you may not use this file except
 * in compliance with, at your election, the Elastic License 2.0 or the Server
 * Side Public License, v 1.
 */

/**
 * Most of the style combinations for tokens are semi-arbitrary. However, there was an effort
 * to use the square shape for more common token types like string and number. Reserving the
 * circle shape for more uncommon token types so they grab attention.
 */

export var TOKEN_MAP = {
  tokenAlias: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenAnnotation: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenArray: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenBinary: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenBoolean: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenClass: {
    shape: 'circle',
    color: 'euiColorVis2'
  },
  tokenCompletionSuggester: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenConstant: {
    shape: 'circle',
    color: 'euiColorVis0'
  },
  tokenDate: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenDimension: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenElement: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenEnum: {
    shape: 'circle',
    color: 'euiColorVis0'
  },
  tokenEnumMember: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenEvent: {
    shape: 'circle',
    color: 'euiColorVis6'
  },
  tokenException: {
    shape: 'circle',
    color: 'euiColorVis0'
  },
  tokenField: {
    shape: 'circle',
    color: 'euiColorVis0'
  },
  tokenFile: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenFlattened: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenFunction: {
    shape: 'circle',
    color: 'euiColorVis4'
  },
  tokenGeo: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenHistogram: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenInterface: {
    shape: 'circle',
    color: 'euiColorVis6'
  },
  tokenIP: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenJoin: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenKey: {
    shape: 'circle',
    color: 'euiColorVis8'
  },
  tokenKeyword: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenMethod: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenMetricCounter: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenMetricGauge: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenModule: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenNamespace: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenNested: {
    shape: 'circle',
    color: 'euiColorVis4'
  },
  tokenNull: {
    shape: 'square',
    color: 'euiColorVis4'
  },
  tokenNumber: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenObject: {
    shape: 'circle',
    color: 'euiColorVis0'
  },
  tokenOperator: {
    shape: 'circle',
    color: 'euiColorVis6'
  },
  tokenPackage: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenParameter: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenPercolator: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenProperty: {
    shape: 'circle',
    color: 'euiColorVis4'
  },
  tokenRange: {
    shape: 'circle',
    color: 'euiColorVis6'
  },
  tokenRankFeature: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenRankFeatures: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenRepo: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenSearchType: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenSemanticText: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenShape: {
    shape: 'circle',
    color: 'euiColorVis8'
  },
  tokenString: {
    shape: 'square',
    color: 'euiColorVis2'
  },
  tokenStruct: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenSymbol: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenTag: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenText: {
    shape: 'square',
    color: 'euiColorVis0'
  },
  tokenTokenCount: {
    shape: 'square',
    color: 'euiColorVis6'
  },
  tokenVariable: {
    shape: 'circle',
    color: 'euiColorVis4'
  },
  tokenVectorDense: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenDenseVector: {
    shape: 'square',
    color: 'euiColorVis8'
  },
  tokenVectorSparse: {
    shape: 'square',
    color: 'euiColorVis2'
  }
};
export var TOKEN_COLOR_TO_ICON_COLOR_MAP = {
  euiColorVis0: 'euiColorVis0',
  euiColorVis1: 'euiColorVis0',
  euiColorVis2: 'euiColorVis2',
  euiColorVis3: 'euiColorVis2',
  euiColorVis4: 'euiColorVis4',
  euiColorVis5: 'euiColorVis4',
  euiColorVis6: 'euiColorVis6',
  euiColorVis7: 'euiColorVis6',
  euiColorVis8: 'euiColorVis8',
  euiColorVis9: 'euiColorVis8'
};