@designcrowd/fe-shared-lib 1.5.10 → 1.5.11-kp-2

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 (66) hide show
  1. package/.storybook-static/css/tailwind-brandCrowd.css +2472 -0
  2. package/.storybook-static/css/tailwind-brandPage.css +2156 -0
  3. package/.storybook-static/css/tailwind-crazyDomains.css +2472 -0
  4. package/.storybook-static/css/tailwind-designCom.css +2472 -0
  5. package/.storybook-static/css/tailwind-designCrowd.css +2472 -0
  6. package/.storybook-static/favicon.svg +1 -0
  7. package/.storybook-static/index.html +156 -0
  8. package/.storybook-static/index.json +1 -0
  9. package/.storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  10. package/.storybook-static/nunito-sans-bold.woff2 +0 -0
  11. package/.storybook-static/nunito-sans-italic.woff2 +0 -0
  12. package/.storybook-static/nunito-sans-regular.woff2 +0 -0
  13. package/.storybook-static/project.json +1 -0
  14. package/.storybook-static/sb-addons/a11y-1/manager-bundle.js +5 -0
  15. package/.storybook-static/sb-addons/links-2/manager-bundle.js +3 -0
  16. package/.storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +188 -0
  17. package/.storybook-static/sb-addons/themes-3/manager-bundle.js +3 -0
  18. package/.storybook-static/sb-common-assets/favicon.svg +1 -0
  19. package/.storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  20. package/.storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  21. package/.storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  22. package/.storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  23. package/.storybook-static/sb-manager/globals-module-info.js +797 -0
  24. package/.storybook-static/sb-manager/globals-runtime.js +72062 -0
  25. package/.storybook-static/sb-manager/globals.js +34 -0
  26. package/.storybook-static/sb-manager/runtime.js +13002 -0
  27. package/dist/css/tailwind-brandCrowd.css +31 -0
  28. package/dist/css/tailwind-brandPage.css +31 -0
  29. package/dist/css/tailwind-crazyDomains.css +31 -0
  30. package/dist/css/tailwind-designCom.css +31 -0
  31. package/dist/css/tailwind-designCrowd.css +31 -0
  32. package/index.js +2 -0
  33. package/package.json +1 -1
  34. package/public/css/tailwind-brandCrowd.css +2504 -0
  35. package/public/css/tailwind-brandPage.css +2184 -0
  36. package/public/css/tailwind-crazyDomains.css +2504 -0
  37. package/public/css/tailwind-designCom.css +2504 -0
  38. package/public/css/tailwind-designCrowd.css +2504 -0
  39. package/src/atoms/components/Icon/Icon.stories.js +7 -0
  40. package/src/atoms/components/Icon/Icon.vue +20 -0
  41. package/src/atoms/components/Icon/icons/group.vue +6 -0
  42. package/src/atoms/components/Icon/icons/websites/upgrade-to-add-page.vue +50 -0
  43. package/src/atoms/components/Icon/icons/websites/upgrade-to-contact-form.vue +82 -0
  44. package/src/atoms/components/Icon/icons/websites/upgrade-to-google-ad.vue +92 -0
  45. package/src/atoms/components/Icon/icons/websites/upgrade-to-maps.vue +40 -0
  46. package/src/atoms/components/Icon/icons/websites/upgrade-to-publish.vue +107 -0
  47. package/src/atoms/components/Icon/icons/websites/upgrade-to-remove-watermark.vue +74 -0
  48. package/src/atoms/components/Icon/icons/websites/upgrade-to-videos.vue +16 -0
  49. package/src/bundles/bundled-translations.de-DE.json +40 -0
  50. package/src/bundles/bundled-translations.es-ES.json +40 -0
  51. package/src/bundles/bundled-translations.fr-CA.json +40 -0
  52. package/src/bundles/bundled-translations.fr-FR.json +40 -0
  53. package/src/bundles/bundled-translations.json +40 -0
  54. package/src/bundles/bundled-translations.pt-BR.json +40 -0
  55. package/src/bundles/bundled-translations.pt-PT.json +40 -0
  56. package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.stories.js +181 -0
  57. package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue +203 -0
  58. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.de-DE.json +42 -0
  59. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.es-ES.json +42 -0
  60. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-CA.json +42 -0
  61. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-FR.json +42 -0
  62. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.json +42 -0
  63. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-BR.json +42 -0
  64. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-PT.json +42 -0
  65. package/src/experiences/models/websiteContextualModel.ts +11 -0
  66. package/src/useSharedLibTranslate.js +4 -0
