@atlaskit/eslint-plugin-design-system/dist/es2019/rules/ensure-design-token-usage/get-token-node-for-value.js

The essential plugin for use with the Atlassian Design System.

import { callExpression, identifier, literal } from 'eslint-codemod-utils';
import { findTokenNameByPropertyValue } from './find-token-name-by-property-value';

/**
 * Returns a token node for a given value including fallbacks.
 * @param propertyName camelCase CSS property
 * @param value string representing pixel value, or font family, or number representing font weight
 * @example
 * ```
 * propertyName: padding, value: '8px' => token('space.100', '8px')
 * propertyName: fontWeight, value: 400 => token('font.weight.regular', '400')
 * ```
 */
export function getTokenNodeForValue(propertyName, value) {
  const token = findTokenNameByPropertyValue(propertyName, value);
  const fallbackValue = propertyName === 'fontFamily' ? {
    value: `${value}`,
    raw: `\`${value}\``
  } : `${value}`;
  return callExpression({
    callee: identifier({
      name: 'token'
    }),
    arguments: [literal({
      value: `'${token !== null && token !== void 0 ? token : ''}'`
    }), literal(fallbackValue)],
    optional: false
  });
}