@devoinc/genesys-tokens
Version:
Design tokens generator
472 lines (471 loc) • 16.4 kB
JSON
{
"cmp": {
"inputControl": {
"color": {
"background": {
"base": {
"enabled": {
"value": "{alias.fields.color.background.base.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.background.base.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.background.base.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.background.base.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.background.base.focused.value}"
}
},
"error": {
"enabled": {
"value": "{alias.fields.color.background.error.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.background.error.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.background.error.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.background.error.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.background.error.focused.value}"
}
},
"success": {
"enabled": {
"value": "{alias.fields.color.background.success.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.background.success.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.background.success.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.background.success.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.background.success.focused.value}"
}
},
"warning": {
"enabled": {
"value": "{alias.fields.color.background.warning.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.background.warning.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.background.warning.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.background.warning.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.background.warning.focused.value}"
}
}
},
"border": {
"base": {
"enabled": {
"value": "{alias.fields.color.border.base.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.border.base.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.border.base.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.border.base.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.border.base.focused.value}"
},
"weak": {
"value": "{alias.fields.color.border.base.weak.value}"
},
"weaker": {
"value": "{alias.fields.color.border.base.weaker.value}"
},
"weakest": {
"value": "{alias.fields.color.border.base.weakest.value}"
}
},
"error": {
"enabled": {
"value": "{alias.fields.color.border.error.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.border.error.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.border.error.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.border.error.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.border.error.focused.value}"
},
"weak": {
"value": "{alias.fields.color.border.error.weak.value}"
},
"weaker": {
"value": "{alias.fields.color.border.error.weaker.value}"
},
"weakest": {
"value": "{alias.fields.color.border.error.weakest.value}"
}
},
"success": {
"enabled": {
"value": "{alias.fields.color.border.success.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.border.success.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.border.success.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.border.success.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.border.success.focused.value}"
},
"weak": {
"value": "{alias.fields.color.border.success.weak.value}"
},
"weaker": {
"value": "{alias.fields.color.border.success.weaker.value}"
},
"weakest": {
"value": "{alias.fields.color.border.success.weakest.value}"
}
},
"warning": {
"enabled": {
"value": "{alias.fields.color.border.warning.enabled.value}"
},
"readonly": {
"value": "{alias.fields.color.border.warning.readonly.value}"
},
"disabled": {
"value": "{alias.fields.color.border.warning.disabled.value}"
},
"hovered": {
"value": "{alias.fields.color.border.warning.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.border.warning.focused.value}"
},
"weak": {
"value": "{alias.fields.color.border.warning.weak.value}"
},
"weaker": {
"value": "{alias.fields.color.border.warning.weaker.value}"
},
"weakest": {
"value": "{alias.fields.color.border.warning.weakest.value}"
}
}
},
"text": {
"base": {
"enabled": {
"value": "{alias.fields.color.text.base.enabled.value}"
},
"hovered": {
"value": "{alias.fields.color.text.base.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.text.base.focused.value}"
},
"placeholder": {
"value": "{alias.fields.color.text.base.placeholder.value}"
},
"filled": {
"value": "{alias.fields.color.text.base.filled.value}"
},
"disabled": {
"value": "{alias.fields.color.text.base.disabled.value}"
},
"readonly": {
"value": "{alias.fields.color.text.base.readonly.value}"
}
},
"inverse": {
"enabled": {
"value": "{alias.fields.color.text.inverse.enabled.value}"
},
"hovered": {
"value": "{alias.fields.color.text.inverse.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.text.inverse.focused.value}"
},
"placeholder": {
"value": "{alias.fields.color.text.inverse.placeholder.value}"
},
"filled": {
"value": "{alias.fields.color.text.inverse.filled.value}"
},
"disabled": {
"value": "{alias.fields.color.text.inverse.disabled.value}"
},
"readonly": {
"value": "{alias.fields.color.text.inverse.readonly.value}"
}
},
"error": {
"enabled": {
"value": "{alias.fields.color.text.error.enabled.value}"
},
"hovered": {
"value": "{alias.fields.color.text.error.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.text.error.focused.value}"
},
"placeholder": {
"value": "{alias.fields.color.text.error.placeholder.value}"
},
"filled": {
"value": "{alias.fields.color.text.error.filled.value}"
},
"disabled": {
"value": "{alias.fields.color.text.error.disabled.value}"
},
"readonly": {
"value": "{alias.fields.color.text.error.readonly.value}"
}
},
"success": {
"enabled": {
"value": "{alias.fields.color.text.success.enabled.value}"
},
"hovered": {
"value": "{alias.fields.color.text.success.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.text.success.focused.value}"
},
"placeholder": {
"value": "{alias.fields.color.text.success.placeholder.value}"
},
"filled": {
"value": "{alias.fields.color.text.success.filled.value}"
},
"disabled": {
"value": "{alias.fields.color.text.success.disabled.value}"
},
"readonly": {
"value": "{alias.fields.color.text.success.readonly.value}"
}
},
"warning": {
"enabled": {
"value": "{alias.fields.color.text.warning.enabled.value}"
},
"hovered": {
"value": "{alias.fields.color.text.warning.hovered.value}"
},
"focused": {
"value": "{alias.fields.color.text.warning.focused.value}"
},
"placeholder": {
"value": "{alias.fields.color.text.warning.placeholder.value}"
},
"filled": {
"value": "{alias.fields.color.text.warning.filled.value}"
},
"disabled": {
"value": "{alias.fields.color.text.warning.disabled.value}"
},
"readonly": {
"value": "{alias.fields.color.text.warning.readonly.value}"
}
}
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": {
"value": "{alias.elevation.boxShadow.base.focused.value}"
}
},
"error": {
"focused": {
"value": "{alias.elevation.boxShadow.error.focused.value}"
}
},
"success": {
"focused": {
"value": "{alias.elevation.boxShadow.success.focused.value}"
}
},
"warning": {
"focused": {
"value": "{alias.elevation.boxShadow.warning.focused.value}"
}
}
},
"zIndex": {
"addonToRight": {
"value": 1
}
}
},
"mutation": {
"transitionDuration": {
"value": "{alias.fields.mutation.transitionDuration.value}"
}
},
"shape": {
"borderRadius": {
"value": "{alias.fields.shape.borderRadius.value}"
},
"borderSize": {
"base": {
"value": "{alias.fields.shape.borderSize.base.value}"
},
"typeRange": {
"value": "0"
}
},
"opacity": {
"disabled": {
"value": "{alias.fields.shape.opacity.disabled.value}"
}
}
},
"size": {
"width": {
"xxs": {
"value": "{alias.fields.size.width.xxs.value}"
},
"xs": {
"value": "{alias.fields.size.width.xs.value}"
},
"sm": {
"value": "{alias.fields.size.width.sm.value}"
},
"md": {
"value": "{alias.fields.size.width.md.value}"
},
"lg": {
"value": "{alias.fields.size.width.lg.value}"
},
"xl": {
"value": "{alias.fields.size.width.xl.value}"
},
"wide": {
"value": "{alias.fields.size.width.wide.value}"
}
},
"height": {
"sm": {
"value": "{alias.fields.size.height.sm.value}"
},
"md": {
"value": "{alias.fields.size.height.md.value}"
},
"lg": {
"value": "{alias.fields.size.height.lg.value}"
}
}
},
"space": {
"padding": {
"top": {
"fileType": {
"sm": {
"value": "calc({cmp.inputControl.size.height.sm.value} - ({cmp.inputControl.pseudoFile.size.height.sm.value} / 3))"
},
"md": {
"value": "calc({cmp.inputControl.size.height.md.value} - ({cmp.inputControl.pseudoFile.size.height.md.value} / 3))"
},
"lg": {
"value": "calc({cmp.inputControl.size.height.lg.value} - ({cmp.inputControl.pseudoFile.size.height.lg.value} / 3))"
}
}
},
"hor": {
"sm": {
"value": "{alias.fields.space.padding.hor.sm.value}"
},
"md": {
"value": "{alias.fields.space.padding.hor.md.value}"
},
"lg": {
"value": "{alias.fields.space.padding.hor.lg.value}"
}
},
"typeColor": {
"value": "calc({alias.space.cmp.xxs.value} / 2)"
},
"typeRange": {
"value": "0"
}
},
"paddingLeft": {
"typeIcon": {
"sm": {
"value": "calc({cmp.inputControl.icon.size.square.sm.value} + ({cmp.inputControl.space.padding.hor.sm.value} * 2))"
},
"md": {
"value": "calc({cmp.inputControl.icon.size.square.md.value} + ({cmp.inputControl.space.padding.hor.md.value} * 2))"
},
"lg": {
"value": "calc({cmp.inputControl.icon.size.square.lg.value} + ({cmp.inputControl.space.padding.hor.lg.value} * 2))"
}
}
},
"paddingRight": {
"password": {
"sm": {
"value": "calc({cmp.button.size.square.xxs.value} + ({cmp.inputControl.space.padding.hor.sm} * 2))"
},
"md": {
"value": "calc({cmp.button.size.square.xs.value} + ({cmp.inputControl.space.padding.hor.md} * 2))"
},
"lg": {
"value": "calc({cmp.button.size.square.sm.value} + ({cmp.inputControl.space.padding.hor.lg} * 2))"
}
},
"passwordWithIcon": {
"sm": {
"value": "calc({cmp.inputControl.space.paddingRight.password.sm.value} + calc({cmp.inputControl.icon.size.square.sm.value} + ({cmp.inputControl.space.padding.hor.sm.value} * 2))"
},
"md": {
"value": "calc({cmp.inputControl.space.paddingRight.password.sm.value} + calc({cmp.inputControl.icon.size.square.md.value} + ({cmp.inputControl.space.padding.hor.md.value} * 2))"
},
"lg": {
"value": "calc({cmp.inputControl.space.paddingRight.password.sm.value} + calc({cmp.inputControl.icon.size.square.lg.value} + ({cmp.inputControl.space.padding.hor.lg.value} * 2))"
}
},
"withIcon": {
"sm": {
"value": "calc({cmp.inputControl.icon.size.square.sm.value} + ({cmp.inputControl.space.padding.hor.sm.value} * 2))"
},
"md": {
"value": "calc({cmp.inputControl.icon.size.square.md.value} + ({cmp.inputControl.space.padding.hor.md.value} * 2))"
},
"lg": {
"value": "calc({cmp.inputControl.icon.size.square.lg.value} + ({cmp.inputControl.space.padding.hor.lg.value} * 2))"
}
}
}
}
}
}
}