@devoinc/genesys-tokens
Version:
Design tokens generator
636 lines (635 loc) • 21.4 kB
JSON
{
"alias": {
"fields": {
"color": {
"background": {
"base": {
"enabled": {
"value": "{theme.fields.color.background.base.enabled.value}"
},
"readonly": {
"value": "{theme.fields.color.background.base.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.background.base.disabled.value}"
},
"hovered": {
"value": "{theme.fields.color.background.base.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.background.base.focused.value}"
},
"checked": {
"value": "{brand.color.background.field.base.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.background.base.unchecked.value}"
}
},
"inverse": {
"enabled": {
"value": "{theme.fields.color.background.inverse.enabled.value}"
},
"readonly": {
"value": "{theme.fields.color.background.inverse.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.background.inverse.disabled.value}"
},
"hovered": {
"value": "{theme.fields.color.background.inverse.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.background.inverse.focused.value}"
},
"checked": {
"value": "{brand.color.background.field.inverse.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.background.inverse.unchecked.value}"
}
},
"error": {
"enabled": {
"value": "{theme.fields.color.background.error.enabled.value}"
},
"readonly": {
"value": "{theme.fields.color.background.error.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.background.error.disabled.value}"
},
"hovered": {
"value": "{theme.fields.color.background.error.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.background.error.focused.value}"
},
"checked": {
"value": "{theme.fields.color.background.error.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.background.error.unchecked.value}"
}
},
"success": {
"enabled": {
"value": "{theme.fields.color.background.success.enabled.value}"
},
"readonly": {
"value": "{theme.fields.color.background.success.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.background.success.disabled.value}"
},
"hovered": {
"value": "{theme.fields.color.background.success.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.background.success.focused.value}"
},
"checked": {
"value": "{theme.fields.color.background.success.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.background.success.unchecked.value}"
}
},
"warning": {
"enabled": {
"value": "{theme.fields.color.background.warning.enabled.value}"
},
"readonly": {
"value": "{theme.fields.color.background.warning.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.background.warning.disabled.value}"
},
"hovered": {
"value": "{theme.fields.color.background.warning.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.background.warning.focused.value}"
},
"checked": {
"value": "{theme.fields.color.background.warning.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.background.warning.unchecked.value}"
}
}
},
"text": {
"base": {
"enabled": {
"value": "{theme.fields.color.text.base.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.text.base.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.text.base.focused.value}"
},
"placeholder": {
"value": "{theme.fields.color.text.base.placeholder.value}"
},
"filled": {
"value": "{theme.fields.color.text.base.filled.value}"
},
"disabled": {
"value": "{theme.fields.color.text.base.disabled.value}"
},
"readonly": {
"value": "{theme.fields.color.text.base.readonly.value}"
},
"checked": {
"value": "{theme.fields.color.text.base.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.text.base.unchecked.value}"
},
"weak": {
"value": "{theme.fields.color.text.base.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.text.base.weaker.value}"
}
},
"inverse": {
"enabled": {
"value": "{theme.fields.color.text.inverse.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.text.inverse.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.text.inverse.focused.value}"
},
"placeholder": {
"value": "{theme.fields.color.text.inverse.placeholder.value}"
},
"filled": {
"value": "{theme.fields.color.text.inverse.filled.value}"
},
"disabled": {
"value": "{theme.fields.color.text.inverse.disabled.value}"
},
"readonly": {
"value": "{theme.fields.color.text.inverse.readonly.value}"
},
"checked": {
"value": "{theme.fields.color.text.inverse.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.text.inverse.unchecked.value}"
},
"weak": {
"value": "{theme.fields.color.text.inverse.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.text.inverse.weaker.value}"
}
},
"error": {
"enabled": {
"value": "{theme.fields.color.text.error.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.text.error.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.text.error.focused.value}"
},
"placeholder": {
"value": "{theme.fields.color.text.error.placeholder.value}"
},
"filled": {
"value": "{theme.fields.color.text.error.filled.value}"
},
"disabled": {
"value": "{theme.fields.color.text.error.disabled.value}"
},
"readonly": {
"value": "{theme.fields.color.text.error.readonly.value}"
},
"checked": {
"value": "{theme.fields.color.text.error.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.text.error.unchecked.value}"
},
"weak": {
"value": "{theme.fields.color.text.error.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.text.error.weaker.value}"
}
},
"success": {
"enabled": {
"value": "{theme.fields.color.text.success.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.text.success.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.text.success.focused.value}"
},
"placeholder": {
"value": "{theme.fields.color.text.success.placeholder.value}"
},
"filled": {
"value": "{theme.fields.color.text.success.filled.value}"
},
"disabled": {
"value": "{theme.fields.color.text.success.disabled.value}"
},
"readonly": {
"value": "{theme.fields.color.text.success.readonly.value}"
},
"checked": {
"value": "{theme.fields.color.text.success.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.text.success.unchecked.value}"
},
"weak": {
"value": "{theme.fields.color.text.success.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.text.success.weaker.value}"
}
},
"warning": {
"enabled": {
"value": "{theme.fields.color.text.warning.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.text.warning.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.text.warning.focused.value}"
},
"placeholder": {
"value": "{theme.fields.color.text.warning.placeholder.value}"
},
"filled": {
"value": "{theme.fields.color.text.warning.filled.value}"
},
"disabled": {
"value": "{theme.fields.color.text.warning.disabled.value}"
},
"readonly": {
"value": "{theme.fields.color.text.warning.readonly.value}"
},
"checked": {
"value": "{theme.fields.color.text.warning.checked.value}"
},
"unchecked": {
"value": "{theme.fields.color.text.warning.unchecked.value}"
},
"weak": {
"value": "{theme.fields.color.text.warning.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.text.warning.weaker.value}"
}
}
},
"border": {
"base": {
"enabled": {
"value": "{theme.fields.color.border.base.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.border.base.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.border.base.focused.value}"
},
"readonly": {
"value": "{theme.fields.color.background.base.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.border.base.disabled.value}"
},
"checked": {
"value": "{brand.color.background.field.base.checked.value}"
},
"weak": {
"value": "{theme.fields.color.border.base.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.border.base.weaker.value}"
},
"weakest": {
"value": "{theme.fields.color.border.base.weakest.value}"
}
},
"inverse": {
"enabled": {
"value": "{theme.fields.color.border.inverse.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.border.inverse.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.border.inverse.focused.value}"
},
"readonly": {
"value": "{theme.fields.color.background.inverse.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.border.inverse.disabled.value}"
},
"checked": {
"value": "{brand.color.border.field.inverse.checked.value}"
},
"weak": {
"value": "{theme.fields.color.border.inverse.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.border.inverse.weaker.value}"
},
"weakest": {
"value": "{theme.fields.color.border.inverse.weakest.value}"
}
},
"error": {
"enabled": {
"value": "{theme.fields.color.border.error.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.border.error.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.border.error.focused.value}"
},
"readonly": {
"value": "{theme.fields.color.background.error.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.border.error.disabled.value}"
},
"checked": {
"value": "{theme.fields.color.background.error.checked.value}"
},
"weak": {
"value": "{theme.fields.color.border.error.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.border.error.weaker.value}"
},
"weakest": {
"value": "{theme.fields.color.border.error.weakest.value}"
}
},
"success": {
"enabled": {
"value": "{theme.fields.color.border.success.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.border.success.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.border.success.focused.value}"
},
"readonly": {
"value": "{theme.fields.color.background.success.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.border.success.disabled.value}"
},
"checked": {
"value": "{theme.fields.color.background.success.checked.value}"
},
"weak": {
"value": "{theme.fields.color.border.success.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.border.success.weaker.value}"
},
"weakest": {
"value": "{theme.fields.color.border.success.weakest.value}"
}
},
"warning": {
"enabled": {
"value": "{theme.fields.color.border.warning.enabled.value}"
},
"hovered": {
"value": "{theme.fields.color.border.warning.hovered.value}"
},
"focused": {
"value": "{theme.fields.color.border.warning.focused.value}"
},
"readonly": {
"value": "{theme.fields.color.background.warning.readonly.value}"
},
"disabled": {
"value": "{theme.fields.color.border.warning.disabled.value}"
},
"checked": {
"value": "{theme.fields.color.background.warning.checked.value}"
},
"weak": {
"value": "{theme.fields.color.border.warning.weak.value}"
},
"weaker": {
"value": "{theme.fields.color.border.warning.weaker.value}"
},
"weakest": {
"value": "{theme.fields.color.border.warning.weakest.value}"
}
}
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": {
"value": "{theme.elevation.boxShadow.base.focused.value}"
}
},
"error": {
"focused": {
"value": "{theme.elevation.boxShadow.error.focused.value}"
}
},
"success": {
"focused": {
"value": "{theme.elevation.boxShadow.success.focused.value}"
}
},
"warning": {
"focused": {
"value": "{theme.elevation.boxShadow.warning.focused.value}"
}
}
}
},
"mutation": {
"transitionDuration": {
"value": "{global.mutation.transitionDuration.md.value}"
}
},
"shape": {
"backgroundImage": {
"date": {
"value": "{brand.shape.backgroundImage.fields.date.value}"
},
"time": {
"value": "{brand.shape.backgroundImage.fields.time.value}"
},
"search": {
"value": "{brand.shape.backgroundImage.fields.search.value}"
},
"searchCancel": {
"base": {
"value": "{brand.shape.backgroundImage.fields.searchCancel.base.value}"
},
"hovered": {
"value": "{brand.shape.backgroundImage.fields.searchCancel.hovered.value}"
}
}
},
"borderRadius": {
"value": "{global.shape.borderRadius.md.value}"
},
"borderSize": {
"base": {
"value": "{global.shape.borderSize.md.value}"
},
"check": {
"value": "{global.shape.borderSize.lg.value}"
}
},
"opacity": {
"disabled": {
"value": "{global.shape.opacity.low.value}"
}
}
},
"size": {
"height": {
"xs": {
"value": "{global.size.height.05.value}"
},
"sm": {
"value": "{global.size.height.06.value}"
},
"md": {
"value": "{global.size.height.07.value}"
},
"lg": {
"value": "{global.size.height.08.value}"
}
},
"square": {
"sm": {
"value": "{global.size.square.04.value}"
},
"md": {
"value": "{global.size.square.05.value}"
},
"lg": {
"value": "{global.size.square.06.value}"
}
},
"width": {
"xxs": {
"value": "6rem"
},
"xs": {
"value": "13.6rem"
},
"sm": {
"value": "21.2rem"
},
"md": {
"value": "28.8rem"
},
"lg": {
"value": "36.4rem"
},
"xl": {
"value": "44.4rem"
},
"wide": {
"value": "100%"
}
}
},
"space": {
"padding": {
"hor": {
"sm": {
"value": "{global.space.02.value}"
},
"md": {
"value": "{global.space.02.value}"
},
"lg": {
"value": "{global.space.03.value}"
}
},
"withIcon": {
"sm": {
"value": "calc(({alias.fields.space.padding.hor.sm.value} * 2) + {alias.fields.icon.space.pos.sm.value})"
},
"md": {
"value": "calc(({alias.fields.space.padding.hor.md.value} * 2) + {alias.fields.icon.space.pos.md.value})"
},
"lg": {
"value": "calc(({alias.fields.space.padding.hor.lg.value} * 2) + {alias.fields.icon.space.pos.lg.value})"
}
}
}
},
"icon": {
"color": {
"text": {
"base": {
"value": "{alias.fields.color.text.base.placeholder.value}"
},
"error": {
"value": "{alias.fields.color.border.error.enabled.value}"
},
"success": {
"value": "{alias.fields.color.border.success.enabled.value}"
},
"warning": {
"value": "{alias.fields.color.border.warning.enabled.value}"
}
}
},
"size": {
"square": {
"sm": {
"value": "calc(({alias.fields.size.height.sm.value} / 2) + 0.2rem)"
},
"md": {
"value": "calc(({alias.fields.size.height.md.value} / 2) + 0.2rem)"
},
"lg": {
"value": "calc(({alias.fields.size.height.lg.value} / 2) + 0.2rem)"
}
}
},
"space": {
"pos": {
"sm": {
"value": "calc({alias.fields.space.padding.hor.sm.value} / 2)"
},
"md": {
"value": "calc({alias.fields.space.padding.hor.md.value} / 2)"
},
"lg": {
"value": "calc({alias.fields.space.padding.hor.lg.value} / 2)"
}
}
}
}
}
}
}