Skip to content

[NO-ISSUE] feat(webkit): add Brand component consolidating the Azion logo lockups#751

Merged
robsongajunior merged 9 commits into
devfrom
feat/brand-component
Jul 16, 2026
Merged

[NO-ISSUE] feat(webkit): add Brand component consolidating the Azion logo lockups#751
robsongajunior merged 9 commits into
devfrom
feat/brand-component

Conversation

@gab-az

@gab-az gab-az commented Jul 13, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds Brand — a new content component (@aziontech/webkit/brand) that consolidates the loose @aziontech/webkit/svg/azion/* logo assets behind a single, documented API.

  • kind ('default' | 'reduced' | 'extended', default default) selects the lockup:
    • default → the AZION wordmark
    • reduced → the "A" glyph for tight spaces
    • extended → the AZION wordmark with the "move to the edge technologies®" tagline
  • size ('small' | 'medium' | 'large', default medium) sets the lockup height (16 / 24 / 32 px) while width scales automatically, so every kind keeps its own aspect ratio (swap kinds at the same size and they line up on height).
  • Root is a role="img" element labeled Azion (consumer-overridable via aria-label); data-kind / data-size mirror the props; the inner SVG is aria-hidden.

Follows the full spec-driven pipeline: approved .specs/brand.md, component-scaffold patterns (inline utilities + data-* variants, no JS class presets), a co-located browser-mode test suite, a storybook-write-conformant story (Default + composite Types + Sizes), and a Code Connect mapping.

Notes

  • Non-breaking / additive. New component + new ./brand export only. The existing svg/azion/* exports are kept and remain individually importable — nothing removed or renamed. semantic-release: minor.
  • The brand SVG assets still embed the brand orange as a hex literal; documented as a theme gap in the spec (follow-up: tokenize to var(--primary)).
  • Code Connect maps the Figma type variant (Default→default, Min→reduced, Full→extended); "Move to the Edge" is intentionally not exposed and size is a code-only prop.
  • Verified: ESLint, vue-tsc, type-coverage (99.97%), vitest (21/21, real Chromium), and storybook build all pass.

Not included

The old AzionLogo Storybook story is left in place for now (it still documents the move-to-the-edge / full assets that Brand doesn't surface); removing/trimming it can be a follow-up.

@gab-az
gab-az requested a review from a team as a code owner July 13, 2026 23:54
@robsongajunior
robsongajunior merged commit 3c1fbc7 into dev Jul 16, 2026
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants