@designcrowd/fe-shared-lib 1.5.11 → 1.5.12-getty-1

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 (35) hide show
  1. package/index.js +2 -0
  2. package/package.json +1 -1
  3. package/public/css/tailwind-brandCrowd.css +32 -0
  4. package/public/css/tailwind-brandPage.css +28 -0
  5. package/public/css/tailwind-crazyDomains.css +32 -0
  6. package/public/css/tailwind-designCom.css +32 -0
  7. package/public/css/tailwind-designCrowd.css +32 -0
  8. package/src/atoms/components/Icon/Icon.stories.js +7 -0
  9. package/src/atoms/components/Icon/Icon.vue +18 -0
  10. package/src/atoms/components/Icon/icons/premium-content.vue +8 -0
  11. package/src/atoms/components/Icon/icons/websites/upgrade-to-add-page.vue +50 -0
  12. package/src/atoms/components/Icon/icons/websites/upgrade-to-contact-form.vue +82 -0
  13. package/src/atoms/components/Icon/icons/websites/upgrade-to-google-ad.vue +92 -0
  14. package/src/atoms/components/Icon/icons/websites/upgrade-to-maps.vue +40 -0
  15. package/src/atoms/components/Icon/icons/websites/upgrade-to-publish.vue +107 -0
  16. package/src/atoms/components/Icon/icons/websites/upgrade-to-remove-watermark.vue +74 -0
  17. package/src/atoms/components/Icon/icons/websites/upgrade-to-videos.vue +16 -0
  18. package/src/bundles/bundled-translations.de-DE.json +40 -0
  19. package/src/bundles/bundled-translations.es-ES.json +40 -0
  20. package/src/bundles/bundled-translations.fr-CA.json +40 -0
  21. package/src/bundles/bundled-translations.fr-FR.json +40 -0
  22. package/src/bundles/bundled-translations.json +40 -0
  23. package/src/bundles/bundled-translations.pt-BR.json +40 -0
  24. package/src/bundles/bundled-translations.pt-PT.json +40 -0
  25. package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.stories.js +181 -0
  26. package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue +203 -0
  27. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.de-DE.json +42 -0
  28. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.es-ES.json +42 -0
  29. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-CA.json +42 -0
  30. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-FR.json +42 -0
  31. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.json +42 -0
  32. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-BR.json +42 -0
  33. package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-PT.json +42 -0
  34. package/src/experiences/models/websiteContextualModel.ts +11 -0
  35. package/src/useSharedLibTranslate.js +4 -0
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.11",
3
+ "version": "1.5.12-getty-1",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
@@ -617,6 +617,9 @@ video {
617
617
  .theme-brandCrowd .tw-m-3 {
618
618
  margin: 0.75rem;
619
619
  }
620
+ .theme-brandCrowd .tw-m-4 {
621
+ margin: 1rem;
622
+ }
620
623
  .theme-brandCrowd .tw-m-5 {
621
624
  margin: 1.25rem;
622
625
  }
@@ -956,6 +959,9 @@ video {
956
959
  .theme-brandCrowd .tw-max-w-2xl {
957
960
  max-width: 42rem;
958
961
  }
962
+ .theme-brandCrowd .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
959
965
  .theme-brandCrowd .tw-max-w-full {
960
966
  max-width: 100%;
961
967
  }
@@ -1814,6 +1820,10 @@ video {
1814
1820
  font-size: 1.5rem;
1815
1821
  line-height: 2rem;
1816
1822
  }
1823
+ .theme-brandCrowd .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1817
1827
  .theme-brandCrowd .tw-text-4xl {
1818
1828
  font-size: 2.25rem;
1819
1829
  line-height: 2.5rem;
@@ -2140,6 +2150,10 @@ video {
2140
2150
  --tw-text-opacity: 1;
2141
2151
  color: rgb(17 21 23 / var(--tw-text-opacity));
2142
2152
  }
2153
+ .theme-brandCrowd .hover\:tw-text-primary-600:hover {
2154
+ --tw-text-opacity: 1;
2155
+ color: rgb(194 22 50 / var(--tw-text-opacity));
2156
+ }
2143
2157
  .theme-brandCrowd .hover\:tw-text-secondary-500:hover {
2144
2158
  --tw-text-opacity: 1;
2145
2159
  color: rgb(89 89 89 / var(--tw-text-opacity));
@@ -2270,9 +2284,15 @@ video {
2270
2284
  }
2271
2285
  }
2272
2286
  @media (min-width: 768px) {
2287
+ .theme-brandCrowd .md\:tw-relative {
2288
+ position: relative;
2289
+ }
2273
2290
  .theme-brandCrowd .md\:tw-right-6 {
2274
2291
  right: 1.5rem;
2275
2292
  }
2293
+ .theme-brandCrowd .md\:tw-order-first {
2294
+ order: -9999;
2295
+ }
2276
2296
  .theme-brandCrowd .md\:tw-mb-0 {
2277
2297
  margin-bottom: 0px;
2278
2298
  }
@@ -2321,6 +2341,9 @@ video {
2321
2341
  .theme-brandCrowd .md\:tw-w-24 {
2322
2342
  width: 6rem;
2323
2343
  }
2344
+ .theme-brandCrowd .md\:tw-w-3\/4 {
2345
+ width: 75%;
2346
+ }
2324
2347
  .theme-brandCrowd .md\:tw-w-auto {
2325
2348
  width: auto;
2326
2349
  }
@@ -2330,6 +2353,9 @@ video {
2330
2353
  .theme-brandCrowd .md\:tw-max-w-full {
2331
2354
  max-width: 100%;
2332
2355
  }
2356
+ .theme-brandCrowd .md\:tw-flex-1 {
2357
+ flex: 1 1 0%;
2358
+ }
2333
2359
  .theme-brandCrowd .md\:tw-grow {
2334
2360
  flex-grow: 1;
2335
2361
  }
@@ -2375,6 +2401,9 @@ video {
2375
2401
  -o-object-fit: contain;
2376
2402
  object-fit: contain;
2377
2403
  }
2404
+ .theme-brandCrowd .md\:tw-p-0 {
2405
+ padding: 0px;
2406
+ }
2378
2407
  .theme-brandCrowd .md\:tw-p-2 {
2379
2408
  padding: 0.5rem;
2380
2409
  }
@@ -2403,6 +2432,9 @@ video {
2403
2432
  padding-top: 0.5rem;
2404
2433
  padding-bottom: 0.5rem;
2405
2434
  }
2435
+ .theme-brandCrowd .md\:tw-pb-0 {
2436
+ padding-bottom: 0px;
2437
+ }
2406
2438
  .theme-brandCrowd .md\:tw-pl-4 {
2407
2439
  padding-left: 1rem;
2408
2440
  }
@@ -617,6 +617,9 @@ video {
617
617
  .theme-brandPage .tw-m-3 {
618
618
  margin: 0.75rem;
619
619
  }
620
+ .theme-brandPage .tw-m-4 {
621
+ margin: 1rem;
622
+ }
620
623
  .theme-brandPage .tw-m-5 {
621
624
  margin: 1.25rem;
622
625
  }
@@ -956,6 +959,9 @@ video {
956
959
  .theme-brandPage .tw-max-w-2xl {
957
960
  max-width: 42rem;
958
961
  }
962
+ .theme-brandPage .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
959
965
  .theme-brandPage .tw-max-w-full {
960
966
  max-width: 100%;
961
967
  }
@@ -1662,6 +1668,10 @@ video {
1662
1668
  font-size: 1.5rem;
1663
1669
  line-height: 2rem;
1664
1670
  }
1671
+ .theme-brandPage .tw-text-3xl {
1672
+ font-size: 1.875rem;
1673
+ line-height: 2.25rem;
1674
+ }
1665
1675
  .theme-brandPage .tw-text-4xl {
1666
1676
  font-size: 2.25rem;
1667
1677
  line-height: 2.5rem;
@@ -1954,9 +1964,15 @@ video {
1954
1964
  }
1955
1965
  }
1956
1966
  @media (min-width: 768px) {
1967
+ .theme-brandPage .md\:tw-relative {
1968
+ position: relative;
1969
+ }
1957
1970
  .theme-brandPage .md\:tw-right-6 {
1958
1971
  right: 1.5rem;
1959
1972
  }
1973
+ .theme-brandPage .md\:tw-order-first {
1974
+ order: -9999;
1975
+ }
1960
1976
  .theme-brandPage .md\:tw-mb-0 {
1961
1977
  margin-bottom: 0px;
1962
1978
  }
@@ -2005,6 +2021,9 @@ video {
2005
2021
  .theme-brandPage .md\:tw-w-24 {
2006
2022
  width: 6rem;
2007
2023
  }
2024
+ .theme-brandPage .md\:tw-w-3\/4 {
2025
+ width: 75%;
2026
+ }
2008
2027
  .theme-brandPage .md\:tw-w-auto {
2009
2028
  width: auto;
2010
2029
  }
@@ -2014,6 +2033,9 @@ video {
2014
2033
  .theme-brandPage .md\:tw-max-w-full {
2015
2034
  max-width: 100%;
2016
2035
  }
2036
+ .theme-brandPage .md\:tw-flex-1 {
2037
+ flex: 1 1 0%;
2038
+ }
2017
2039
  .theme-brandPage .md\:tw-grow {
2018
2040
  flex-grow: 1;
2019
2041
  }
@@ -2059,6 +2081,9 @@ video {
2059
2081
  -o-object-fit: contain;
2060
2082
  object-fit: contain;
2061
2083
  }
2084
+ .theme-brandPage .md\:tw-p-0 {
2085
+ padding: 0px;
2086
+ }
2062
2087
  .theme-brandPage .md\:tw-p-2 {
2063
2088
  padding: 0.5rem;
2064
2089
  }
@@ -2087,6 +2112,9 @@ video {
2087
2112
  padding-top: 0.5rem;
2088
2113
  padding-bottom: 0.5rem;
2089
2114
  }
2115
+ .theme-brandPage .md\:tw-pb-0 {
2116
+ padding-bottom: 0px;
2117
+ }
2090
2118
  .theme-brandPage .md\:tw-pl-4 {
2091
2119
  padding-left: 1rem;
2092
2120
  }
@@ -617,6 +617,9 @@ video {
617
617
  .theme-crazyDomains .tw-m-3 {
618
618
  margin: 0.75rem;
619
619
  }
620
+ .theme-crazyDomains .tw-m-4 {
621
+ margin: 1rem;
622
+ }
620
623
  .theme-crazyDomains .tw-m-5 {
621
624
  margin: 1.25rem;
622
625
  }
@@ -956,6 +959,9 @@ video {
956
959
  .theme-crazyDomains .tw-max-w-2xl {
957
960
  max-width: 42rem;
958
961
  }
962
+ .theme-crazyDomains .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
959
965
  .theme-crazyDomains .tw-max-w-full {
960
966
  max-width: 100%;
961
967
  }
@@ -1814,6 +1820,10 @@ video {
1814
1820
  font-size: 1.5rem;
1815
1821
  line-height: 2rem;
1816
1822
  }
1823
+ .theme-crazyDomains .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1817
1827
  .theme-crazyDomains .tw-text-4xl {
1818
1828
  font-size: 2.25rem;
1819
1829
  line-height: 2.5rem;
@@ -2140,6 +2150,10 @@ video {
2140
2150
  --tw-text-opacity: 1;
2141
2151
  color: rgb(79 89 92 / var(--tw-text-opacity));
2142
2152
  }
2153
+ .theme-crazyDomains .hover\:tw-text-primary-600:hover {
2154
+ --tw-text-opacity: 1;
2155
+ color: rgb(89 138 38 / var(--tw-text-opacity));
2156
+ }
2143
2157
  .theme-crazyDomains .hover\:tw-text-secondary-500:hover {
2144
2158
  --tw-text-opacity: 1;
2145
2159
  color: rgb(72 72 72 / var(--tw-text-opacity));
@@ -2270,9 +2284,15 @@ video {
2270
2284
  }
2271
2285
  }
2272
2286
  @media (min-width: 768px) {
2287
+ .theme-crazyDomains .md\:tw-relative {
2288
+ position: relative;
2289
+ }
2273
2290
  .theme-crazyDomains .md\:tw-right-6 {
2274
2291
  right: 1.5rem;
2275
2292
  }
2293
+ .theme-crazyDomains .md\:tw-order-first {
2294
+ order: -9999;
2295
+ }
2276
2296
  .theme-crazyDomains .md\:tw-mb-0 {
2277
2297
  margin-bottom: 0px;
2278
2298
  }
@@ -2321,6 +2341,9 @@ video {
2321
2341
  .theme-crazyDomains .md\:tw-w-24 {
2322
2342
  width: 6rem;
2323
2343
  }
2344
+ .theme-crazyDomains .md\:tw-w-3\/4 {
2345
+ width: 75%;
2346
+ }
2324
2347
  .theme-crazyDomains .md\:tw-w-auto {
2325
2348
  width: auto;
2326
2349
  }
@@ -2330,6 +2353,9 @@ video {
2330
2353
  .theme-crazyDomains .md\:tw-max-w-full {
2331
2354
  max-width: 100%;
2332
2355
  }
2356
+ .theme-crazyDomains .md\:tw-flex-1 {
2357
+ flex: 1 1 0%;
2358
+ }
2333
2359
  .theme-crazyDomains .md\:tw-grow {
2334
2360
  flex-grow: 1;
2335
2361
  }
@@ -2375,6 +2401,9 @@ video {
2375
2401
  -o-object-fit: contain;
2376
2402
  object-fit: contain;
2377
2403
  }
2404
+ .theme-crazyDomains .md\:tw-p-0 {
2405
+ padding: 0px;
2406
+ }
2378
2407
  .theme-crazyDomains .md\:tw-p-2 {
2379
2408
  padding: 0.5rem;
2380
2409
  }
@@ -2403,6 +2432,9 @@ video {
2403
2432
  padding-top: 0.5rem;
2404
2433
  padding-bottom: 0.5rem;
2405
2434
  }
2435
+ .theme-crazyDomains .md\:tw-pb-0 {
2436
+ padding-bottom: 0px;
2437
+ }
2406
2438
  .theme-crazyDomains .md\:tw-pl-4 {
2407
2439
  padding-left: 1rem;
2408
2440
  }
@@ -617,6 +617,9 @@ video {
617
617
  .theme-designCom .tw-m-3 {
618
618
  margin: 0.75rem;
619
619
  }
620
+ .theme-designCom .tw-m-4 {
621
+ margin: 1rem;
622
+ }
620
623
  .theme-designCom .tw-m-5 {
621
624
  margin: 1.25rem;
622
625
  }
@@ -956,6 +959,9 @@ video {
956
959
  .theme-designCom .tw-max-w-2xl {
957
960
  max-width: 42rem;
958
961
  }
962
+ .theme-designCom .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
959
965
  .theme-designCom .tw-max-w-full {
960
966
  max-width: 100%;
961
967
  }
@@ -1814,6 +1820,10 @@ video {
1814
1820
  font-size: 1.5rem;
1815
1821
  line-height: 2rem;
1816
1822
  }
1823
+ .theme-designCom .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1817
1827
  .theme-designCom .tw-text-4xl {
1818
1828
  font-size: 2.25rem;
1819
1829
  line-height: 2.5rem;
@@ -2140,6 +2150,10 @@ video {
2140
2150
  --tw-text-opacity: 1;
2141
2151
  color: rgb(23 23 23 / var(--tw-text-opacity));
2142
2152
  }
2153
+ .theme-designCom .hover\:tw-text-primary-600:hover {
2154
+ --tw-text-opacity: 1;
2155
+ color: rgb(50 71 197 / var(--tw-text-opacity));
2156
+ }
2143
2157
  .theme-designCom .hover\:tw-text-secondary-500:hover {
2144
2158
  --tw-text-opacity: 1;
2145
2159
  color: rgb(61 61 61 / var(--tw-text-opacity));
@@ -2270,9 +2284,15 @@ video {
2270
2284
  }
2271
2285
  }
2272
2286
  @media (min-width: 768px) {
2287
+ .theme-designCom .md\:tw-relative {
2288
+ position: relative;
2289
+ }
2273
2290
  .theme-designCom .md\:tw-right-6 {
2274
2291
  right: 1.5rem;
2275
2292
  }
2293
+ .theme-designCom .md\:tw-order-first {
2294
+ order: -9999;
2295
+ }
2276
2296
  .theme-designCom .md\:tw-mb-0 {
2277
2297
  margin-bottom: 0px;
2278
2298
  }
@@ -2321,6 +2341,9 @@ video {
2321
2341
  .theme-designCom .md\:tw-w-24 {
2322
2342
  width: 6rem;
2323
2343
  }
2344
+ .theme-designCom .md\:tw-w-3\/4 {
2345
+ width: 75%;
2346
+ }
2324
2347
  .theme-designCom .md\:tw-w-auto {
2325
2348
  width: auto;
2326
2349
  }
@@ -2330,6 +2353,9 @@ video {
2330
2353
  .theme-designCom .md\:tw-max-w-full {
2331
2354
  max-width: 100%;
2332
2355
  }
2356
+ .theme-designCom .md\:tw-flex-1 {
2357
+ flex: 1 1 0%;
2358
+ }
2333
2359
  .theme-designCom .md\:tw-grow {
2334
2360
  flex-grow: 1;
2335
2361
  }
@@ -2375,6 +2401,9 @@ video {
2375
2401
  -o-object-fit: contain;
2376
2402
  object-fit: contain;
2377
2403
  }
2404
+ .theme-designCom .md\:tw-p-0 {
2405
+ padding: 0px;
2406
+ }
2378
2407
  .theme-designCom .md\:tw-p-2 {
2379
2408
  padding: 0.5rem;
2380
2409
  }
@@ -2403,6 +2432,9 @@ video {
2403
2432
  padding-top: 0.5rem;
2404
2433
  padding-bottom: 0.5rem;
2405
2434
  }
2435
+ .theme-designCom .md\:tw-pb-0 {
2436
+ padding-bottom: 0px;
2437
+ }
2406
2438
  .theme-designCom .md\:tw-pl-4 {
2407
2439
  padding-left: 1rem;
2408
2440
  }
@@ -617,6 +617,9 @@ video {
617
617
  .theme-designCrowd .tw-m-3 {
618
618
  margin: 0.75rem;
619
619
  }
620
+ .theme-designCrowd .tw-m-4 {
621
+ margin: 1rem;
622
+ }
620
623
  .theme-designCrowd .tw-m-5 {
621
624
  margin: 1.25rem;
622
625
  }
@@ -956,6 +959,9 @@ video {
956
959
  .theme-designCrowd .tw-max-w-2xl {
957
960
  max-width: 42rem;
958
961
  }
962
+ .theme-designCrowd .tw-max-w-3xl {
963
+ max-width: 48rem;
964
+ }
959
965
  .theme-designCrowd .tw-max-w-full {
960
966
  max-width: 100%;
961
967
  }
@@ -1814,6 +1820,10 @@ video {
1814
1820
  font-size: 1.5rem;
1815
1821
  line-height: 2rem;
1816
1822
  }
1823
+ .theme-designCrowd .tw-text-3xl {
1824
+ font-size: 1.875rem;
1825
+ line-height: 2.25rem;
1826
+ }
1817
1827
  .theme-designCrowd .tw-text-4xl {
1818
1828
  font-size: 2.25rem;
1819
1829
  line-height: 2.5rem;
@@ -2140,6 +2150,10 @@ video {
2140
2150
  --tw-text-opacity: 1;
2141
2151
  color: rgb(39 52 56 / var(--tw-text-opacity));
2142
2152
  }
2153
+ .theme-designCrowd .hover\:tw-text-primary-600:hover {
2154
+ --tw-text-opacity: 1;
2155
+ color: rgb(14 121 188 / var(--tw-text-opacity));
2156
+ }
2143
2157
  .theme-designCrowd .hover\:tw-text-secondary-500:hover {
2144
2158
  --tw-text-opacity: 1;
2145
2159
  color: rgb(93 109 129 / var(--tw-text-opacity));
@@ -2270,9 +2284,15 @@ video {
2270
2284
  }
2271
2285
  }
2272
2286
  @media (min-width: 768px) {
2287
+ .theme-designCrowd .md\:tw-relative {
2288
+ position: relative;
2289
+ }
2273
2290
  .theme-designCrowd .md\:tw-right-6 {
2274
2291
  right: 1.5rem;
2275
2292
  }
2293
+ .theme-designCrowd .md\:tw-order-first {
2294
+ order: -9999;
2295
+ }
2276
2296
  .theme-designCrowd .md\:tw-mb-0 {
2277
2297
  margin-bottom: 0px;
2278
2298
  }
@@ -2321,6 +2341,9 @@ video {
2321
2341
  .theme-designCrowd .md\:tw-w-24 {
2322
2342
  width: 6rem;
2323
2343
  }
2344
+ .theme-designCrowd .md\:tw-w-3\/4 {
2345
+ width: 75%;
2346
+ }
2324
2347
  .theme-designCrowd .md\:tw-w-auto {
2325
2348
  width: auto;
2326
2349
  }
@@ -2330,6 +2353,9 @@ video {
2330
2353
  .theme-designCrowd .md\:tw-max-w-full {
2331
2354
  max-width: 100%;
2332
2355
  }
2356
+ .theme-designCrowd .md\:tw-flex-1 {
2357
+ flex: 1 1 0%;
2358
+ }
2333
2359
  .theme-designCrowd .md\:tw-grow {
2334
2360
  flex-grow: 1;
2335
2361
  }
@@ -2375,6 +2401,9 @@ video {
2375
2401
  -o-object-fit: contain;
2376
2402
  object-fit: contain;
2377
2403
  }
2404
+ .theme-designCrowd .md\:tw-p-0 {
2405
+ padding: 0px;
2406
+ }
2378
2407
  .theme-designCrowd .md\:tw-p-2 {
2379
2408
  padding: 0.5rem;
2380
2409
  }
@@ -2403,6 +2432,9 @@ video {
2403
2432
  padding-top: 0.5rem;
2404
2433
  padding-bottom: 0.5rem;
2405
2434
  }
2435
+ .theme-designCrowd .md\:tw-pb-0 {
2436
+ padding-bottom: 0px;
2437
+ }
2406
2438
  .theme-designCrowd .md\:tw-pl-4 {
2407
2439
  padding-left: 1rem;
2408
2440
  }
@@ -14,6 +14,12 @@ export const IconSample = () => {
14
14
  return {
15
15
  sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
16
16
  icons: [
17
+ { name: 'websites-upgrade-to-add-page' },
18
+ { name: 'websites-upgrade-to-contact-form' },
19
+ { name: 'websites-upgrade-to-remove-watermark' },
20
+ { name: 'websites-upgrade-to-publish' },
21
+ { name: 'websites-upgrade-to-videos' },
22
+ { name: 'websites-upgrade-to-maps' },
17
23
  { name: 'add-page' },
18
24
  { name: 'ai' },
19
25
  { name: 'arrow-down' },
@@ -379,6 +385,7 @@ export const IconSample = () => {
379
385
  <div class="tw-grid tw-grid-cols-8 tw-gap-4 tw-items-center" style="grid-template-columns: repeat(8, minmax(0, 1fr));">
380
386
  <Icon
381
387
  v-for="size in sizes"
388
+ viewBox="0 0 96 96"
382
389
  :name="icon.name"
383
390
  :alt-text="icon.altText"
384
391
  :size="size"
@@ -13,6 +13,7 @@
13
13
  'tw-w-12 tw-h-12': size === '2xl',
14
14
  'tw-w-14 tw-h-14': size === '3xl',
15
15
  'tw-w-16 tw-h-16': size === '4xl',
16
+ 'tw-w-24 tw-h-24': size === '5xl',
16
17
  'tw-w-full tw-h-full': size === 'full',
17
18
  'tw-w-fit tw-h-full': size === 'button-icon',
18
19
  }"
@@ -405,8 +406,16 @@ import IconPenTool from './icons/pen-tool.vue';
405
406
  import IconClipboardCheck from './icons/clipboard-check.vue';
406
407
  import IconBadge from './icons/badge.vue';
407
408
  import IconCalculator from './icons/calculator.vue';
409
+ import IconWebsitesUpgradeToAddPage from './icons/websites/upgrade-to-add-page.vue';
410
+ import IconWebsitesUpgradeToContactForm from './icons/websites/upgrade-to-contact-form.vue';
411
+ import IconWebsitesUpgradeToRemoveWatermark from './icons/websites/upgrade-to-remove-watermark.vue';
412
+ import IconWebsitesUpgradeToPublish from './icons/websites/upgrade-to-publish.vue';
413
+ import IconWebsitesUpgradeToVideos from './icons/websites/upgrade-to-videos.vue';
414
+ import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
415
+ import IconWebsitesUpgradeToGoogleAd from './icons/websites/upgrade-to-google-ad.vue';
408
416
 
409
417
  import IconGroup from './icons/group.vue';
418
+ import IconPremiumContent from './icons/premium-content.vue';
410
419
 
411
420
  export default {
412
421
  components: {
@@ -691,6 +700,7 @@ export default {
691
700
  IconShape,
692
701
 
693
702
  IconGroup,
703
+ IconPremiumContent,
694
704
 
695
705
  // Maker icons
696
706
  IconMakerAnimate,
@@ -785,6 +795,14 @@ export default {
785
795
  IconAspectRatioOriginal,
786
796
  IconClipboardCheck,
787
797
  IconBadge,
798
+
799
+ IconWebsitesUpgradeToAddPage,
800
+ IconWebsitesUpgradeToContactForm,
801
+ IconWebsitesUpgradeToRemoveWatermark,
802
+ IconWebsitesUpgradeToPublish,
803
+ IconWebsitesUpgradeToVideos,
804
+ IconWebsitesUpgradeToMaps,
805
+ IconWebsitesUpgradeToGoogleAd,
788
806
  },
789
807
  props: {
790
808
  viewBox: {
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path
4
+ d="M12.55 12.125C12.6521 12.125 12.7323 12.1536 12.7906 12.2109C12.8635 12.2826 12.9 12.3685 12.9 12.4688V13.1563C12.9 13.2565 12.8635 13.3353 12.7906 13.3926C12.7323 13.4642 12.6521 13.5 12.55 13.5H3.45C3.34792 13.5 3.26042 13.4642 3.1875 13.3926C3.12917 13.3353 3.1 13.2565 3.1 13.1563V12.4688C3.1 12.3685 3.12917 12.2826 3.1875 12.2109C3.26042 12.1536 3.34792 12.125 3.45 12.125H12.55ZM13.2063 5.55078C13.4104 5.35026 13.6583 5.25 13.95 5.25C14.2417 5.25 14.4896 5.35026 14.6938 5.55078C14.8979 5.7513 15 5.99479 15 6.28125C15 6.56771 14.8979 6.8112 14.6938 7.01172C14.4896 7.21224 14.2417 7.3125 13.95 7.3125C13.9063 7.3125 13.8479 7.30534 13.775 7.29102L12.2 11.4375H3.8L2.225 7.29102C2.15208 7.30534 2.09375 7.3125 2.05 7.3125C1.75833 7.3125 1.51042 7.21224 1.30625 7.01172C1.10208 6.8112 1 6.56771 1 6.28125C1 5.99479 1.10208 5.7513 1.30625 5.55078C1.51042 5.35026 1.75833 5.25 2.05 5.25C2.34167 5.25 2.58958 5.35026 2.79375 5.55078C2.99792 5.7513 3.1 5.99479 3.1 6.28125C3.1 6.42448 3.07083 6.56771 3.0125 6.71094L4.5875 7.63477C4.74792 7.73503 4.92292 7.76367 5.1125 7.7207C5.31667 7.66341 5.4625 7.55599 5.55 7.39844L7.34375 4.32617C7.08125 4.11133 6.95 3.84635 6.95 3.53125C6.95 3.24479 7.05208 3.0013 7.25625 2.80078C7.46042 2.60026 7.70833 2.5 8 2.5C8.29167 2.5 8.53958 2.60026 8.74375 2.80078C8.94792 3.0013 9.05 3.24479 9.05 3.53125C9.05 3.84635 8.91875 4.11133 8.65625 4.32617L10.45 7.39844C10.5375 7.55599 10.676 7.66341 10.8656 7.7207C11.0552 7.76367 11.2375 7.73503 11.4125 7.63477L12.9875 6.71094C12.9292 6.56771 12.9 6.42448 12.9 6.28125C12.9 5.99479 13.0021 5.7513 13.2063 5.55078Z"
5
+ fill="black"
6
+ />
7
+ </svg>
8
+ </template>
@@ -0,0 +1,50 @@
1
+ <template>
2
+ <g fill="none">
3
+ <path
4
+ d="M20.0751 90.4746L12.2198 26.4981C12.0354 24.995 13.1043 23.6269 14.6073 23.4421L14.6364 23.4386L18.8689 22.9641L18.8699 22.964C21.4313 22.6778 23.3524 22.4625 24.6331 22.3193C25.2732 22.2478 25.7534 22.195 26.0736 22.1592C26.2337 22.1413 26.3546 22.1278 26.4346 22.1188C26.4742 22.1144 26.504 22.1111 26.5239 22.1088L26.554 22.1051C27.1028 22.0438 27.5977 22.4389 27.659 22.9878C27.7204 23.5367 27.3252 24.0315 26.7764 24.0929L26.7686 24.0938C26.7636 24.0944 26.756 24.0945 26.7462 24.0956C26.7262 24.0978 26.6959 24.1012 26.6559 24.1057L24.8555 24.3071C23.5749 24.4502 21.6536 24.6655 19.0923 24.9517L14.8588 25.4263L14.8511 25.4272C14.4443 25.4774 14.1551 25.8476 14.2049 26.2543L22.0602 90.2309C22.2275 91.5932 23.4676 92.5621 24.8299 92.3948L75.852 86.1301C77.2143 85.9629 78.1832 84.7227 78.016 83.3604L77.2896 77.4449L69.1855 18.3337C69.1106 17.7867 69.493 17.2826 70.04 17.2075C70.5871 17.1325 71.092 17.5148 71.1672 18.0619L79.2713 77.173L80.0011 83.1167C80.3029 85.5753 78.5544 87.8133 76.0958 88.1152L25.0737 94.3799C22.615 94.6818 20.377 92.9333 20.0751 90.4746Z"
5
+ fill="#111517"
6
+ />
7
+ <path
8
+ d="M67.9701 21.9177L75.3059 75.4877L75.9658 80.862C76.1784 82.5933 74.9638 84.1672 73.2529 84.3772L27.5609 89.9875C25.8501 90.1976 24.2908 88.9643 24.0782 87.233L17.0086 29.6555C16.874 28.5591 17.6536 27.5613 18.75 27.4266L24.147 26.764"
9
+ fill="#DEDEDE"
10
+ />
11
+ <path
12
+ fill-rule="evenodd"
13
+ clip-rule="evenodd"
14
+ d="M72.1906 7C72.9859 7 73.7487 7.31582 74.3112 7.87802L85.7225 19.2822C86.2855 19.8449 86.6018 20.6082 86.6018 21.4042V75.1881C86.6018 76.0165 86.266 76.7665 85.7231 77.3094C85.1802 77.8523 84.4302 78.1881 83.6018 78.1881H33.2255C32.3971 78.1881 31.6471 77.8523 31.1042 77.3094C30.5613 76.7665 30.2255 76.0165 30.2255 75.1881V10C30.2255 9.17157 30.5613 8.42157 31.1042 7.87868C31.6471 7.33579 32.3971 7 33.2255 7H72.1906Z"
15
+ fill="white"
16
+ />
17
+ <path
18
+ d="M29.2255 75.1885V10C29.2255 8.89571 29.6747 7.89464 30.3974 7.17188C31.1202 6.44911 32.1213 6 33.2255 6H72.1904C73.2508 6 74.2684 6.42129 75.0185 7.1709L86.4297 18.5752C87.1801 19.3254 87.6015 20.3432 87.6015 21.4043V75.1885C87.6014 76.2925 87.1532 77.2939 86.4306 78.0166C85.7079 78.7394 84.7058 79.1885 83.6015 79.1885H33.2255C32.1213 79.1885 31.1202 78.7393 30.3974 78.0166C29.6747 77.2939 29.2256 76.2926 29.2255 75.1885ZM31.2255 75.1885C31.2256 75.7409 31.4485 76.2396 31.8115 76.6025C32.1745 76.9655 32.6731 77.1885 33.2255 77.1885H83.6015C84.1539 77.1885 84.6526 76.9654 85.0156 76.6025C85.3785 76.2396 85.6014 75.7409 85.6015 75.1885V21.4043C85.6015 20.8736 85.3909 20.3644 85.0156 19.9893L73.6045 8.58496C73.2294 8.21024 72.7205 8 72.1904 8H33.2255C32.673 8 32.1745 8.22291 31.8115 8.58594C31.4485 8.94896 31.2255 9.44744 31.2255 10V75.1885Z"
19
+ fill="#111517"
20
+ />
21
+ <path
22
+ d="M72.7899 8.09355V18.198C72.7899 19.6416 73.9602 20.8119 75.4038 20.8119H82.3162"
23
+ stroke="#111517"
24
+ stroke-width="2"
25
+ stroke-linecap="round"
26
+ />
27
+ <path
28
+ fill-rule="evenodd"
29
+ clip-rule="evenodd"
30
+ d="M94.2381 80.0001C94.2381 88.4162 87.4162 95.2382 79 95.2382C70.5839 95.2382 63.762 88.4162 63.762 80.0001C63.762 71.5839 70.5839 64.762 79 64.762C87.4162 64.762 94.2381 71.5839 94.2381 80.0001Z"
31
+ fill="#EBBD52"
32
+ />
33
+ <path
34
+ fill-rule="evenodd"
35
+ clip-rule="evenodd"
36
+ d="M79 65.5238C71.0046 65.5238 64.5238 72.0046 64.5238 80C64.5238 87.9954 71.0046 94.4762 79 94.4762C86.9954 94.4762 93.4762 87.9954 93.4762 80C93.4762 72.0046 86.9954 65.5238 79 65.5238ZM63 80C63 71.163 70.163 64 79 64C87.837 64 95 71.163 95 80C95 88.837 87.837 96 79 96C70.163 96 63 88.837 63 80Z"
37
+ fill="#171717"
38
+ />
39
+ <path
40
+ fill-rule="evenodd"
41
+ clip-rule="evenodd"
42
+ d="M84.25 79.25H79.75V74.75C79.75 74.3352 79.4147 74 79 74C78.5853 74 78.25 74.3352 78.25 74.75V79.25H73.75C73.3353 79.25 73 79.5852 73 80C73 80.4147 73.3353 80.75 73.75 80.75H78.25V85.25C78.25 85.6647 78.5853 86 79 86C79.4147 86 79.75 85.6647 79.75 85.25V80.75H84.25C84.6647 80.75 85 80.4147 85 80C85 79.5852 84.6647 79.25 84.25 79.25Z"
43
+ fill="black"
44
+ />
45
+ <path
46
+ d="M61.6533 64.4355C62.2056 64.4355 62.6533 64.8833 62.6533 65.4355C62.6533 65.9878 62.2056 66.4355 61.6533 66.4355H39C38.4477 66.4355 38 65.9878 38 65.4355C38.0001 64.8833 38.4477 64.4355 39 64.4355H61.6533ZM76.4658 53.1094C77.0179 53.1096 77.4658 53.5572 77.4658 54.1094C77.4656 54.6613 77.0177 55.1091 76.4658 55.1094H39C38.4479 55.1094 38.0003 54.6614 38 54.1094C38 53.5571 38.4477 53.1094 39 53.1094H76.4658ZM76.4658 41.7822C77.0179 41.7825 77.4658 42.2301 77.4658 42.7822C77.4658 43.3343 77.0179 43.782 76.4658 43.7822H39C38.4477 43.7822 38 43.3345 38 42.7822C38 42.2299 38.4477 41.7822 39 41.7822H76.4658ZM76.4658 30.4551C77.0178 30.4553 77.4656 30.9031 77.4658 31.4551C77.4658 32.0072 77.0179 32.4548 76.4658 32.4551H39C38.4477 32.4551 38 32.0074 38 31.4551C38.0002 30.903 38.4478 30.4551 39 30.4551H76.4658ZM61.6533 20C62.2056 20 62.6533 20.4477 62.6533 21C62.6533 21.5523 62.2056 22 61.6533 22H39C38.4477 22 38 21.5523 38 21C38 20.4477 38.4477 20 39 20H61.6533Z"
47
+ fill="#111517"
48
+ />
49
+ </g>
50
+ </template>