@designcrowd/fe-shared-lib 1.5.6-ast-masonry-2 → 1.5.6-mason-1

package/dist/css/tailwind-brandCrowd.css

@@ -717,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -1603,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1741,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }

package/dist/css/tailwind-brandPage.css

@@ -717,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -1451,9 +1454,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1589,9 +1589,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }

package/dist/css/tailwind-crazyDomains.css

@@ -717,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -1603,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1741,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }

package/dist/css/tailwind-designCom.css

@@ -717,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -1603,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1741,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }

package/dist/css/tailwind-designCrowd.css

@@ -717,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -1603,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1741,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.6-ast-masonry-2",
+  "version": "1.5.6-mason-1",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -684,6 +684,9 @@ video {
 .theme-brandCrowd .tw-mb-0 {
   margin-bottom: 0px;
 }
+.theme-brandCrowd .tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .theme-brandCrowd .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -762,6 +765,48 @@ video {
 .theme-brandCrowd .tw-box-content {
   box-sizing: content-box;
 }
+.theme-brandCrowd .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-brandCrowd .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-brandCrowd .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-brandCrowd .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-brandCrowd .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-brandCrowd .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-brandCrowd .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-brandCrowd .tw-block {
   display: block;
 }
@@ -1144,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-brandCrowd .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-brandCrowd .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1744,9 +1792,6 @@ 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;
 }
@@ -2174,6 +2219,9 @@ video {
 .theme-brandCrowd .sm\:tw-mb-4 {
     margin-bottom: 1rem;
   }
+.theme-brandCrowd .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
 .theme-brandCrowd .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2210,6 +2258,9 @@ video {
 .theme-brandCrowd .sm\:tw-flex-row {
     flex-direction: row;
   }
+.theme-brandCrowd .sm\:tw-items-center {
+    align-items: center;
+  }
 .theme-brandCrowd .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2336,6 +2387,10 @@ video {
 .theme-brandCrowd .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-brandCrowd .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-brandCrowd .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/public/css/tailwind-brandPage.css

@@ -684,6 +684,9 @@ video {
 .theme-brandPage .tw-mb-0 {
   margin-bottom: 0px;
 }
+.theme-brandPage .tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .theme-brandPage .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -762,6 +765,48 @@ video {
 .theme-brandPage .tw-box-content {
   box-sizing: content-box;
 }
+.theme-brandPage .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-brandPage .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-brandPage .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-brandPage .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-brandPage .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-brandPage .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-brandPage .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-brandPage .tw-block {
   display: block;
 }
@@ -1144,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-brandPage .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-brandPage .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1592,9 +1640,6 @@ 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;
 }
@@ -1858,6 +1903,9 @@ video {
 .theme-brandPage .sm\:tw-mb-4 {
     margin-bottom: 1rem;
   }
+.theme-brandPage .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
 .theme-brandPage .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -1894,6 +1942,9 @@ video {
 .theme-brandPage .sm\:tw-flex-row {
     flex-direction: row;
   }
+.theme-brandPage .sm\:tw-items-center {
+    align-items: center;
+  }
 .theme-brandPage .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2020,6 +2071,10 @@ video {
 .theme-brandPage .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-brandPage .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-brandPage .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/public/css/tailwind-crazyDomains.css

@@ -684,6 +684,9 @@ video {
 .theme-crazyDomains .tw-mb-0 {
   margin-bottom: 0px;
 }
+.theme-crazyDomains .tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .theme-crazyDomains .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -762,6 +765,48 @@ video {
 .theme-crazyDomains .tw-box-content {
   box-sizing: content-box;
 }
+.theme-crazyDomains .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-crazyDomains .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-crazyDomains .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-crazyDomains .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-crazyDomains .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-crazyDomains .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-crazyDomains .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-crazyDomains .tw-block {
   display: block;
 }
@@ -1144,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-crazyDomains .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-crazyDomains .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1744,9 +1792,6 @@ 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;
 }
@@ -2174,6 +2219,9 @@ video {
 .theme-crazyDomains .sm\:tw-mb-4 {
     margin-bottom: 1rem;
   }
+.theme-crazyDomains .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
 .theme-crazyDomains .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2210,6 +2258,9 @@ video {
 .theme-crazyDomains .sm\:tw-flex-row {
     flex-direction: row;
   }
+.theme-crazyDomains .sm\:tw-items-center {
+    align-items: center;
+  }
 .theme-crazyDomains .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2336,6 +2387,10 @@ video {
 .theme-crazyDomains .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-crazyDomains .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-crazyDomains .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/public/css/tailwind-designCom.css

@@ -684,6 +684,9 @@ video {
 .theme-designCom .tw-mb-0 {
   margin-bottom: 0px;
 }
+.theme-designCom .tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .theme-designCom .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -762,6 +765,48 @@ video {
 .theme-designCom .tw-box-content {
   box-sizing: content-box;
 }
+.theme-designCom .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-designCom .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-designCom .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-designCom .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-designCom .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-designCom .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-designCom .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-designCom .tw-block {
   display: block;
 }
@@ -1144,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-designCom .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-designCom .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1744,9 +1792,6 @@ 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;
 }
@@ -2174,6 +2219,9 @@ video {
 .theme-designCom .sm\:tw-mb-4 {
     margin-bottom: 1rem;
   }
+.theme-designCom .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
 .theme-designCom .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2210,6 +2258,9 @@ video {
 .theme-designCom .sm\:tw-flex-row {
     flex-direction: row;
   }
+.theme-designCom .sm\:tw-items-center {
+    align-items: center;
+  }
 .theme-designCom .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2336,6 +2387,10 @@ video {
 .theme-designCom .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-designCom .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-designCom .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/public/css/tailwind-designCrowd.css

@@ -684,6 +684,9 @@ video {
 .theme-designCrowd .tw-mb-0 {
   margin-bottom: 0px;
 }
+.theme-designCrowd .tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .theme-designCrowd .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -762,6 +765,48 @@ video {
 .theme-designCrowd .tw-box-content {
   box-sizing: content-box;
 }
+.theme-designCrowd .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-designCrowd .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-designCrowd .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-designCrowd .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-designCrowd .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-designCrowd .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-designCrowd .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-designCrowd .tw-block {
   display: block;
 }
@@ -1144,6 +1189,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-designCrowd .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-designCrowd .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1744,9 +1792,6 @@ 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;
 }
@@ -2174,6 +2219,9 @@ video {
 .theme-designCrowd .sm\:tw-mb-4 {
     margin-bottom: 1rem;
   }
+.theme-designCrowd .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
 .theme-designCrowd .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2210,6 +2258,9 @@ video {
 .theme-designCrowd .sm\:tw-flex-row {
     flex-direction: row;
   }
+.theme-designCrowd .sm\:tw-items-center {
+    align-items: center;
+  }
 .theme-designCrowd .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2336,6 +2387,10 @@ video {
 .theme-designCrowd .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-designCrowd .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-designCrowd .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/src/atoms/components/Masonry/Masonry.vue

@@ -1,5 +1,5 @@
 <template>
-  <vue-masonry-wall :items="items" :options="options" :ssr="ssrConfig">
+  <vue-masonry-wall :items="items" :options="options">
     <template #default="{ item }">
       <slot name="item" :item="item" />
     </template>
@@ -28,11 +28,6 @@ export default {
       required: false,
       default: undefined,
     },
-    ssrColumns: {
-      type: Number,
-      required: false,
-      default: undefined,
-    },
   },
   computed: {
     options() {
@@ -48,13 +43,6 @@ export default {
 
       return options;
     },
-    ssrConfig() {
-      // VueMasonryWall expects ssr: { columns: number }
-      if (this.ssrColumns) {
-        return { columns: this.ssrColumns };
-      }
-      return undefined;
-    },
   },
 };
 </script>

package/src/atoms/components/Masonry/fixtures.js

@@ -3,10 +3,10 @@ export default {
     {
       templateTypeName: 'Instagram post',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/97ea081b-f250-4002-9c05-b02cffcc62d0/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: 'Bakery And Pastry Shop',
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=18800',
-      height: 1080,
+      height: 2040,
       width: 1080,
     },
     {
@@ -49,7 +49,7 @@ export default {
     {
       templateTypeName: 'Instagram post',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/08727835-a4ad-4cef-b883-fb37e23bf8c4/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: 'A slice of happiness',
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=11415',
       height: 1080,
@@ -94,7 +94,7 @@ export default {
     {
       templateTypeName: 'Facebook post',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/69ab31b8-3666-48d2-bbe9-1ba100020728/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: "Today's Special",
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=9383',
       height: 788,
@@ -139,7 +139,97 @@ export default {
     {
       templateTypeName: 'Instagram post',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/205ed12c-6240-4ac2-92e9-0ff4cd8ff25a/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: 'Now Open Bakery',
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
       height: 1080,
@@ -249,7 +339,7 @@ export default {
     {
       templateTypeName: 'Twitter post',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/38340c8b-9494-4aaa-9a78-509bb2396ce8/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: 'Bakery And Pastry Shop',
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=18892',
       height: 512,
@@ -258,7 +348,7 @@ export default {
     {
       templateTypeName: 'Instagram story',
       imageUrl:
-        'https://dynamic.brandcrowd.com/template/preview/de6b30d4-f2ea-4994-9589-639bc897cdb6/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+        'https://images.unsplash.com/photo-1484406566174-9da000fda645?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjIxOTR8MHwxfHNlYXJjaHwzfHxBbmltYWx8ZW58MHx8fHwxNzYyNzY3MTQ1fDA&ixlib=rb-4.1.0&q=80&w=1080',
       templateName: 'Bakery And Pastry Shop',
       editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20story?templateId=18890',
       height: 1920,

package/src/atoms/thirdparty-components/VueMasonryWall/VueMasonryWall.vue

@@ -36,6 +36,7 @@ const _newColumns = (count) => {
   for (let i = 0; i < count; i++) {
     columns.push({ i, indexes: [] });
   }
+  console.log('returened columns:', columns);
   return columns;
 };
 

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Das Onboarding wurde noch nicht abgeschlossen.",
-    "pendingVerification": "Ausstehende Verifizierung",
-    "connected": "Verbunden",
-    "inactive": "Inaktiv",
-    "addPaymentProvider": "Zahlungsanbieter hinzufügen",
-    "deletePaymentMethod": "Zahlungsmethode löschen",
-    "currencyLabel": "Währung"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Das Onboarding wurde noch nicht abgeschlossen.",
+    "pendingVerification" : "Ausstehende Verifizierung",
+    "connected" : "Verbunden",
+    "inactive" : "Inaktiv",
+    "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
+    "deletePaymentMethod" : "Zahlungsmethode löschen",
+    "currencyLabel" : "Währung"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Incorporación incompleta",
-    "pendingVerification": "Pendiente de verificación",
-    "connected": "Conectado",
-    "inactive": "Inactivo",
-    "addPaymentProvider": "Añadir proveedor de pago",
-    "deletePaymentMethod": "Eliminar método de pago",
-    "currencyLabel": "Moneda"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Incorporación incompleta",
+    "pendingVerification" : "Pendiente de verificación",
+    "connected" : "Conectado",
+    "inactive" : "Inactivo",
+    "addPaymentProvider" : "Añadir proveedor de pago",
+    "deletePaymentMethod" : "Eliminar método de pago",
+    "currencyLabel" : "Moneda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Inscription incomplète",
-    "pendingVerification": "Vérification en attente",
-    "connected": "Connecté",
-    "inactive": "Inactif",
-    "addPaymentProvider": "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Inscription incomplète",
+    "pendingVerification" : "Vérification en attente",
+    "connected" : "Connecté",
+    "inactive" : "Inactif",
+    "addPaymentProvider" : "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod" : "Supprimer le mode de paiement",
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Inscription incomplète",
-    "pendingVerification": "Vérification en attente",
-    "connected": "Connecté",
-    "inactive": "Inactif",
-    "addPaymentProvider": "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Inscription incomplète",
+    "pendingVerification" : "Vérification en attente",
+    "connected" : "Connecté",
+    "inactive" : "Inactif",
+    "addPaymentProvider" : "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod" : "Supprimer le mode de paiement",
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Integração incompleta",
-    "pendingVerification": "Verificação Pendente",
-    "connected": "Conectado",
-    "inactive": "Inativo",
-    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod": "Excluir método de pagamento",
-    "currencyLabel": "Moeda"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Integração incompleta",
+    "pendingVerification" : "Verificação Pendente",
+    "connected" : "Conectado",
+    "inactive" : "Inativo",
+    "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod" : "Excluir método de pagamento",
+    "currencyLabel" : "Moeda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json

@@ -1,11 +1,11 @@
 {
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Integração incompleta",
-    "pendingVerification": "Verificação Pendente",
-    "connected": "Ligado",
-    "inactive": "Inativo",
-    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod": "Eliminar método de pagamento",
-    "currencyLabel": "Moeda"
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Integração incompleta",
+    "pendingVerification" : "Verificação Pendente",
+    "connected" : "Ligado",
+    "inactive" : "Inativo",
+    "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod" : "Eliminar método de pagamento",
+    "currencyLabel" : "Moeda"
   }
 }