@designcrowd/fe-shared-lib 1.4.3 → 1.4.4-promocardv0

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 (21) hide show
  1. package/dist/css/tailwind-brandCrowd.css +6 -6
  2. package/dist/css/tailwind-brandPage.css +6 -6
  3. package/dist/css/tailwind-crazyDomains.css +6 -6
  4. package/dist/css/tailwind-designCom.css +6 -6
  5. package/dist/css/tailwind-designCrowd.css +6 -6
  6. package/index.js +1 -0
  7. package/package.json +1 -1
  8. package/public/css/tailwind-brandCrowd.css +74 -3
  9. package/public/css/tailwind-brandPage.css +74 -3
  10. package/public/css/tailwind-crazyDomains.css +74 -3
  11. package/public/css/tailwind-designCom.css +74 -3
  12. package/public/css/tailwind-designCrowd.css +74 -3
  13. package/src/atoms/components/Carousel/Carousel.fixtures.js +18 -0
  14. package/src/atoms/components/Carousel/carousel.stories.js +448 -179
  15. package/src/atoms/components/PromoCard/PromoCard.stories.ts +265 -0
  16. package/src/atoms/components/PromoCard/PromoCard.vue +89 -0
  17. package/src/experiences/clients/brand-crowd-api.client.js +12 -1
  18. package/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue +6 -0
  19. package/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue +6 -1
  20. package/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue +6 -0
  21. package/tailwind.config.js +7 -8
