@designcrowd/fe-shared-lib 1.2.19 → 1.2.20-ast-icon-update

package/Dockerfile

@@ -29,7 +29,7 @@ COPY .npmignore ./
 RUN npm run bundle-translation
 
 RUN mkdir artifacts
-RUN npm publish --otp=052355 || (touch artifacts/npm_publish_failed && exit 1)
+RUN npm publish || (touch artifacts/npm_publish_failed && exit 1)
 RUN cp package.json artifacts/
 
 ENTRYPOINT ["/bin/echo", "Nothing to do."]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.19",
+  "version": "1.2.20-ast-icon-update",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-brandCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-brandCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-brandCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-brandCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 151 215 / var(--tw-text-opacity));
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandCrowd .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-brandPage.css

@@ -699,6 +699,9 @@ video {
 .theme-brandPage .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandPage .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandPage .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandPage .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandPage .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandPage .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandPage .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandPage .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandPage .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1454,6 +1463,9 @@ video {
 .theme-brandPage .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandPage .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandPage .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1589,6 +1601,9 @@ video {
 .theme-brandPage .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandPage .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandPage .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1754,6 +1769,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandPage .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandPage .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1829,6 +1849,16 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandPage .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.theme-brandPage .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandPage .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-crazyDomains.css

@@ -699,6 +699,9 @@ video {
 .theme-crazyDomains .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-crazyDomains .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-crazyDomains .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-crazyDomains .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-crazyDomains .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-crazyDomains .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-crazyDomains .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-crazyDomains .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-crazyDomains .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-crazyDomains .tw-p-4 {
   padding: 1rem;
 }
+.theme-crazyDomains .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-crazyDomains .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-crazyDomains .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-crazyDomains .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-crazyDomains .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-crazyDomains .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-crazyDomains .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-crazyDomains .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 161 239 / var(--tw-text-opacity));
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-crazyDomains .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCom.css

@@ -699,6 +699,9 @@ video {
 .theme-designCom .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCom .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCom .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCom .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCom .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCom .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCom .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCom .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCom .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCom .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCom .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCom .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCom .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCom .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCom .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCom .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCom .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCom .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(63 89 246 / var(--tw-text-opacity));
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCom .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-designCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCrowd .sm\:tw-absolute {
     position: absolute;

package/src/atoms/components/Icon/icons/maker/twitter.vue

@@ -1,5 +1,6 @@
 <template>
   <path
-    d="M6.3723 14c-2.3529 0-4.2548-.3891-5.1105-1.0546a.3143.3143 0 0 1-.1019-.1574.3096.3096 0 0 1 .0067-.1864.3341.3341 0 0 1 .1231-.1488.3426.3426 0 0 1 .1864-.0574c1.4005-.022 2.3052-.3438 2.9957-.7329-1.332-.1609-2.1638-.7782-2.591-1.947a.2446.2446 0 0 1-.0066-.1654.2494.2494 0 0 1 .1005-.133.3486.3486 0 0 1 .3333-.0234c.3571.2297.7128.275 1.1414.275-.9005-.5266-1.7408-1.397-2.0685-2.475a.2703.2703 0 0 1 .0111-.1671.2761.2761 0 0 1 .1079-.1299.2941.2941 0 0 1 .3333.022c.2815.2242.621.367.9804.4125-.9328-.9157-1.5042-2.2687-.696-3.7578l.14-.275.238.2296c1.4762 1.4891 2.8319 2.1766 5.3038 2.6345v-.0907c-.0054-.8016.3107-1.5731.8798-2.1479.5692-.5747 1.3458-.9066 2.1621-.9239.6708 0 1.5937.4592 1.9733.6655.0238 0 .0476.0234.0476 0a17.7307 17.7307 0 0 0 1.7114-.6421.262.262 0 0 1 .2801.0467.2311.2311 0 0 1 .0705.1297.2282.2282 0 0 1-.0229.1453 3.131 3.131 0 0 1-.5882.9845l.4748-.1595a.322.322 0 0 1 .1485.0012.3186.3186 0 0 1 .1316.0676.2959.2959 0 0 1 .0713.1286.2917.2917 0 0 1 .0001.1464 2.2687 2.2687 0 0 1-.4358.8165 2.3167 2.3167 0 0 1-.7294.5805v.0687C13.9798 10.403 10.5569 14 6.3722 14Z"
+    d="M12.1655 1H14.5349L9.35972 6.93021L15.4483 15H10.6815L6.94786 10.1048L2.67545 15H0.305103L5.84041 8.65655L0 1H4.88841L8.2629 5.47324L12.1655 1ZM11.3352 13.5788H12.6483L4.17393 2.3469H2.76621L11.3352 13.5788Z"
+    fill="black"
   />
 </template>

package/src/bundles/bundled-translations.de-DE.json

@@ -92,5 +92,11 @@
     "clickToUpload": "klicken Sie hier, um eine Datei hochzuladen.",
     "acceptedFiles": "Wir akzeptieren PNG-, JPG-, SVG- und EPS-Dateien bis zu 25 MB.",
     "wrongUploadType": "Sie können Dateien dieses Typs nicht hochladen."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Ersetzen",
+    "replaceLogo": "Logo ersetzen",
+    "delete": "Löschen",
+    "deleteLogo": "Logo löschen"
   }
 }

package/src/bundles/bundled-translations.es-ES.json

@@ -92,5 +92,11 @@
     "clickToUpload": "haz clic para subirlo",
     "acceptedFiles": "Aceptamos archivos PNG, JPG, SVG o EPS de hasta 25 MB",
     "wrongUploadType": "No puedes subir archivos de este tipo."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Sustituir",
+    "replaceLogo": "Reemplaza el logo",
+    "delete": "Eliminar",
+    "deleteLogo": "Elimina el logo"
   }
 }

package/src/bundles/bundled-translations.fr-FR.json

@@ -92,5 +92,11 @@
     "clickToUpload": "cliquez pour télécharger",
     "acceptedFiles": "Nous acceptons les fichiers PNG, JPG, SVG ou EPS jusqu'à 25 Mo",
     "wrongUploadType": "Vous ne pouvez pas télécharger des fichiers de ce type."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Remplacer",
+    "replaceLogo": "Remplacez le logo",
+    "delete": "Supprimer",
+    "deleteLogo": "Supprimez le logo"
   }
 }

