@devoinc/genesys-tokens
Version:
Design tokens generator
107 lines (106 loc) • 4.76 kB
JSON
{
"theme": {
"elevation": {
"boxShadow": {
"depth": {
"ground": {
"value": "none"
},
"raised": {
"value": "0 0.2rem 0.2rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.15), 0 0.1rem 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.1)"
},
"sticky": {
"bottom": {
"value": "0 0.4rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.08), 0 0.2rem 0.2rem 0.1rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.04)"
},
"top": {
"value": "0 -0.4rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.08), 0 -0.2rem 0.2rem 0.1rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.04)"
},
"right": {
"value": "0.4rem 0 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.08), 0 0.2rem 0.2rem 0.1rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.04)"
},
"left": {
"value": "-0.4rem 0 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.08), 0.2rem 0 0.2rem -1.1rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.04)"
}
},
"activated": {
"value": "0 0.4rem 0.8rem -0.2rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.25), 0 0 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.31)"
},
"draggable": {
"value": "0 0.8rem 1.6rem -0.4rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.25), 0 0 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.31)"
},
"overlay": {
"value": "0 1.2rem 2.4rem -0.6rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.25), 0 0 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.31)"
},
"popOut": {
"value": "0 2rem 3.2rem -0.8rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.25), 0 0 0.1rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.31)"
}
},
"base": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.base.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.base.focused.value}"
}
},
"error": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.error.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.error.focused.value}"
}
},
"success": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.success.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.success.focused.value}"
}
},
"warning": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.warning.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.warning.focused.value}"
}
},
"info": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.info.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.info.focused.value}"
}
},
"help": {
"focused": {
"value": "inset 0 0 0 0.2rem {theme.color.shadow.help.focused.value}"
},
"focusedExt": {
"value": "0 0 0 0.2rem {theme.color.shadow.help.focused.value}"
}
},
"handler": {
"base": {
"enabled": {
"value": "0 0.2rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.16), 0 0.2rem 0.2rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.12)"
},
"hovered": {
"value": "0 0.2rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.16), 0 0.2rem 0.2rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.12), 0 0 0 1.2rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.08)"
},
"focused": {
"value": "0 0.2rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.16), 0 0.2rem 0.2rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.12)"
},
"pressed": {
"value": "0 0.2rem 0.6rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.16), 0 0.2rem 0.2rem 0 rgba({theme.color.shadow.base.enabled.rgbValues}, 0.12), 0 0 0 1.2rem rgba({theme.color.shadow.base.enabled.rgbValues}, 0.16)"
}
}
}
}
}
}
}