From 28f5cb1c4f06495752dfc1e17a69b8e4ba24f06c Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 13:11:57 +0200
Subject: [PATCH 1/5] remove default margin from banner

---
 .changeset/quiet-trains-impress.md                    |  5 +++++
 .../feedback-indicator/mt-banner/mt-banner.vue        | 11 ++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/quiet-trains-impress.md

diff --git a/.changeset/quiet-trains-impress.md b/.changeset/quiet-trains-impress.md
new file mode 100644
index 00000000..2e8d07cb
--- /dev/null
+++ b/.changeset/quiet-trains-impress.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+remove default margin of banner component, hidden by future flag
diff --git a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
index 11bdf58e..7a440308 100644
--- a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
+++ b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mt-banner" :class="classes" role="banner">
+  <div :class="classes" role="banner">
     <slot name="customIcon">
       <mt-icon
         v-if="!hideIcon"
@@ -36,6 +36,7 @@
 import { computed } from "vue";
 import MtIcon from "../../icons-media/mt-icon/mt-icon.vue";
 import MtText from "@/components/content/mt-text/mt-text.vue";
+import { useFutureFlags } from "@/composables/useFutureFlags";
 
 const props = withDefaults(
   defineProps<{
@@ -68,9 +69,13 @@ const bannerIcon = computed(() => {
   return iconConfig[props.variant] || "solid-info-circle";
 });
 
+const future = useFutureFlags();
+
 const classes = computed(() => [
+  "mt-banner",
   `mt-banner--${props.variant}`,
   {
+    "mt-banner--future-remove-default-margin": future.removeDefaultMargin,
     "mt-banner--icon": !props.hideIcon,
     "mt-banner--closable": props.closable,
   },
@@ -97,6 +102,10 @@ const bodyClasses = computed(() => ({
   }
 }
 
+.mt-banner--future-remove-default-margin {
+  margin-block-end: 0;
+}
+
 .mt-banner__title {
   margin-block-end: 0;
 }

From 47063aec1cabe574b1e272fde45444bb827580a3 Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 13:17:38 +0200
Subject: [PATCH 2/5] deprecate mt-external-link component

---
 .changeset/gentle-plants-flash.md                            | 5 +++++
 .../components/form/mt-external-link/mt-external-link.vue    | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/gentle-plants-flash.md

diff --git a/.changeset/gentle-plants-flash.md b/.changeset/gentle-plants-flash.md
new file mode 100644
index 00000000..07ac2ee2
--- /dev/null
+++ b/.changeset/gentle-plants-flash.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+Deprecated mt-external link component
diff --git a/packages/component-library/src/components/form/mt-external-link/mt-external-link.vue b/packages/component-library/src/components/form/mt-external-link/mt-external-link.vue
index ea8db4d0..288e4cc1 100644
--- a/packages/component-library/src/components/form/mt-external-link/mt-external-link.vue
+++ b/packages/component-library/src/components/form/mt-external-link/mt-external-link.vue
@@ -31,6 +31,7 @@
 import { defineComponent } from "vue";
 import MtIcon from "../../icons-media/mt-icon/mt-icon.vue";
 
+/** @deprecated tag:4.0 -- use mt-link instead */
 export default defineComponent({
   name: "MtExternalLink",
 

From 001adb36f591d1cdd40bc6e5c4a6eead37efc269 Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 13:30:33 +0200
Subject: [PATCH 3/5] add internal and external link variants

---
 .changeset/rare-starfishes-compete.md              |  5 +++++
 .../mt-link/mt-link.interactive.stories.ts         | 14 ++++++++++++++
 .../src/components/navigation/mt-link/mt-link.vue  | 13 ++++++++++++-
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/rare-starfishes-compete.md

diff --git a/.changeset/rare-starfishes-compete.md b/.changeset/rare-starfishes-compete.md
new file mode 100644
index 00000000..e38b0140
--- /dev/null
+++ b/.changeset/rare-starfishes-compete.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": minor
+---
+
+Add external and internal variants for link component
diff --git a/packages/component-library/src/components/navigation/mt-link/mt-link.interactive.stories.ts b/packages/component-library/src/components/navigation/mt-link/mt-link.interactive.stories.ts
index d1d9dbf3..da692b13 100644
--- a/packages/component-library/src/components/navigation/mt-link/mt-link.interactive.stories.ts
+++ b/packages/component-library/src/components/navigation/mt-link/mt-link.interactive.stories.ts
@@ -34,3 +34,17 @@ export const VisualTestRenderExternalLinkDisabled: MtLinkStory = {
     expect(args.click).not.toHaveBeenCalled();
   },
 };
+
+export const VisualTestRenderExternalLink: MtLinkStory = {
+  name: "Render external link",
+  args: {
+    type: "external",
+  },
+};
+
+export const VisualTestRenderInternalLink: MtLinkStory = {
+  name: "Render internal link",
+  args: {
+    type: "internal",
+  },
+};
diff --git a/packages/component-library/src/components/navigation/mt-link/mt-link.vue b/packages/component-library/src/components/navigation/mt-link/mt-link.vue
index 9b2e8bde..ba329cbe 100644
--- a/packages/component-library/src/components/navigation/mt-link/mt-link.vue
+++ b/packages/component-library/src/components/navigation/mt-link/mt-link.vue
@@ -15,16 +15,25 @@
     @click="disabled ? undefined : $emit('click', $event)"
   >
     <slot />
+
+    <mt-icon
+      v-if="type"
+      size="0.75rem"
+      :name="type === 'external' ? 'regular-external-link-s' : 'regular-long-arrow-right'"
+    />
   </component>
 </template>
 
 <script setup lang="ts">
+import MtIcon from "@/components/icons-media/mt-icon/mt-icon.vue";
+
 withDefaults(
   defineProps<{
     to?: string;
     as?: string;
     variant?: "primary" | "critical";
     disabled?: boolean;
+    type?: "external" | "internal";
   }>(),
   {
     as: "router-link",
@@ -40,7 +49,9 @@ defineEmits<{
 
 <style scoped>
 .mt-link {
-  display: inline-block;
+  display: inline-flex;
+  column-gap: 0.25rem;
+  align-items: center;
   cursor: pointer;
   margin: 0;
   font-family: var(--font-family-body);

From 0088adeb97f6785c8ab36214265e7b2f7510f2f6 Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 13:30:47 +0200
Subject: [PATCH 4/5] update focus style of link component

---
 .../src/components/navigation/mt-link/mt-link.vue           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/component-library/src/components/navigation/mt-link/mt-link.vue b/packages/component-library/src/components/navigation/mt-link/mt-link.vue
index ba329cbe..6db047d6 100644
--- a/packages/component-library/src/components/navigation/mt-link/mt-link.vue
+++ b/packages/component-library/src/components/navigation/mt-link/mt-link.vue
@@ -59,6 +59,12 @@ defineEmits<{
   line-height: var(--font-line-height-xs);
   font-weight: var(--font-weight-medium);
   text-decoration: underline;
+
+  &:focus-visible {
+    outline-offset: 2px;
+    outline: 2px solid var(--color-border-brand-selected);
+    border-radius: var(--border-radius-xs);
+  }
 }
 
 .mt-link:is(:disabled, .mt-link--disabled) {

From fb45d53f4daf200119fc2897bcc2b2a6a8898cc9 Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 14:21:33 +0200
Subject: [PATCH 5/5] update snapshots

---
 ...nk--visual-test-render-external-link-snap.png | Bin 0 -> 3814 bytes
 ...nk--visual-test-render-internal-link-snap.png | Bin 0 -> 3609 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-external-link-snap.png
 create mode 100644 packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-internal-link-snap.png

diff --git a/packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-external-link-snap.png b/packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-external-link-snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..d21a38cd022cd5c099d3357b896cdf6e9d11dde5
GIT binary patch
literal 3814
zcmeAS@N?(olHy`uVBq!ia0y~yU<P8QE)FK3$d0(b%YYPPage(c!@6@aFBus47I?Zi
zhE&XXdnfk9yi(Z%AMcy2(VS{kvoNJ+)@7bk%}1JNd2@+aPt<*};6j%|EOT_ANJWB>
zpjYYz?hb`*25L_mHCRe7buUt!x^04jV9K|qj;3w1R+O{b8EiHD{IN3T?eCu-WbRzQ
z{r{(I-OlyDcU{vF>t<wl;8A|%p&SE4!}X>&%nTkAY8e<fH}NwlIDTVfP&r}8(7<w&
zoneB)Zw3aT6nO>*G883R-rQdHyyok2_M7$ROp9OFp5F7Vb>1!e{Z$2ZKcD~ndvE5<
zcKP{}_nBmu>;0WueAdW~jbTOgU9NRoUtfx>KeRgb$+Y|Dp6*V+f7yFBe~e|mW!<_x
z1@rz~kEwrd^Xtl+pRZTX7hzCHSKa*nOmJAj#PfHp(&t)**Jt$EW!?MIc5_2s+Ow|j
z=SA)3xzC^VRsGE2{`Cjy85veYp1l8U?+3Pbx8{ESI{)nP^0S@sbA01xO24mrdGh!C
zncVxVrPt5e>%S-CfAaqs-1iKh=g<0VcJAi#vuAX~HrIX!+WzK-(eydHn?5r!w5)lg
zEPMaw(VPf#^O_Q~HM7s(G5T&>^x#5q_s=K%&;PkU+jjcdmdE^CPb3*me>+e5{XE&|
zXScea??`^uyFPyJL`H_b2<^(r-&N1q*RI=@k@n2?_4A(9&#&{J+kJmm$&1h1&&k%$
zvDTZv+0XV0SNGAHSI>6-y!Z3VZ=f0JX=OPx*QT$(cY=YzeNE_@eZK1YwH5y?`;ULu
z&AnH0{!MKXP{H?oZ&Sm5yzzhbtor$-;^(_^y{qM_a{TNwzXAi>B5Ca--+QLneEa^N
z{JZ(*+v3BqpAX!Rt80Bb`}uGA$XkEz-mAQR{n@|$YrZT1CfW9frDt!OpYOLbRF|`!
z{wLv^eenw8^|#IL->6cMpMS&r{Qj%_3=QE~GtDdCSErQyeRkm4w$0CPB>%ge-5+KA
zx^K3$y_tAj{=S;qHN~&J{VTrhY>xl&WwWvIahbh)fI)F-+RWPR?`PirE_1`C{<8Lo
zeb47^FWmQ`ap$w=pAQ;8TU0K0WB<!1J73P5Idk#<$K5Ax|1-#s+ijH3&H{|o%@I0$
z-+A;uE#H6s+uh>p&g_;Y&on>3<v(93&3`zAf#LuAxWaF1@9zBM{O5DD_I@=62K_Jg
z-*e>|7*;<tusO-ia3I^CYAK(3d1%xmDi%nifjJtO)U4n})6-~r8ck1BZ8MH$snIMo
gnxzI;mil4-Y{~j__73WPz>X_}r>mdKI;Vst08#Po$p8QV

literal 0
HcmV?d00001

diff --git a/packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-internal-link-snap.png b/packages/component-library/__snapshots__/interaction-tests-navigation-mt-link--visual-test-render-internal-link-snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4dc95719e65e2efb95c0d00046af482c744a0e6
GIT binary patch
literal 3609
zcmeAS@N?(olHy`uVBq!ia0y~yU<P8QE)FK3$d0(b%YYPPage(c!@6@aFM*0Kd%8G=
zRLpsMCw|5JQrQC^&kIg8<2=>Md2B+IvHC_mA(4v`T+;Vgcpbggh&krn?a}z)x3v3%
zlb{dN)P=&Wv2UErI9@q9zTv;?^DMMv`^C^L0^LVHRXj|}p8ILe;rA9det+Hd%Xa_$
z&woGct@&)T|9NCoT$~&O!@832*mt}P3?B+7)G{z|ZsKQ9aQw!|pmM^Fp@HQlJHrHp
z-wX^wDe?>sO>dYPJjhVAM*X*$?40@kidx_2S10w&i+CQzz+iUeD)*eyAGbGuz05s_
zo#DVColk1-r`uW2ULW~j&;Jjn<kKoE7q>Ap#C#N+Su1}3z}=F9x^Jt0o_o0So%-g#
z8!f-w_V%}{&MW(0v(46O`MEV&KVH|*`RhJKp5cI1?gM4n^Lq@<b7wx^Zwe%t-JczK
z$!))Pzs>KsdE5QZXWP#>Uz-(rx$fhEKTr4m{HJ}2pCQ3k?C1S`-fw<AvZ=a%=1lnZ
zb7%X{&#s>}*L>dpm+tP*e^?j)d3dw%@Y2<BKhFO7nXk=%r|_`N-(NMKgg;-o*L&NP
z;lR{P=FR!PzdpCG`7!5s{QtUtACBHXyVCgc;q_<d&W}HTqyArZqBRS{iyH^tL`Oya
z{9S(jTx|S|=l5sTZa=U4zjW*S>hd*vUj2Pq`QXBvyO!tg?0?bA#K02McHQ*-{_MEF
z?_#!B%2j2an-~3d70^e<*UuH-|1;l|li|SsjptU^s{5UPct76a&hM$Fdv-ltwe)7u
zTbZhYZ#LHbd(8anl0#ST`}g!_ZTB-~hKS{*Y4<lyE`IZ*^>FO%>wk{z+r9m4|NEKh
zb++H{*?hnI>*DkGH#dHZWn%b{?|nM1gNZ?4!?V@3v-$Mug#TA$eKcld*fC=@D6vd`
z=o!brU{^<jL_@vgH);|U^YUn5js_+*>xR+vG@719(-T#jTccTOG)s+Uslkw?4zbUi
XR(vVMF~bko*JJQ>^>bP0l+XkKi!pk0

literal 0
HcmV?d00001