@designcrowd/fe-shared-lib 1.5.6-mason-1 → 1.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/css/tailwind-brandCrowd.css +70 -6
  2. package/dist/css/tailwind-brandPage.css +70 -6
  3. package/dist/css/tailwind-crazyDomains.css +70 -6
  4. package/dist/css/tailwind-designCom.css +70 -6
  5. package/dist/css/tailwind-designCrowd.css +70 -6
  6. package/package.json +1 -1
  7. package/src/atoms/components/Masonry/fixtures.js +7 -97
  8. package/src/atoms/thirdparty-components/VueMasonryWall/VueMasonryWall.vue +3 -10
  9. package/public/css/tailwind-brandCrowd.css +0 -2472
  10. package/public/css/tailwind-brandPage.css +0 -2156
  11. package/public/css/tailwind-crazyDomains.css +0 -2472
  12. package/public/css/tailwind-designCom.css +0 -2472
  13. package/public/css/tailwind-designCrowd.css +0 -2472
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.5.6-mason-1",
3
+ "version": "1.5.6",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
package/src/atoms/components/Masonry/fixtures.js CHANGED
@@ -3,10 +3,10 @@ export default {
3
3
  {
4
4
  templateTypeName: 'Instagram post',
5
5
  imageUrl:
6
- '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',
6
+ 'https://dynamic.brandcrowd.com/template/preview/97ea081b-f250-4002-9c05-b02cffcc62d0/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
7
7
  templateName: 'Bakery And Pastry Shop',
8
8
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=18800',
9
- height: 2040,
9
+ height: 1080,
10
10
  width: 1080,
11
11
  },
12
12
  {
@@ -49,7 +49,7 @@ export default {
49
49
  {
50
50
  templateTypeName: 'Instagram post',
51
51
  imageUrl:
52
- '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',
52
+ 'https://dynamic.brandcrowd.com/template/preview/08727835-a4ad-4cef-b883-fb37e23bf8c4/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
53
53
  templateName: 'A slice of happiness',
54
54
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=11415',
55
55
  height: 1080,
@@ -94,7 +94,7 @@ export default {
94
94
  {
95
95
  templateTypeName: 'Facebook post',
96
96
  imageUrl:
97
- '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',
97
+ 'https://dynamic.brandcrowd.com/template/preview/69ab31b8-3666-48d2-bbe9-1ba100020728/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
98
98
  templateName: "Today's Special",
99
99
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=9383',
100
100
  height: 788,
@@ -139,97 +139,7 @@ export default {
139
139
  {
140
140
  templateTypeName: 'Instagram post',
141
141
  imageUrl:
142
- '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',
143
- templateName: 'Now Open Bakery',
144
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
145
- height: 1080,
146
- width: 1080,
147
- },
148
- {
149
- templateTypeName: 'Instagram post',
150
- imageUrl:
151
- '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',
152
- templateName: 'Now Open Bakery',
153
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
154
- height: 1080,
155
- width: 1080,
156
- },
157
- {
158
- templateTypeName: 'Instagram post',
159
- imageUrl:
160
- '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',
161
- templateName: 'Now Open Bakery',
162
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
163
- height: 1080,
164
- width: 1080,
165
- },
166
- {
167
- templateTypeName: 'Instagram post',
168
- imageUrl:
169
- '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',
170
- templateName: 'Now Open Bakery',
171
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
172
- height: 1080,
173
- width: 1080,
174
- },
175
- {
176
- templateTypeName: 'Instagram post',
177
- imageUrl:
178
- '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',
179
- templateName: 'Now Open Bakery',
180
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
181
- height: 1080,
182
- width: 1080,
183
- },
184
- {
185
- templateTypeName: 'Instagram post',
186
- imageUrl:
187
- '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',
188
- templateName: 'Now Open Bakery',
189
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
190
- height: 1080,
191
- width: 1080,
192
- },
193
- {
194
- templateTypeName: 'Instagram post',
195
- imageUrl:
196
- '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',
197
- templateName: 'Now Open Bakery',
198
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
199
- height: 1080,
200
- width: 1080,
201
- },
202
- {
203
- templateTypeName: 'Instagram post',
204
- imageUrl:
205
- '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',
206
- templateName: 'Now Open Bakery',
207
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
208
- height: 1080,
209
- width: 1080,
210
- },
211
- {
212
- templateTypeName: 'Instagram post',
213
- imageUrl:
214
- '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',
215
- templateName: 'Now Open Bakery',
216
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
217
- height: 1080,
218
- width: 1080,
219
- },
220
- {
221
- templateTypeName: 'Instagram post',
222
- imageUrl:
223
- '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',
224
- templateName: 'Now Open Bakery',
225
- editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
226
- height: 1080,
227
- width: 1080,
228
- },
229
- {
230
- templateTypeName: 'Instagram post',
231
- imageUrl:
232
- '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',
142
+ 'https://dynamic.brandcrowd.com/template/preview/205ed12c-6240-4ac2-92e9-0ff4cd8ff25a/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
233
143
  templateName: 'Now Open Bakery',
234
144
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
235
145
  height: 1080,
@@ -339,7 +249,7 @@ export default {
339
249
  {
340
250
  templateTypeName: 'Twitter post',
341
251
  imageUrl:
342
- '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',
252
+ 'https://dynamic.brandcrowd.com/template/preview/38340c8b-9494-4aaa-9a78-509bb2396ce8/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
343
253
  templateName: 'Bakery And Pastry Shop',
344
254
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=18892',
345
255
  height: 512,
@@ -348,7 +258,7 @@ export default {
348
258
  {
349
259
  templateTypeName: 'Instagram story',
350
260
  imageUrl:
351
- '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',
261
+ 'https://dynamic.brandcrowd.com/template/preview/de6b30d4-f2ea-4994-9589-639bc897cdb6/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
352
262
  templateName: 'Bakery And Pastry Shop',
353
263
  editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20story?templateId=18890',
354
264
  height: 1920,
package/src/atoms/thirdparty-components/VueMasonryWall/VueMasonryWall.vue CHANGED
@@ -1,14 +1,8 @@
1
1
  <template>
2
2
  <div ref="wall" class="masonry-wall" :style="_style.wall" :class="{ ready }">
3
- <div v-for="(lane, index) in columns" :key="`lane_key_${index}`" class="masonry-column" :style="_style.lane">
4
- <div
5
- v-for="i in lane.indexes"
6
- :key="`item_key_${i}`"
7
- :ref="`item_${i}`"
8
- class="masonry-item"
9
- :style="_style.item"
10
- >
11
- <slot :item="items[i]" :index="`slot_item_${i}`">{{ items[i] }}</slot>
3
+ <div v-for="(lane, index) in columns" :key="index" class="masonry-column" :style="_style.lane">
4
+ <div v-for="i in lane.indexes" :key="i" :ref="`item_${i}`" class="masonry-item" :style="_style.item">
5
+ <slot :item="items[i]" :index="i">{{ items[i] }}</slot>
12
6
  </div>
13
7
 
14
8
  <div
@@ -36,7 +30,6 @@ const _newColumns = (count) => {
36
30
  for (let i = 0; i < count; i++) {
37
31
  columns.push({ i, indexes: [] });
38
32
  }
39
- console.log('returened columns:', columns);
40
33
  return columns;
41
34
  };
42
35