{
    "comp": {
        "infobox": {
            "border": {
                "width": {
                    "value": "{ref.spacing.xxxs}"
                },
                "radius": {
                    "value": "{ref.borderRadius.sm}"
                }
            },
            "text": {
                "title": {
                    "size": {
                        "value": "{sys.text.style.h3.size}"
                    },
                    "font-family": {
                        "value": "{sys.text.style.h3.font-family}"
                    },
                    "weight": {
                        "value": "{sys.text.style.h3.weight}"
                    },
                    "lineHeight": {
                        "value": "{sys.text.style.h3.line-height}"
                    }
                },
                "content": {
                    "size": {
                        "value": "{sys.text.style.body.size}"
                    },
                    "font-family": {
                        "value": "{sys.text.style.body.font-family}"
                    },
                    "weight": {
                        "value": "{sys.text.style.body.weight}"
                    },
                    "lineHeight": {
                        "value": "{sys.text.style.body.line-height}"
                    }
                }
            },
            "padding": {
                "right": {
                    "value": "{ref.spacing.xs}"
                },
                "left": {
                    "value": "{ref.spacing.sm}"
                },
                "bottom": {
                    "value": "{ref.spacing.xs}"
                },
                "top": {
                    "value": "{ref.spacing.xs}"
                }
            },
            "button": {
                "margin": {
                    "right": {
                        "value": "{ref.spacing.xxs}"
                    },
                    "left": {
                        "value": "{ref.spacing.xxs}"
                    }
                }
            },
            "gap": {
                "value": "{ref.spacing.xs}"
            },
            "error": {
                "background": {
                    "color": {
                        "value": "{ref.color.red.20}"
                    }
                },
                "borderLeft": {
                    "color": {
                        "value": "{ref.color.red.150}"
                    }
                },
                "icon": {
                    "color": {
                        "value": "{ref.color.red.150}"
                    }
                }
            },
            "warning": {
                "background": {
                    "color": {
                        "value": "{ref.color.tag-orange.20}"
                    }
                },
                "borderLeft": {
                    "color": {
                        "value": "{ref.color.tag-orange.150}"
                    }
                },
                "icon": {
                    "color": {
                        "value": "{ref.color.tag-orange.150}"
                    }
                }
            },
            "info": {
                "background": {
                    "color": {
                        "value": "{ref.color.electricBlue.20}"
                    }
                },
                "borderLeft": {
                    "color": {
                        "value": "{ref.color.electricBlue.150}"
                    }
                },
                "icon": {
                    "color": {
                        "value": "{ref.color.electricBlue.150}"
                    }
                }
            },
            "success": {
                "background": {
                    "color": {
                        "value": "{ref.color.green.20}"
                    }
                },
                "borderLeft": {
                    "color": {
                        "value": "{ref.color.green.150}"
                    }
                },
                "icon": {
                    "color": {
                        "value": "{ref.color.green.150}"
                    }
                }
            },
            "featureLock": {
                "background": {
                    "color": {
                        "value": "{ref.color.purple.20}"
                    }
                },
                "borderLeft": {
                    "color": {
                        "value": "{ref.color.purple.150}"
                    }
                },
                "icon": {
                    "color": {
                        "value": "{ref.color.purple.150}"
                    }
                }
            }
        }
    }
}