Skip to content

Commit

Permalink
feat(social media follow): update icons size and spacing - FRONT-4523 (…
Browse files Browse the repository at this point in the history 
…#3492)
  • Loading branch information
@emeryro
emeryro authored Jul 18, 2024
1 parent 4f31230 commit bbd65b7
Show file tree
Hide file tree
Showing 10 changed files with 77 additions and 128 deletions.
72 changes: 36 additions & 36 deletions ...ations/twig/components/social-media-follow/__snapshots__/social-media-follow.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -45,7 +45,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -68,7 +68,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -91,7 +91,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -114,7 +114,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -137,7 +137,7 @@ exports[`Social Media Follow Align right renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down Expand Up @@ -178,7 +178,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -201,7 +201,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -224,7 +224,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -247,7 +247,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -270,7 +270,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -293,7 +293,7 @@ exports[`Social Media Follow Colored renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down Expand Up @@ -336,7 +336,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -359,7 +359,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -382,7 +382,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -405,7 +405,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -428,7 +428,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -451,7 +451,7 @@ exports[`Social Media Follow Default renders correctly with extra attributes 1`]
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down Expand Up @@ -492,7 +492,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -515,7 +515,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -538,7 +538,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -561,7 +561,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -584,7 +584,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -607,7 +607,7 @@ exports[`Social Media Follow Default renders correctly with extra class names 1`
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down Expand Up @@ -648,7 +648,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -671,7 +671,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -694,7 +694,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -717,7 +717,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -740,7 +740,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -763,7 +763,7 @@ exports[`Social Media Follow Horizontal renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down Expand Up @@ -804,7 +804,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -827,7 +827,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -850,7 +850,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -873,7 +873,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -896,7 +896,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand All @@ -919,7 +919,7 @@ exports[`Social Media Follow Vertical renders correctly 1`] = `
>
<svg
aria-hidden="true"
class="ecl-icon ecl-icon--xs ecl-link__icon ecl-social-media-follow__icon"
class="ecl-icon ecl-icon--m ecl-link__icon ecl-social-media-follow__icon"
focusable="false"
>
<use
Expand Down
1 change: 1 addition & 0 deletions src/implementations/twig/components/social-media-follow/social-media-follow.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,7 @@
no_visited: true,
}),
icon: link.icon|default({})|merge({
size: 'm',
extra_classes: _icon_extra_classes,
}),
extra_classes: _link_extra_classes,
Expand Down
Loading

1 comment on commit bbd65b7

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀 Deployed on https://v4-dev--europa-component-library.netlify.app

Please sign in to comment.