tailwind-variables.pr

module.exports = {
    'colors': {
    {[ let brand = ds.currentBrand() /]}
    {[ const colorGroup = ds.tokenGroupTreeByType("Color", brand.id) /]}
    {[ traverse colorGroup property subgroups into subgroup ]}
        {[ if !subgroup.isRoot ]}
        '{{ subgroup.name.lowercased() }}': {
        {[ const tokens = ds.tokensByGroupId(subgroup.id) /]}
        {[ for token in tokens ]}
            {[ let tokenName = token.name.replacing("$", "") /]}
            '{{ ((tokenName === "main") ? "DEFAULT" : tokenName) }}': 'var(--{[ inject "rendered-name" context token /]})', {[ inject "rendered-description" context token /]}

        {[/]}
        },
        {[/]}
    {[/]}
    },
    'boxShadow': {
    {[ const shadowTokens = ds.tokensByType("Shadow", brand.id) /]}
    {[ for token in shadowTokens ]}
        {[ let tokenName = token.name.replacing("$", "").replacing(" ", "-") /]}
        '{{ ((tokenName === "main") ? "DEFAULT" : tokenName) }}': 'var(--{[ inject "rendered-name" context token /]})', {[ inject "rendered-description" context token /]}

    {[/]}
    },
    'spacing': {
    {[ const spacingTokens = ds.tokensByType("Measure", brand.id) /]}
    {[ for token in spacingTokens ]}
         {[ let tokenName = token.name.replacing("$", "").replacing(" ", "-") /]}
        '{{ tokenName }}': 'var(--{[ inject "rendered-name" context token /]})', {[ inject "rendered-description" context token /]}
    
    {[/]}
    {[ const textGroups = ds.tokenGroupsOfType("Text", brand.id) /]}
    {[ for group in textGroups ]}
        {[ if group.name.equals("Screens") ]}
        {[ const screenTokens = ds.tokensByGroupId(group.id) /]}
        {[ for token in screenTokens ]}
        {[ let tokenName = token.name.replacing("$", "").replacing(" ", "-") /]}
        '{{ tokenName }}': '{[ inject "rendered-value" context token /]}',
        {[/]}
        {[/]}
    {[/]}
    }
}