Element: #222 Semantic (foundation/colors) What it shows: Four swatches for the semantic status color tokens: success, warning, error and info. When to use: Choosing a status color for alerts, badges and validation states. Spec: - Renders `` with 4 tokens - Tokens in order: `--ca-semantic-success`, `--ca-semantic-warning`, `--ca-semantic-error`, `--ca-semantic-info` Tags: colors, semantic, success, warning, error, info, tokens Needs: @codeatlasdev/ui@4.4.0 Components: none Live demo: https://ui.codeatlas.com.br/docs/foundation/colors#semantic