package/src/bundles/bundled-translations.json

@@ -92,5 +92,11 @@
     "clickToUpload": "click to upload",
     "acceptedFiles": "We accept PNG, JPG, SVG or EPS files up to 25MB",
     "wrongUploadType": "You can't upload files of this type."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Replace",
+    "replaceLogo": "Replace Logo",
+    "delete": "Delete",
+    "deleteLogo": "Delete Logo"
   }
 }

package/src/bundles/bundled-translations.pt-PT.json

@@ -92,5 +92,11 @@
     "clickToUpload": "clique para carregar",
     "acceptedFiles": "Aceitamos ficheiros PNG, JPG, SVG ou EPS até 25 MB",
     "wrongUploadType": "Não pode carregar ficheiros deste tipo."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Substituir",
+    "replaceLogo": "Substituir logótipo",
+    "delete": "Eliminar",
+    "deleteLogo": "Eliminar Logótipo"
   }
 }

package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue

@@ -55,7 +55,7 @@
       }"
     >
       <label for="replace-logo-file" class="tw-sr-only">
-        Replace logo
+        {{ uploadLogoSearchResultCardTr('replaceLogo') }}
         <input
           id="replace-logo-file"
           ref="fileInput"
@@ -65,7 +65,7 @@
         />
       </label>
       <div
