@designcrowd/fe-shared-lib 1.5.1 → 1.5.3-CarouselUpdatev0
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.
- package/dist/css/tailwind-brandCrowd.css +0 -6
- package/dist/css/tailwind-brandPage.css +0 -6
- package/dist/css/tailwind-crazyDomains.css +0 -6
- package/dist/css/tailwind-designCom.css +0 -6
- package/dist/css/tailwind-designCrowd.css +0 -6
- package/index.js +1 -0
- package/package.json +2 -2
- package/public/css/tailwind-brandCrowd.css +2472 -0
- package/public/css/tailwind-brandPage.css +2156 -0
- package/public/css/tailwind-crazyDomains.css +2472 -0
- package/public/css/tailwind-designCom.css +2472 -0
- package/public/css/tailwind-designCrowd.css +2472 -0
- package/src/atoms/components/Carousel/Carousel.fixtures.js +18 -0
- package/src/atoms/components/Carousel/Carousel.vue +5 -29
- package/src/atoms/components/Carousel/carousel.stories.js +448 -179
- package/src/atoms/components/PromoCard/PromoCard.stories.ts +263 -0
- package/src/atoms/components/PromoCard/PromoCard.vue +83 -0
- package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js +36 -0
- package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +100 -297
- package/src/experiences/components/PublishBrandPageModal/views/PublishWhenHasDomainsView.vue +271 -0
- package/src/experiences/components/PublishBrandPageModal/views/PublishWhenNoDomainsView.vue +168 -0
- package/src/experiences/components/PublishBrandPageModal/views/PublishedView.vue +149 -0
- package/src/experiences/components/PublishBrandPageModal/views/SetUrlView.vue +155 -0
- package/tailwind.config.js +7 -8
|
@@ -32,4 +32,22 @@ export const cards = [
|
|
|
32
32
|
name: 'Facebook cover',
|
|
33
33
|
pluralName: 'Facebook Covers',
|
|
34
34
|
},
|
|
35
|
+
{
|
|
36
|
+
editorUrl: '#',
|
|
37
|
+
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-logo.png',
|
|
38
|
+
name: 'Logo design',
|
|
39
|
+
pluralName: 'Logo Designs',
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
editorUrl: '#',
|
|
43
|
+
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-business-card.png',
|
|
44
|
+
name: 'Business card',
|
|
45
|
+
pluralName: 'Business Cards',
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
editorUrl: '#',
|
|
49
|
+
imageUrl: 'https://bcassetcdn.com/assets/images/carousel/carousel-facebook-cover.png',
|
|
50
|
+
name: 'Facebook cover',
|
|
51
|
+
pluralName: 'Facebook Covers',
|
|
52
|
+
},
|
|
35
53
|
];
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<slot v-if="showControls" name="arrow-left">
|
|
5
5
|
<div id="btn_carousel_prev" class="carousel__button-nav" :class="navigationPrevClass">
|
|
6
6
|
<div
|
|
7
|
-
class="tw-
|
|
7
|
+
class="tw-block tw-cursor-pointer tw-absolute tw-z-10 tw-left-0 tw-top-1/2 tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
|
|
8
8
|
:class="{
|
|
9
9
|
'nav-carousel__button-prev-pointer': navCarousel,
|
|
10
10
|
}"
|
|
@@ -15,18 +15,6 @@
|
|
|
15
15
|
size="sm"
|
|
16
16
|
/>
|
|
17
17
|
</div>
|
|
18
|
-
<div
|
|
19
|
-
class="sm:tw-hidden tw-cursor-pointer tw-mr-2 tw-h-6 tw-w-6 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
|
|
20
|
-
:class="{
|
|
21
|
-
'nav-carousel__button-prev-pointer': navCarousel,
|
|
22
|
-
}"
|
|
23
|
-
>
|
|
24
|
-
<Icon
|
|
25
|
-
classes="tw--mb-1 tw-absolute tw-left-0 tw-right-2 tw-m-auto tw-flex tw-justify-center tw-top-1/2 tw-transform tw--translate-y-1/2"
|
|
26
|
-
name="chevron-left"
|
|
27
|
-
size="xs"
|
|
28
|
-
/>
|
|
29
|
-
</div>
|
|
30
18
|
</div>
|
|
31
19
|
</slot>
|
|
32
20
|
<swiper
|
|
@@ -57,7 +45,7 @@
|
|
|
57
45
|
<slot v-if="showControls" name="arrow-right">
|
|
58
46
|
<div id="btn_carousel_next" class="carousel__button-nav" :class="navigationNextClass">
|
|
59
47
|
<div
|
|
60
|
-
class="tw-
|
|
48
|
+
class="tw-block tw-cursor-pointer tw-absolute tw-z-10 tw-right-0 tw-top-1/2 tw--translate-y-1/2 tw-h-10 tw-w-10 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
|
|
61
49
|
:class="{
|
|
62
50
|
'nav-carousel__button-next-pointer': navCarousel,
|
|
63
51
|
}"
|
|
@@ -68,18 +56,6 @@
|
|
|
68
56
|
size="sm"
|
|
69
57
|
/>
|
|
70
58
|
</div>
|
|
71
|
-
<div
|
|
72
|
-
class="sm:tw-hidden tw-cursor-pointer tw-ml-2 tw-h-6 tw-w-6 tw-rounded-full tw-shadow tw-border tw-border-solid tw-border-grayscale-300 tw-bg-white"
|
|
73
|
-
:class="{
|
|
74
|
-
'nav-carousel__button-next-pointer': navCarousel,
|
|
75
|
-
}"
|
|
76
|
-
>
|
|
77
|
-
<Icon
|
|
78
|
-
classes="tw--mb-1 tw-absolute tw-left-2 tw-right-0 tw-m-auto tw-flex tw-justify-center tw-top-1/2 tw-transform tw--translate-y-1/2"
|
|
79
|
-
name="chevron-right"
|
|
80
|
-
size="xs"
|
|
81
|
-
/>
|
|
82
|
-
</div>
|
|
83
59
|
</div>
|
|
84
60
|
</slot>
|
|
85
61
|
</div>
|
|
@@ -99,13 +75,13 @@
|
|
|
99
75
|
|
|
100
76
|
<script>
|
|
101
77
|
/* eslint-disable import/no-unresolved */
|
|
102
|
-
import { Swiper, SwiperSlide } from 'swiper/vue';
|
|
103
78
|
import 'swiper/css';
|
|
104
|
-
import 'swiper/css/navigation';
|
|
105
79
|
import 'swiper/css/free-mode';
|
|
80
|
+
import 'swiper/css/navigation';
|
|
81
|
+
import { Swiper, SwiperSlide } from 'swiper/vue';
|
|
106
82
|
/* eslint-enable import/no-unresolved */
|
|
107
83
|
import merge from 'deepmerge';
|
|
108
|
-
import {
|
|
84
|
+
import { Autoplay, FreeMode, Keyboard, Navigation, Pagination } from 'swiper/modules';
|
|
109
85
|
import Icon from '../Icon/Icon.vue';
|
|
110
86
|
|
|
111
87
|
export default {
|