feat(components): create app store badge component(#3422) (#3731)

Co-authored-by: Travaglini Alessio <[email protected]> Co-authored-by: Zherdetska Alona, IT21.1 <[email protected]> Co-authored-by: Alizé Debray <[email protected]>
swisspost · Oct 28, 2024 · 2600d25 · 2600d25
1 parent 989c91e
commit 2600d25
Show file tree

Hide file tree

Showing 11 changed files with 302 additions and 15 deletions.
diff --git a/.changeset/silver-coins-invent.md b/.changeset/silver-coins-invent.md
@@ -0,0 +1,7 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+'@swisspost/design-system-tokens': minor
+---
+
+Added a new App Store Badge component for promoting apps, supporting both Google Play and Apple App Store badges.
diff --git a/packages/documentation/cypress/snapshots/components/app-store-badge.snapshot.ts b/packages/documentation/cypress/snapshots/components/app-store-badge.snapshot.ts
@@ -0,0 +1,7 @@
+describe('AppStoreBadge', () => {
+  it('default', () => {
+    cy.visit('/iframe.html?id=snapshots--app-store-badge');
+    cy.get('.app-store-badge', { timeout: 30000 }).should('be.visible');
+    cy.percySnapshot('App Store Badges', { widths: [400] });
+  });
+});
diff --git a/packages/documentation/public/assets/images/apple-store-badge-white.svg b/packages/documentation/public/assets/images/apple-store-badge-white.svg