| 1 | import * as Colors from '../src/props.colors.js'
|
| 2 |
|
| 3 | export const toTokens = props =>
|
| 4 | props.map(([key, token]) => {
|
| 5 | let meta = {}
|
| 6 |
|
| 7 | let isLength = key.includes('size')
|
| 8 | let isEasing = key.includes('ease')
|
| 9 | let colors = Object.keys(Colors)
|
| 10 | .filter(exportName => exportName !== "default")
|
| 11 | .map(hueName => hueName.toLowerCase())
|
| 12 | let isColor = colors.some(color => key.includes(color))
|
| 13 |
|
| 14 | if (isLength) meta.$type = 'dimension'
|
| 15 | else if (isEasing) meta.$type = 'cubic-bezier'
|
| 16 | else if (isColor) meta.$type = 'color'
|
| 17 |
|
| 18 | return [key, {
|
| 19 | $value: token,
|
| 20 | ...meta,
|
| 21 | }]
|
| 22 | }) |
| \ | No newline at end of file |