@vimeo/iris/tokens/color/text/text.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tokens_util_readToken = require('../../util/readToken.js');
var color_colors = require('../../../color/colors.js');
var tokens_util_clamp = require('../../util/clamp.js');
var tokens_util_round = require('../../util/round.js');
require('polished');

var text = function (grade) { return tokens_util_readToken.readToken(token, grade); };
var token = {
    default: 'light',
    type: 'COLOR',
    modes: { dark: dark, light: light },
};
function dark(grade) {
    return color_colors.grayscale(tokens_util_clamp.clamp(grade / 2.5));
}
function light(grade) {
    return color_colors.slate(tokens_util_clamp.clamp(tokens_util_round.round(grade / -1.667 + 900, 0)));
}
text.primary = text(0);
text.secondary = text(600);

exports.text = text;