open-props
Version:
<div align="center">
18 lines (15 loc) • 551 B
JavaScript
export const toTokens = props =>
props.map(([key, token]) => {
let meta = {}
let isLength = key.includes('size')
let isEasing = key.includes('ease')
let colors = ['gray','red','pink','grape','violet','indigo','blue','cyan','teal','green','lime','yellow','orange']
let isColor = colors.some(color => key.includes(color))
if (isLength) meta.type = 'dimension'
else if (isEasing) meta.type = 'cubic-bezier'
else if (isColor) meta.type = 'color'
return [key, {
value: token,
...meta,
}]
})