@devoinc/genesys-tokens
Version:
Design tokens generator
189 lines (188 loc) • 5.65 kB
JSON
{
"alias": {
"menus": {
"space": {
"marginTop": {
"base": {
"value": "calc({alias.space.cmp.xxs.value} / 2)"
},
"isQuiet": {
"value": "0"
},
"isGroundLevel": {
"value": "{alias.space.cmp.xxs.value}"
}
}
},
"shape": {
"border": {
"separator": {
"value": "solid {alias.shape.borderSize.separator.md.value} {alias.color.border.separator.base.weak.value}"
}
}
},
"wrapper": {
"space": {
"margin": {
"value": "{alias.space.cmp.xxs.value}"
}
}
},
"list": {
"size": {
"maxHeight": {
"value": "calc({alias.menus.item.size.minHeight.value} * 7 + {alias.menus.item.size.minHeight.value} / 2 + {alias.menus.wrapper.space.margin.value})"
}
}
},
"item": {
"shape": {
"borderRadius": {
"value": "{alias.shape.borderRadius.md.value}"
}
},
"space": {
"marginHor": {
"value": "{alias.space.cmp.xs.value}"
}
},
"size": {
"minHeight": {
"value": "{alias.size.height.surface.xxs.value}"
}
},
"color": {
"backdrop": {
"expanded": {
"value": "{alias.color.background.surface.backdrop.base.expanded.value}"
},
"hovered": {
"value": "{alias.color.background.surface.backdrop.base.hovered.value}"
},
"focused": {
"value": "{alias.color.background.surface.backdrop.base.focused.value}"
},
"pressed": {
"value": "{alias.color.background.surface.backdrop.base.pressed.value}"
}
},
"background": {
"created": {
"value": "{alias.color.background.surface.base.created.value}"
},
"deleted": {
"value": "{alias.color.background.surface.base.deleted.value}"
},
"disabled": {
"value": "{alias.color.background.surface.base.base.value}"
},
"enabled": {
"value": "{alias.color.background.surface.base.base.value}"
},
"featured": {
"value": "{alias.color.background.surface.base.featured.value}"
},
"expanded": {
"value": "{alias.color.background.surface.base.expanded.value}"
},
"hovered": {
"value": "{alias.color.background.surface.base.base.value}"
},
"focused": {
"value": "{alias.color.background.surface.base.base.value}"
},
"pressed": {
"value": "{alias.color.background.surface.base.base.value}"
},
"activated": {
"value": "{alias.color.background.surface.base.selected.value}"
},
"selected": {
"value": "{alias.color.background.surface.base.selected.value}"
}
},
"text": {
"created": {
"value": "{alias.color.text.action.success.enabled.value}"
},
"deleted": {
"value": "{alias.color.text.action.error.enabled.value}"
},
"disabled": {
"value": "{alias.color.text.action.neutral.enabled.value}"
},
"enabled": {
"value": "{alias.color.text.action.neutral.enabled.value}"
},
"expanded": {
"value": "{alias.color.text.action.neutral.expanded.value}"
},
"featured": {
"value": "{alias.color.text.action.neutral.expanded.value}"
},
"hovered": {
"value": "{alias.color.text.action.neutral.hovered.value}"
},
"focused": {
"value": "{alias.color.text.action.neutral.focused.value}"
},
"pressed": {
"value": "{alias.color.text.action.neutral.pressed.value}"
},
"activated": {
"value": "{alias.color.text.action.neutral.selected.value}"
},
"selected": {
"value": "{alias.color.text.action.neutral.selected.value}"
}
}
}
},
"itemIcon": {
"space": {
"marginRight": {
"sm": {
"value": "{alias.space.cmp.xs.value}"
},
"md": {
"value": "{alias.space.cmp.xs.value}"
},
"lg": {
"value": "{alias.space.cmp.md.value}"
}
}
},
"size": {
"square": {
"sm": {
"value": "{alias.size.square.icon.base.xs.value}"
},
"md": {
"value": "{alias.size.square.icon.base.sm.value}"
},
"lg": {
"value": "{alias.size.square.icon.base.md.value}"
},
"xl": {
"value": "{alias.size.square.icon.base.lg.value}"
}
}
}
},
"itemGroup": {
"space": {
"marginTop": {
"value": "{alias.space.cmp.sm.value}"
}
}
},
"itemGroupHeading": {
"size": {
"height": {
"value": "{alias.menus.item.size.minHeight.value}"
}
}
}
}
}
}