-        class="tw-flex tw-items-center tw-justify-center"
+        class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-4"
         :class="{
           'md:tw-items-center': useLandscapeTile,
           'md:tw-flex-col': aspectRatio > 30 && useLandscapeTile,
@@ -81,7 +81,7 @@
           @on-click="onReplaceButtonClick"
         />
         <button
-          class="tw-uppercase tw-ml-6 tw-text-xs tw-text-secondary tw-font-sans tw-font-bold"
+          class="tw-uppercase tw-text-xs tw-text-secondary tw-font-sans tw-font-bold"
           :class="{
             'md:tw-mt-3': useLandscapeTile && !extraWideLandscape,
             'md:tw-ml-0': useLandscapeTile,
@@ -102,6 +102,7 @@ import Button from '../../../../src/atoms/components/Button/Button.vue';
 import Events from '../../constants/event-constants';
 import API from '../../constants/api';
 import trackEvent from '../../helpers/tracking';
+import { uploadLogoSearchResultCardTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -131,6 +132,11 @@ export default {
       default: false,
     },
   },
+  setup() {
+    return {
+      uploadLogoSearchResultCardTr,
+    };
+  },
   data() {
     return {
       extraWideLandscape: this.useLandscapeTile && this.aspectRatio <= 30,
@@ -138,10 +144,14 @@ export default {
   },
   computed: {
     replaceButtonLabel() {
-      return this.alternativeLayout ? 'Replace' : 'Replace Logo';
+      return this.alternativeLayout
+        ? this.uploadLogoSearchResultCardTr('replace')
+        : this.uploadLogoSearchResultCardTr('replaceLogo');
     },
     deleteButtonLabel() {
-      return this.alternativeLayout ? 'Delete' : 'Delete Logo';
+      return this.alternativeLayout
+        ? this.uploadLogoSearchResultCardTr('delete')
+        : this.uploadLogoSearchResultCardTr('deleteLogo');
     },
   },
   methods: {

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.de-DE.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Ersetzen",
+    "replaceLogo" : "Logo ersetzen",
+    "delete" : "Löschen",
+    "deleteLogo" : "Logo löschen"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.es-ES.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Sustituir",
+    "replaceLogo" : "Reemplaza el logo",
+    "delete" : "Eliminar",
+    "deleteLogo" : "Elimina el logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.fr-FR.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Remplacer",
+    "replaceLogo" : "Remplacez le logo",
+    "delete" : "Supprimer",
+    "deleteLogo" : "Supprimez le logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard": {
+    "replace": "Replace",
+    "replaceLogo": "Replace Logo",
+    "delete": "Delete",
+    "deleteLogo": "Delete Logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.pt-PT.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Substituir",
+    "replaceLogo" : "Substituir logótipo",
+    "delete" : "Eliminar",
+    "deleteLogo" : "Eliminar Logótipo"
+  }
+}

package/src/useSharedLibTranslate.js

@@ -63,6 +63,9 @@ const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPayme
 
 const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
 
+const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
+  tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
+
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -93,7 +96,7 @@ const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation
 
   const altAudAbbreviation = 'AU';
   if (showAbbreviation && !localeAmount.includes(abbreviationTrimmed)) {
-    return localeAmount.replace(symbolTrimmed,`${abbreviationTrimmed}${symbolTrimmed}`);
+    return localeAmount.replace(symbolTrimmed, `${abbreviationTrimmed}${symbolTrimmed}`);
   } else if (!showAbbreviation && localeAmount.includes(altAudAbbreviation)) {
     return localeAmount.replace(altAudAbbreviation, '');
   } else if (!showAbbreviation && localeAmount.includes(abbreviationTrimmed)) {
@@ -101,7 +104,7 @@ const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation
   }
 
   return localeAmount;
-}
+};
 
 export {
   setSharedLibLocaleAsync,
@@ -117,5 +120,6 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
+  uploadLogoSearchResultCardTr,
   formatCurrency,
 };