@@ -959,6 +959,9 @@ video {
959
959
  .tw-max-w-2xl {
960
960
  max-width: 42rem;
961
961
  }
962
+ .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
962
965
  .tw-max-w-full {
963
966
  max-width: 100%;
964
967
  }
@@ -1817,6 +1820,10 @@ video {
1817
1820
  font-size: 1.5rem;
1818
1821
  line-height: 2rem;
1819
1822
  }
1823
+ .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1820
1827
  .tw-text-4xl {
1821
1828
  font-size: 2.25rem;
1822
1829
  line-height: 2.5rem;
@@ -2301,10 +2308,18 @@ video {
2301
2308
  }
2302
2309
  @media (min-width: 768px) {
2303
2310
 
2311
+ .md\:tw-relative {
2312
+ position: relative;
2313
+ }
2314
+
2304
2315
  .md\:tw-right-6 {
2305
2316
  right: 1.5rem;
2306
2317
  }
2307
2318
 
2319
+ .md\:tw-order-first {
2320
+ order: -9999;
2321
+ }
2322
+
2308
2323
  .md\:tw-mb-0 {
2309
2324
  margin-bottom: 0px;
2310
2325
  }
@@ -2369,6 +2384,10 @@ video {
2369
2384
  width: 6rem;
2370
2385
  }
2371
2386
 
2387
+ .md\:tw-w-3\/4 {
2388
+ width: 75%;
2389
+ }
2390
+
2372
2391
  .md\:tw-w-auto {
2373
2392
  width: auto;
2374
2393
  }
@@ -2381,6 +2400,10 @@ video {
2381
2400
  max-width: 100%;
2382
2401
  }
2383
2402
 
2403
+ .md\:tw-flex-1 {
2404
+ flex: 1 1 0%;
2405
+ }
2406
+
2384
2407
  .md\:tw-grow {
2385
2408
  flex-grow: 1;
2386
2409
  }
@@ -2440,6 +2463,10 @@ video {
2440
2463
  object-fit: contain;
2441
2464
  }
2442
2465
 
2466
+ .md\:tw-p-0 {
2467
+ padding: 0px;
2468
+ }
2469
+
2443
2470
  .md\:tw-p-2 {
2444
2471
  padding: 0.5rem;
2445
2472
  }
@@ -2476,6 +2503,10 @@ video {
2476
2503
  padding-bottom: 0.5rem;
2477
2504
  }
2478
2505
 
2506
+ .md\:tw-pb-0 {
2507
+ padding-bottom: 0px;
2508
+ }
2509
+
2479
2510
  .md\:tw-pl-4 {
2480
2511
  padding-left: 1rem;
2481
2512
  }
@@ -959,6 +959,9 @@ video {
959
959
  .tw-max-w-2xl {
960
960
  max-width: 42rem;
961
961
  }
962
+ .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
962
965
  .tw-max-w-full {
963
966
  max-width: 100%;
964
967
  }
@@ -1665,6 +1668,10 @@ video {
1665
1668
  font-size: 1.5rem;
1666
1669
  line-height: 2rem;
1667
1670
  }
1671
+ .tw-text-3xl {
1672
+ font-size: 1.875rem;
1673
+ line-height: 2.25rem;
1674
+ }
1668
1675
  .tw-text-4xl {
1669
1676
  font-size: 2.25rem;
1670
1677
  line-height: 2.5rem;
@@ -1981,10 +1988,18 @@ video {
1981
1988
  }
1982
1989
  @media (min-width: 768px) {
1983
1990
 
1991
+ .md\:tw-relative {
1992
+ position: relative;
1993
+ }
1994
+
1984
1995
  .md\:tw-right-6 {
1985
1996
  right: 1.5rem;
1986
1997
  }
1987
1998
 
1999
+ .md\:tw-order-first {
2000
+ order: -9999;
2001
+ }
2002
+
1988
2003
  .md\:tw-mb-0 {
1989
2004
  margin-bottom: 0px;
1990
2005
  }
@@ -2049,6 +2064,10 @@ video {
2049
2064
  width: 6rem;
2050
2065
  }
2051
2066
 
2067
+ .md\:tw-w-3\/4 {
2068
+ width: 75%;
2069
+ }
2070
+
2052
2071
  .md\:tw-w-auto {
2053
2072
  width: auto;
2054
2073
  }
@@ -2061,6 +2080,10 @@ video {
2061
2080
  max-width: 100%;
2062
2081
  }
2063
2082
 
2083
+ .md\:tw-flex-1 {
2084
+ flex: 1 1 0%;
2085
+ }
2086
+
2064
2087
  .md\:tw-grow {
2065
2088
  flex-grow: 1;
2066
2089
  }
@@ -2120,6 +2143,10 @@ video {
2120
2143
  object-fit: contain;
2121
2144
  }
2122
2145
 
2146
+ .md\:tw-p-0 {
2147
+ padding: 0px;
2148
+ }
2149
+
2123
2150
  .md\:tw-p-2 {
2124
2151
  padding: 0.5rem;
2125
2152
  }
@@ -2156,6 +2183,10 @@ video {
2156
2183
  padding-bottom: 0.5rem;
2157
2184
  }
2158
2185
 
2186
+ .md\:tw-pb-0 {
2187
+ padding-bottom: 0px;
2188
+ }
2189
+
2159
2190
  .md\:tw-pl-4 {
2160
2191
  padding-left: 1rem;
2161
2192
  }
@@ -959,6 +959,9 @@ video {
959
959
  .tw-max-w-2xl {
960
960
  max-width: 42rem;
961
961
  }
962
+ .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
962
965
  .tw-max-w-full {
963
966
  max-width: 100%;
964
967
  }
@@ -1817,6 +1820,10 @@ video {
1817
1820
  font-size: 1.5rem;
1818
1821
  line-height: 2rem;
1819
1822
  }
1823
+ .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1820
1827
  .tw-text-4xl {
1821
1828
  font-size: 2.25rem;
1822
1829
  line-height: 2.5rem;
@@ -2301,10 +2308,18 @@ video {
2301
2308
  }
2302
2309
  @media (min-width: 768px) {
2303
2310
 
2311
+ .md\:tw-relative {
2312
+ position: relative;
2313
+ }
2314
+
2304
2315
  .md\:tw-right-6 {
2305
2316
  right: 1.5rem;
2306
2317
  }
2307
2318
 
2319
+ .md\:tw-order-first {
2320
+ order: -9999;
2321
+ }
2322
+
2308
2323
  .md\:tw-mb-0 {
2309
2324
  margin-bottom: 0px;
2310
2325
  }
@@ -2369,6 +2384,10 @@ video {
2369
2384
  width: 6rem;
2370
2385
  }
2371
2386
 
2387
+ .md\:tw-w-3\/4 {
2388
+ width: 75%;
2389
+ }
2390
+
2372
2391
  .md\:tw-w-auto {
2373
2392
  width: auto;
2374
2393
  }
@@ -2381,6 +2400,10 @@ video {
2381
2400
  max-width: 100%;
2382
2401
  }
2383
2402
 
2403
+ .md\:tw-flex-1 {
2404
+ flex: 1 1 0%;
2405
+ }
2406
+
2384
2407
  .md\:tw-grow {
2385
2408
  flex-grow: 1;
2386
2409
  }
@@ -2440,6 +2463,10 @@ video {
2440
2463
  object-fit: contain;
2441
2464
  }
2442
2465
 
2466
+ .md\:tw-p-0 {
2467
+ padding: 0px;
2468
+ }
2469
+
2443
2470
  .md\:tw-p-2 {
2444
2471
  padding: 0.5rem;
2445
2472
  }
@@ -2476,6 +2503,10 @@ video {
2476
2503
  padding-bottom: 0.5rem;
2477
2504
  }
2478
2505
 
2506
+ .md\:tw-pb-0 {
2507
+ padding-bottom: 0px;
2508
+ }
2509
+
2479
2510
  .md\:tw-pl-4 {
2480
2511
  padding-left: 1rem;
2481
2512
  }
@@ -959,6 +959,9 @@ video {
959
959
  .tw-max-w-2xl {
960
960
  max-width: 42rem;
961
961
  }
962
+ .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
962
965
  .tw-max-w-full {
963
966
  max-width: 100%;
964
967
  }
@@ -1817,6 +1820,10 @@ video {
1817
1820
  font-size: 1.5rem;
1818
1821
  line-height: 2rem;
1819
1822
  }
1823
+ .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1820
1827
  .tw-text-4xl {
1821
1828
  font-size: 2.25rem;
1822
1829
  line-height: 2.5rem;
@@ -2301,10 +2308,18 @@ video {
2301
2308
  }
2302
2309
  @media (min-width: 768px) {
2303
2310
 
2311
+ .md\:tw-relative {
2312
+ position: relative;
2313
+ }
2314
+
2304
2315
  .md\:tw-right-6 {
2305
2316
  right: 1.5rem;
2306
2317
  }
2307
2318
 
2319
+ .md\:tw-order-first {
2320
+ order: -9999;
2321
+ }
2322
+
2308
2323
  .md\:tw-mb-0 {
2309
2324
  margin-bottom: 0px;
2310
2325
  }
@@ -2369,6 +2384,10 @@ video {
2369
2384
  width: 6rem;
2370
2385
  }
2371
2386
 
2387
+ .md\:tw-w-3\/4 {
2388
+ width: 75%;
2389
+ }
2390
+
2372
2391
  .md\:tw-w-auto {
2373
2392
  width: auto;
2374
2393
  }
@@ -2381,6 +2400,10 @@ video {
2381
2400
  max-width: 100%;
2382
2401
  }
2383
2402
 
2403
+ .md\:tw-flex-1 {
2404
+ flex: 1 1 0%;
2405
+ }
2406
+
2384
2407
  .md\:tw-grow {
2385
2408
  flex-grow: 1;
2386
2409
  }
@@ -2440,6 +2463,10 @@ video {
2440
2463
  object-fit: contain;
2441
2464
  }
2442
2465
 
2466
+ .md\:tw-p-0 {
2467
+ padding: 0px;
2468
+ }
2469
+
2443
2470
  .md\:tw-p-2 {
2444
2471
  padding: 0.5rem;
2445
2472
  }
@@ -2476,6 +2503,10 @@ video {
2476
2503
  padding-bottom: 0.5rem;
2477
2504
  }
2478
2505
 
2506
+ .md\:tw-pb-0 {
2507
+ padding-bottom: 0px;
2508
+ }
2509
+
2479
2510
  .md\:tw-pl-4 {
2480
2511
  padding-left: 1rem;
2481
2512
  }
@@ -959,6 +959,9 @@ video {
959
959
  .tw-max-w-2xl {
960
960
  max-width: 42rem;
961
961
  }
962
+ .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
962
965
  .tw-max-w-full {
963
966
  max-width: 100%;
964
967
  }
@@ -1817,6 +1820,10 @@ video {
1817
1820
  font-size: 1.5rem;
1818
1821
  line-height: 2rem;
1819
1822
  }
1823
+ .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1820
1827
  .tw-text-4xl {
1821
1828
  font-size: 2.25rem;
1822
1829
  line-height: 2.5rem;
@@ -2301,10 +2308,18 @@ video {
2301
2308
  }
2302
2309
  @media (min-width: 768px) {
2303
2310
 
2311
+ .md\:tw-relative {
2312
+ position: relative;
2313
+ }
2314
+
2304
2315
  .md\:tw-right-6 {
2305
2316
  right: 1.5rem;
2306
2317
  }
2307
2318
 
2319
+ .md\:tw-order-first {
2320
+ order: -9999;
2321
+ }
2322
+
2308
2323
  .md\:tw-mb-0 {
2309
2324
  margin-bottom: 0px;
2310
2325
  }
@@ -2369,6 +2384,10 @@ video {
2369
2384
  width: 6rem;
2370
2385
  }
2371
2386
 
2387
+ .md\:tw-w-3\/4 {
2388
+ width: 75%;
2389
+ }
2390
+
2372
2391
  .md\:tw-w-auto {
2373
2392
  width: auto;
2374
2393
  }
@@ -2381,6 +2400,10 @@ video {
2381
2400
  max-width: 100%;
2382
2401
  }
2383
2402
 
2403
+ .md\:tw-flex-1 {
2404
+ flex: 1 1 0%;
2405
+ }
2406
+
2384
2407
  .md\:tw-grow {
2385
2408
  flex-grow: 1;
2386
2409
  }
@@ -2440,6 +2463,10 @@ video {
2440
2463
  object-fit: contain;
2441
2464
  }
2442
2465
 
2466
+ .md\:tw-p-0 {
2467
+ padding: 0px;
2468
+ }
2469
+
2443
2470
  .md\:tw-p-2 {
2444
2471
  padding: 0.5rem;
2445
2472
  }
@@ -2476,6 +2503,10 @@ video {
2476
2503
  padding-bottom: 0.5rem;
2477
2504
  }
2478
2505
 
2506
+ .md\:tw-pb-0 {
2507
+ padding-bottom: 0px;
2508
+ }
2509
+
2479
2510
  .md\:tw-pl-4 {
2480
2511
  padding-left: 1rem;
2481
2512
  }
package/index.js CHANGED
@@ -18,6 +18,8 @@ export { default as SellDomainNameList } from './src/experiences/components/Sell
18
18
  export { default as SellDomainNameWidget } from './src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue';
19
19
  export { default as PublishBrandPageModal } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue';
20
20
  export { default as PublishBrandPageCard } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue';
21
+ export { default as WebsiteContextualUpgradeModal } from './src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue';
22
+ export { WEBSITE_UPGRADE_CONTEXT_TYPES } from './src/experiences/models/websiteContextualModel';
21
23
 
22
24
  export { setSharedLibLocaleAsync, tr } from './src/useSharedLibTranslate';
23
25
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.5.10",
3
+ "version": "1.5.11-kp-2",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",