jellyfish_designtokens
Version:
Ultimate design tokens from Jelly Fish Design System
176 lines • 5.08 kB
JSON
{
"jf": {
"color": {
"bg": {
"regular": {
"default": {
"value": "{jf.color.neutral}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.5} ",
"space": "hsl"
}
}
}
},
"alt": {
"value": "{jf.color.neutral}",
"type": "color",
"description": "Provides visual rest and constrast agains the default background",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.3} ",
"space": "hsl"
}
}
}
},
"inverted": {
"value": "{jf.color.neutral}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "darken",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"primary": {
"value": "{jf.color.primary}",
"type": "color"
},
"secondary": {
"value": "{jf.color.secondary}",
"type": "color"
},
"success": {
"value": "{jf.color.success}",
"type": "color"
},
"critical": {
"value": "{jf.color.critical}",
"type": "color"
},
"warning": {
"value": "{jf.color.warning}",
"type": "color"
}
},
"subtle": {
"default": {
"value": "{jf.color.bg.regular.default}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"alt": {
"value": "{jf.color.bg.regular.alt}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.3} ",
"space": "hsl"
}
}
}
},
"inverted": {
"value": "{jf.color.bg.regular.inverted}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"primary": {
"value": "{jf.color.bg.regular.primary}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"secondary": {
"value": "{jf.color.bg.regular.secondary}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"success": {
"value": "{jf.color.bg.regular.success}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"critical": {
"value": "{jf.color.bg.regular.critical}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
},
"warning": {
"value": "{jf.color.bg.regular.warning}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "lighten",
"value": "{jf.modifier.amount.4} ",
"space": "hsl"
}
}
}
}
}
}
}
}
}