to-kotlin
This parser helps you generate design tokens in Kotlin.
Interface
interface parser {
name: 'to-kotlin';
output: {
type: 'file';
filePath: string;
};
options?:{
tokenNameTemplate?: string;
scopeName?: string;
androidMinVersion?: number;
}
}
Options
Parameter
Required
Type
Default
Description
tokenNameTemplate
false
string
{{path}}{{token}}{{mode}}
The template the parser follows to name your tokens.
You can use the path
of your tokens, their token
name, and their respective mode
.
scopeName
false
string
DesignTokens
The name of the parent class which contains all classes for all your token types.
androidMinVersion
false
number
33
The min Android version supported by your app.
Basic usage
{
"colors": {
"$collection": {
"$modes": [
"light",
"dark"
]
},
"aliases": {
"border": {
"active": {
"$type": "color",
"$value": {
"dark": {
"$alias": "colors.core.label.blue-base",
"$mode": "dark"
},
"light": {
"$alias": "colors.core.label.blue-base",
"$mode": "light"
}
}
}
}
},
"core": {
"label": {
"blue-base": {
"$type": "color",
"$value": {
"dark": {
"model": "rgb",
"red": 96,
"green": 168,
"blue": 250,
"alpha": 1
},
"light": {
"model": "rgb",
"red": 17,
"green": 125,
"blue": 249,
"alpha": 1
}
}
},
"blue-lighter": {
"$type": "color",
"$value": {
"dark": {
"model": "rgb",
"red": 41,
"green": 52,
"blue": 67,
"alpha": 1
},
"light": {
"model": "rgb",
"red": 219,
"green": 236,
"blue": 254,
"alpha": 1
}
}
}
}
}
},
"dimensions": {
"$collection": {
"$modes": [
"desktop",
"mobile"
]
},
"base": {
"dimension-01": {
"$type": "dimension",
"$value": {
"mobile": {
"value": 2,
"unit": "px"
},
"desktop": {
"value": 4,
"unit": "px"
}
}
},
"dimension-02": {
"$type": "dimension",
"$value": {
"mobile": {
"value": 4,
"unit": "px"
},
"desktop": {
"value": 8,
"unit": "px"
}
}
}
}
}
}
Last updated
Was this helpful?