jellyfish_designtokens

{ "jf": { "icon": { "dimension": { "xs": { "value": "{jf.component.dimension.xs}", "type": "sizing" }, "sm": { "value": "{jf.component.dimension.sm}", "type": "sizing" }, "md": { "value": "{jf.component.dimension.md}", "type": "sizing" }, "lg": { "value": "{jf.component.dimension.lg}", "type": "sizing" } }, "color": { "fill": { "neutral": { "enabled": { "value": "{jf.color.fg.default}", "type": "color" }, "hover": { "value": "{jf.color.fg.default}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.default}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.default}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "inverted": { "enabled": { "value": "{jf.color.fg.inverted}", "type": "color" }, "hover": { "value": "{jf.color.fg.inverted}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.inverted}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.inverted}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "primary": { "enabled": { "value": "{jf.color.fg.primary}", "type": "color" }, "hover": { "value": "{jf.color.fg.primary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.primary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.primary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "secondary": { "enabled": { "value": "{jf.color.fg.secondary}", "type": "color" }, "hover": { "value": "{jf.color.fg.secondary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.secondary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.secondary}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "critical": { "enabled": { "value": "{jf.color.fg.critical}", "type": "color" }, "hover": { "value": "{jf.color.fg.critical}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.critical}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.critical}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "success": { "enabled": { "value": "{jf.color.fg.success}", "type": "color" }, "hover": { "value": "{jf.color.fg.success}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.success}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.success}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "warning": { "enabled": { "value": "{jf.color.fg.warning}", "type": "color" }, "hover": { "value": "{jf.color.fg.warning}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.warning}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.warning}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } }, "white": { "enabled": { "value": "{jf.color.fg.white}", "type": "color" }, "hover": { "value": "{jf.color.fg.white}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "lighten", "value": "{jf.bg.modifier.amount.hover} ", "space": "hsl" } } } }, "selected": { "value": "{jf.color.fg.white}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.selected} ", "space": "hsl" } } } }, "focus": { "value": "{jf.color.fg.white}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "{jf.bg.modifier.amount.focus} ", "space": "hsl" } } } } } } } } } }