package/public/css/tailwind-designCom.css CHANGED
@@ -738,9 +738,6 @@ video {
738
738
  .theme-designCom .tw-mt-0 {
739
739
  margin-top: 0px;
740
740
  }
741
- .theme-designCom .tw-mt-0\.5 {
742
- margin-top: 0.125rem;
743
- }
744
741
  .theme-designCom .tw-mt-1 {
745
742
  margin-top: 0.25rem;
746
743
  }
@@ -753,6 +750,9 @@ video {
753
750
  .theme-designCom .tw-mt-4 {
754
751
  margin-top: 1rem;
755
752
  }
753
+ .theme-designCom .tw-mt-6 {
754
+ margin-top: 1.5rem;
755
+ }
756
756
  .theme-designCom .tw-mt-8 {
757
757
  margin-top: 2rem;
758
758
  }
@@ -762,6 +762,48 @@ video {
762
762
  .theme-designCom .tw-box-content {
763
763
  box-sizing: content-box;
764
764
  }
765
+ .theme-designCom .tw-line-clamp-1 {
766
+ overflow: hidden;
767
+ display: -webkit-box;
768
+ -webkit-box-orient: vertical;
769
+ -webkit-line-clamp: 1;
770
+ }
771
+ .theme-designCom .tw-line-clamp-2 {
772
+ overflow: hidden;
773
+ display: -webkit-box;
774
+ -webkit-box-orient: vertical;
775
+ -webkit-line-clamp: 2;
776
+ }
777
+ .theme-designCom .tw-line-clamp-3 {
778
+ overflow: hidden;
779
+ display: -webkit-box;
780
+ -webkit-box-orient: vertical;
781
+ -webkit-line-clamp: 3;
782
+ }
783
+ .theme-designCom .tw-line-clamp-4 {
784
+ overflow: hidden;
785
+ display: -webkit-box;
786
+ -webkit-box-orient: vertical;
787
+ -webkit-line-clamp: 4;
788
+ }
789
+ .theme-designCom .tw-line-clamp-5 {
790
+ overflow: hidden;
791
+ display: -webkit-box;
792
+ -webkit-box-orient: vertical;
793
+ -webkit-line-clamp: 5;
794
+ }
795
+ .theme-designCom .tw-line-clamp-6 {
796
+ overflow: hidden;
797
+ display: -webkit-box;
798
+ -webkit-box-orient: vertical;
799
+ -webkit-line-clamp: 6;
800
+ }
801
+ .theme-designCom .tw-line-clamp-none {
802
+ overflow: visible;
803
+ display: block;
804
+ -webkit-box-orient: horizontal;
805
+ -webkit-line-clamp: none;
806
+ }
765
807
  .theme-designCom .tw-block {
766
808
  display: block;
767
809
  }
@@ -1091,6 +1133,9 @@ video {
1091
1133
  .theme-designCom .tw-items-stretch {
1092
1134
  align-items: stretch;
1093
1135
  }
1136
+ .theme-designCom .tw-justify-normal {
1137
+ justify-content: normal;
1138
+ }
1094
1139
  .theme-designCom .tw-justify-start {
1095
1140
  justify-content: flex-start;
1096
1141
  }
@@ -1141,6 +1186,9 @@ video {
1141
1186
  text-overflow: ellipsis;
1142
1187
  white-space: nowrap;
1143
1188
  }
1189
+ .theme-designCom .tw-text-ellipsis {
1190
+ text-overflow: ellipsis;
1191
+ }
1144
1192
  .theme-designCom .tw-whitespace-nowrap {
1145
1193
  white-space: nowrap;
1146
1194
  }
@@ -1603,6 +1651,9 @@ video {
1603
1651
  .theme-designCom .tw-p-4 {
1604
1652
  padding: 1rem;
1605
1653
  }
1654
+ .theme-designCom .tw-p-5 {
1655
+ padding: 1.25rem;
1656
+ }
1606
1657
  .theme-designCom .tw-p-6 {
1607
1658
  padding: 1.5rem;
1608
1659
  }
@@ -1617,6 +1668,10 @@ video {
1617
1668
  padding-left: 0.125rem;
1618
1669
  padding-right: 0.125rem;
1619
1670
  }
1671
+ .theme-designCom .tw-px-10 {
1672
+ padding-left: 2.5rem;
1673
+ padding-right: 2.5rem;
1674
+ }
1620
1675
  .theme-designCom .tw-px-2 {
1621
1676
  padding-left: 0.5rem;
1622
1677
  padding-right: 0.5rem;
@@ -1738,6 +1793,9 @@ video {
1738
1793
  .theme-designCom .tw-pt-2 {
1739
1794
  padding-top: 0.5rem;
1740
1795
  }
1796
+ .theme-designCom .tw-pt-4 {
1797
+ padding-top: 1rem;
1798
+ }
1741
1799
  .theme-designCom .tw-pt-6 {
1742
1800
  padding-top: 1.5rem;
1743
1801
  }
@@ -2327,6 +2385,10 @@ video {
2327
2385
  .theme-designCom .md\:tw-p-8 {
2328
2386
  padding: 2rem;
2329
2387
  }
2388
+ .theme-designCom .md\:tw-px-12 {
2389
+ padding-left: 3rem;
2390
+ padding-right: 3rem;
2391
+ }
2330
2392
  .theme-designCom .md\:tw-px-4 {
2331
2393
  padding-left: 1rem;
2332
2394
  padding-right: 1rem;
@@ -2367,12 +2429,18 @@ video {
2367
2429
  .theme-designCom .lg\:tw-mr-8 {
2368
2430
  margin-right: 2rem;
2369
2431
  }
2432
+ .theme-designCom .lg\:tw-mt-0 {
2433
+ margin-top: 0px;
2434
+ }
2370
2435
  .theme-designCom .lg\:tw-flex {
2371
2436
  display: flex;
2372
2437
  }
2373
2438
  .theme-designCom .lg\:tw-h-auto {
2374
2439
  height: auto;
2375
2440
  }
2441
+ .theme-designCom .lg\:tw-w-auto {
2442
+ width: auto;
2443
+ }
2376
2444
  .theme-designCom .lg\:tw-max-w-xl {
2377
2445
  max-width: 36rem;
2378
2446
  }
@@ -2382,6 +2450,9 @@ video {
2382
2450
  .theme-designCom .lg\:tw-items-center {
2383
2451
  align-items: center;
2384
2452
  }
2453
+ .theme-designCom .lg\:tw-justify-normal {
2454
+ justify-content: normal;
2455
+ }
2385
2456
  .theme-designCom .lg\:tw-overflow-visible {
2386
2457
  overflow: visible;
2387
2458
  }
package/public/css/tailwind-designCrowd.css CHANGED
@@ -738,9 +738,6 @@ video {
738
738
  .theme-designCrowd .tw-mt-0 {
739
739
  margin-top: 0px;
740
740
  }
741
- .theme-designCrowd .tw-mt-0\.5 {
742
- margin-top: 0.125rem;
743
- }
744
741
  .theme-designCrowd .tw-mt-1 {
745
742
  margin-top: 0.25rem;
746
743
  }
@@ -753,6 +750,9 @@ video {
753
750
  .theme-designCrowd .tw-mt-4 {
754
751
  margin-top: 1rem;
755
752
  }
753
+ .theme-designCrowd .tw-mt-6 {
754
+ margin-top: 1.5rem;
755
+ }
756
756
  .theme-designCrowd .tw-mt-8 {
757
757
  margin-top: 2rem;
758
758
  }
@@ -762,6 +762,48 @@ video {
762
762
  .theme-designCrowd .tw-box-content {
763
763
  box-sizing: content-box;
764
764
  }
765
+ .theme-designCrowd .tw-line-clamp-1 {
766
+ overflow: hidden;
767
+ display: -webkit-box;
768
+ -webkit-box-orient: vertical;
769
+ -webkit-line-clamp: 1;
770
+ }
771
+ .theme-designCrowd .tw-line-clamp-2 {
772
+ overflow: hidden;
773
+ display: -webkit-box;
774
+ -webkit-box-orient: vertical;
775
+ -webkit-line-clamp: 2;
776
+ }
777
+ .theme-designCrowd .tw-line-clamp-3 {
778
+ overflow: hidden;
779
+ display: -webkit-box;
780
+ -webkit-box-orient: vertical;
781
+ -webkit-line-clamp: 3;
782
+ }
783
+ .theme-designCrowd .tw-line-clamp-4 {
784
+ overflow: hidden;
785
+ display: -webkit-box;
786
+ -webkit-box-orient: vertical;
787
+ -webkit-line-clamp: 4;
788
+ }
789
+ .theme-designCrowd .tw-line-clamp-5 {
790
+ overflow: hidden;
791
+ display: -webkit-box;
792
+ -webkit-box-orient: vertical;
793
+ -webkit-line-clamp: 5;
794
+ }
795
+ .theme-designCrowd .tw-line-clamp-6 {
796
+ overflow: hidden;
797
+ display: -webkit-box;
798
+ -webkit-box-orient: vertical;
799
+ -webkit-line-clamp: 6;
800
+ }
801
+ .theme-designCrowd .tw-line-clamp-none {
802
+ overflow: visible;
803
+ display: block;
804
+ -webkit-box-orient: horizontal;
805
+ -webkit-line-clamp: none;
806
+ }
765
807
  .theme-designCrowd .tw-block {
766
808
  display: block;
767
809
  }
@@ -1091,6 +1133,9 @@ video {
1091
1133
  .theme-designCrowd .tw-items-stretch {
1092
1134
  align-items: stretch;
1093
1135
  }
1136
+ .theme-designCrowd .tw-justify-normal {
1137
+ justify-content: normal;
1138
+ }
1094
1139
  .theme-designCrowd .tw-justify-start {
1095
1140
  justify-content: flex-start;
1096
1141
  }
@@ -1141,6 +1186,9 @@ video {
1141
1186
  text-overflow: ellipsis;
1142
1187
  white-space: nowrap;
1143
1188
  }
1189
+ .theme-designCrowd .tw-text-ellipsis {
1190
+ text-overflow: ellipsis;
1191
+ }
1144
1192
  .theme-designCrowd .tw-whitespace-nowrap {
1145
1193
  white-space: nowrap;
1146
1194
  }
@@ -1603,6 +1651,9 @@ video {
1603
1651
  .theme-designCrowd .tw-p-4 {
1604
1652
  padding: 1rem;
1605
1653
  }
1654
+ .theme-designCrowd .tw-p-5 {
1655
+ padding: 1.25rem;
1656
+ }
1606
1657
  .theme-designCrowd .tw-p-6 {
1607
1658
  padding: 1.5rem;
1608
1659
  }
@@ -1617,6 +1668,10 @@ video {
1617
1668
  padding-left: 0.125rem;
1618
1669
  padding-right: 0.125rem;
1619
1670
  }
1671
+ .theme-designCrowd .tw-px-10 {
1672
+ padding-left: 2.5rem;
1673
+ padding-right: 2.5rem;
1674
+ }
1620
1675
  .theme-designCrowd .tw-px-2 {
1621
1676
  padding-left: 0.5rem;
1622
1677
  padding-right: 0.5rem;
@@ -1738,6 +1793,9 @@ video {
1738
1793
  .theme-designCrowd .tw-pt-2 {
1739
1794
  padding-top: 0.5rem;
1740
1795
  }
1796
+ .theme-designCrowd .tw-pt-4 {
1797
+ padding-top: 1rem;
1798
+ }
1741
1799
  .theme-designCrowd .tw-pt-6 {
1742
1800
  padding-top: 1.5rem;
1743
1801
  }
@@ -2327,6 +2385,10 @@ video {
2327
2385
  .theme-designCrowd .md\:tw-p-8 {
2328
2386
  padding: 2rem;
2329
2387
  }
2388
+ .theme-designCrowd .md\:tw-px-12 {
2389
+ padding-left: 3rem;
2390
+ padding-right: 3rem;
2391
+ }
2330
2392
  .theme-designCrowd .md\:tw-px-4 {
2331
2393
  padding-left: 1rem;
2332
2394
  padding-right: 1rem;
@@ -2367,12 +2429,18 @@ video {
2367
2429
  .theme-designCrowd .lg\:tw-mr-8 {
2368
2430
  margin-right: 2rem;
2369
2431
  }
2432
+ .theme-designCrowd .lg\:tw-mt-0 {
2433
+ margin-top: 0px;
2434
+ }
2370
2435
  .theme-designCrowd .lg\:tw-flex {
2371
2436
  display: flex;
2372
2437
  }
2373
2438
  .theme-designCrowd .lg\:tw-h-auto {
2374
2439
  height: auto;
2375
2440
  }
2441
+ .theme-designCrowd .lg\:tw-w-auto {
2442
+ width: auto;
2443
+ }
2376
2444
  .theme-designCrowd .lg\:tw-max-w-xl {
2377
2445
  max-width: 36rem;
2378
2446
  }
@@ -2382,6 +2450,9 @@ video {
2382
2450
  .theme-designCrowd .lg\:tw-items-center {
2383
2451
  align-items: center;
2384
2452
  }
2453
+ .theme-designCrowd .lg\:tw-justify-normal {
2454
+ justify-content: normal;
2455
+ }
2385
2456
  .theme-designCrowd .lg\:tw-overflow-visible {
2386
2457
  overflow: visible;
2387
2458
  }
package/src/atoms/components/Carousel/Carousel.fixtures.js CHANGED
@@ -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
  ];