@visual-framework/vf-design-tokens
Version:
A collection of design tokens for consumption across projects and products
91 lines • 2.71 kB
JSON
{
"properties": [
{
"type": "color",
"category": "color",
"name": "vfUiColorBlack",
"value": "#000000",
"meta": {
"friendlyName": "UI Black",
"sassMap": "black",
"CSSCustomProperty": "--vf-ui-color--black",
"Deprecated": true,
"DeprecatedText": "Please use the <a class=\"vf-card__link\" href=\"../neutral-colors/\"><code>vf-neutral--900</code></a> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorGrey",
"value": "#d8d8d8",
"meta": {
"friendlyName": "UI Grey",
"sassMap": "grey",
"CSSCustomProperty": "--vf-ui-color--grey",
"Deprecated": true,
"DeprecatedText": "Please use the <a class=\"vf-card__link\" href=\"../neutral-colors/\"><code>vf-neutral--300</code></a> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorGreyLight",
"value": "#f3f3f3",
"meta": {
"friendlyName": "UI Grey light",
"sassMap": "grey--light",
"CSSCustomProperty": "--vf-ui-color--grey--light",
"Deprecated": true,
"DeprecatedText": "Please use the <a class=\"vf-card__link\" href=\"../neutral-colors/\"><code>vf-neutral--100</code></a> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorYellow",
"value": "#fffadc",
"meta": {
"friendlyName": "UI Yellow",
"sassMap": "yellow",
"CSSCustomProperty": "--vf-ui-color--yellow"
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorRed",
"value": "#d32f2f",
"meta": {
"friendlyName": "UI Red",
"sassMap": "red",
"CSSCustomProperty": "--vf-ui-color--red"
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorWhite",
"value": "#ffffff",
"meta": {
"friendlyName": "UI White",
"sassMap": "white",
"CSSCustomProperty": "--vf-ui-color--white",
"Deprecated": true,
"DeprecatedText": "Please use the <a class=\"vf-card__link\" href=\"../neutral-colors/\"><code>vf-neutral--0</code></a> token."
}
},
{
"type": "color",
"category": "color",
"name": "vfUiColorOffWhite",
"value": "#fafafa",
"meta": {
"friendlyName": "UI Off white",
"sassMap": "off-white",
"CSSCustomProperty": "--vf-ui-color--off-white",
"Deprecated": true,
"DeprecatedText": "Please use the <a class=\"vf-card__link\" href=\"../neutral-colors/\"><code>vf-neutral--100</code></a> token."
}
}
]
}