@designcrowd/fe-shared-lib 1.5.9-kp-6 → 1.5.9-kp-4550-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.9-kp-6",
+  "version": "1.5.9-kp-4550-2",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -71,6 +71,8 @@
     "postcss-import": "16.0.0",
     "postcss-nested": "6.0.1",
     "prettier": "3.2.4",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "storybook": "9.0.4",
     "stylelint": "16.2.1",
     "stylelint-config-standard": "36.0.0",

package/public/css/tailwind-brandCrowd.css

@@ -956,6 +956,9 @@ video {
 .theme-brandCrowd .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-brandCrowd .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-brandCrowd .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-brandCrowd .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-brandCrowd .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2140,10 +2147,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 21 23 / var(--tw-text-opacity));
 }
-.theme-brandCrowd .hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(194 22 50 / var(--tw-text-opacity));
-}
 .theme-brandCrowd .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(89 89 89 / var(--tw-text-opacity));
@@ -2277,6 +2280,9 @@ video {
 .theme-brandCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-brandCrowd .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-brandCrowd .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2325,15 +2331,24 @@ video {
 .theme-brandCrowd .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-brandCrowd .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-brandCrowd .md\:tw-w-auto {
     width: auto;
   }
 .theme-brandCrowd .md\:tw-w-full {
     width: 100%;
   }
+.theme-brandCrowd .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-brandCrowd .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-brandCrowd .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-brandCrowd .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2407,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-brandCrowd .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-brandCrowd .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-brandPage.css

@@ -956,6 +956,9 @@ video {
 .theme-brandPage .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-brandPage .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-brandPage .tw-max-w-full {
   max-width: 100%;
 }
@@ -1662,6 +1665,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-brandPage .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-brandPage .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1957,6 +1964,9 @@ video {
 .theme-brandPage .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-brandPage .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-brandPage .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2005,15 +2015,24 @@ video {
 .theme-brandPage .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-brandPage .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-brandPage .md\:tw-w-auto {
     width: auto;
   }
 .theme-brandPage .md\:tw-w-full {
     width: 100%;
   }
+.theme-brandPage .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-brandPage .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-brandPage .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-brandPage .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2087,6 +2106,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-brandPage .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-brandPage .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-crazyDomains.css

@@ -956,6 +956,9 @@ video {
 .theme-crazyDomains .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-crazyDomains .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-crazyDomains .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-crazyDomains .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-crazyDomains .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2140,10 +2147,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(79 89 92 / var(--tw-text-opacity));
 }
-.theme-crazyDomains .hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(89 138 38 / var(--tw-text-opacity));
-}
 .theme-crazyDomains .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(72 72 72 / var(--tw-text-opacity));
@@ -2277,6 +2280,9 @@ video {
 .theme-crazyDomains .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-crazyDomains .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-crazyDomains .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2325,15 +2331,24 @@ video {
 .theme-crazyDomains .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-crazyDomains .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-crazyDomains .md\:tw-w-auto {
     width: auto;
   }
 .theme-crazyDomains .md\:tw-w-full {
     width: 100%;
   }
+.theme-crazyDomains .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-crazyDomains .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-crazyDomains .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-crazyDomains .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2407,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-crazyDomains .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-crazyDomains .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-designCom.css

@@ -956,6 +956,9 @@ video {
 .theme-designCom .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-designCom .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-designCom .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-designCom .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-designCom .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2140,10 +2147,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(23 23 23 / var(--tw-text-opacity));
 }
-.theme-designCom .hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(50 71 197 / var(--tw-text-opacity));
-}
 .theme-designCom .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(61 61 61 / var(--tw-text-opacity));
@@ -2277,6 +2280,9 @@ video {
 .theme-designCom .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-designCom .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-designCom .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2325,15 +2331,24 @@ video {
 .theme-designCom .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-designCom .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-designCom .md\:tw-w-auto {
     width: auto;
   }
 .theme-designCom .md\:tw-w-full {
     width: 100%;
   }
+.theme-designCom .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-designCom .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-designCom .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-designCom .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2407,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-designCom .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-designCom .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/public/css/tailwind-designCrowd.css

@@ -956,6 +956,9 @@ video {
 .theme-designCrowd .tw-max-w-2xl {
   max-width: 42rem;
 }
+.theme-designCrowd .tw-max-w-3xl {
+  max-width: 48rem;
+}
 .theme-designCrowd .tw-max-w-full {
   max-width: 100%;
 }
@@ -1814,6 +1817,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.theme-designCrowd .tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .theme-designCrowd .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2140,10 +2147,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(39 52 56 / var(--tw-text-opacity));
 }
-.theme-designCrowd .hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(14 121 188 / var(--tw-text-opacity));
-}
 .theme-designCrowd .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(93 109 129 / var(--tw-text-opacity));
@@ -2277,6 +2280,9 @@ video {
 .theme-designCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
+.theme-designCrowd .md\:tw-order-first {
+    order: -9999;
+  }
 .theme-designCrowd .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2325,15 +2331,24 @@ video {
 .theme-designCrowd .md\:tw-w-24 {
     width: 6rem;
   }
+.theme-designCrowd .md\:tw-w-3\/4 {
+    width: 75%;
+  }
 .theme-designCrowd .md\:tw-w-auto {
     width: auto;
   }
 .theme-designCrowd .md\:tw-w-full {
     width: 100%;
   }
+.theme-designCrowd .md\:tw-max-w-40 {
+    max-width: 10rem;
+  }
 .theme-designCrowd .md\:tw-max-w-full {
     max-width: 100%;
   }
+.theme-designCrowd .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
 .theme-designCrowd .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2407,6 +2422,9 @@ video {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
   }
+.theme-designCrowd .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
 .theme-designCrowd .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/src/atoms/components/Icon/Icon.stories.js

@@ -14,6 +14,12 @@ export const IconSample = () => {
       return {
         sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
         icons: [
+          { name: 'websites-upgrade-to-add-page' },
+          { name: 'websites-upgrade-to-contact-form' },
+          { name: 'websites-upgrade-to-remove-watermark' },
+          { name: 'websites-upgrade-to-publish' },
+          { name: 'websites-upgrade-to-videos' },
+          { name: 'websites-upgrade-to-maps' },
           { name: 'add-page' },
           { name: 'ai' },
           { name: 'arrow-down' },
@@ -379,6 +385,7 @@ export const IconSample = () => {
             <div class="tw-grid tw-grid-cols-8 tw-gap-4 tw-items-center" style="grid-template-columns: repeat(8, minmax(0, 1fr));">
               <Icon
                 v-for="size in sizes"
+                viewBox="0 0 96 96"
                 :name="icon.name"
                 :alt-text="icon.altText"
                 :size="size"

package/src/atoms/components/Icon/Icon.vue

@@ -13,6 +13,7 @@
         'tw-w-12 tw-h-12': size === '2xl',
         'tw-w-14 tw-h-14': size === '3xl',
         'tw-w-16 tw-h-16': size === '4xl',
+        'tw-w-24 tw-h-24': size === '5xl',
         'tw-w-full tw-h-full': size === 'full',
         'tw-w-fit tw-h-full': size === 'button-icon',
       }"
@@ -405,6 +406,12 @@ import IconPenTool from './icons/pen-tool.vue';
 import IconClipboardCheck from './icons/clipboard-check.vue';
 import IconBadge from './icons/badge.vue';
 import IconCalculator from './icons/calculator.vue';
+import IconWebsitesUpgradeToAddPage from './icons/websites/upgrade-to-add-page.vue';
+import IconWebsitesUpgradeToContactForm from './icons/websites/upgrade-to-contact-form.vue';
+import IconWebsitesUpgradeToRemoveWatermark from './icons/websites/upgrade-to-remove-watermark.vue';
+import IconWebsitesUpgradeToPublish from './icons/websites/upgrade-to-publish.vue';
+import IconWebsitesUpgradeToVideos from './icons/websites/upgrade-to-videos.vue';
+import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
 
 export default {
   components: {
@@ -781,6 +788,12 @@ export default {
     IconAspectRatioOriginal,
     IconClipboardCheck,
     IconBadge,
+    IconWebsitesUpgradeToAddPage,
+    IconWebsitesUpgradeToContactForm,
+    IconWebsitesUpgradeToRemoveWatermark,
+    IconWebsitesUpgradeToPublish,
+    IconWebsitesUpgradeToVideos,
+    IconWebsitesUpgradeToMaps,
   },
   props: {
     viewBox: {

package/src/atoms/components/Icon/icons/websites/upgrade-to-add-page.vue

@@ -0,0 +1,50 @@
+<template>
+  <g fill="none">
+    <path
+      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"
+      fill="#111517"
+    />
+    <path
+      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"
+      fill="#DEDEDE"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      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"
+      fill="white"
+    />
+    <path
+      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"
+      fill="#111517"
+    />
+    <path
+      d="M72.7899 8.09355V18.198C72.7899 19.6416 73.9602 20.8119 75.4038 20.8119H82.3162"
+      stroke="#111517"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      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"
+      fill="#EBBD52"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      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"
+      fill="#171717"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      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"
+      fill="black"
+    />
+    <path
+      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"
+      fill="#111517"
+    />
+  </g>
+</template>

package/src/atoms/components/Icon/icons/websites/upgrade-to-contact-form.vue

@@ -0,0 +1,82 @@
+<template>
+  <g fill="none">
+    <path
+      d="M45.5296 80.0821L36.4854 81.1043L37.4906 71.8944L74.742 33.9609V21.6449L60.3609 7.00044H11.4651C9.87745 7.00044 8.58891 8.31112 8.58891 9.92933V89.0094C8.58891 90.6262 9.87745 91.9383 11.4651 91.9383H71.8657C73.4549 91.9383 74.742 90.6262 74.742 89.0094V50.3349L45.5296 80.0821Z"
+      fill="#F4F4F4"
+    />
+    <path d="M74.7427 21.6445H60.3616V7L74.7427 21.6445Z" fill="#3D3D3D" />
+    <path
+      d="M60.4043 6.00189C60.4128 6.00226 60.4213 6.00228 60.4297 6.00287L60.461 6.00482C60.4922 6.00796 60.5232 6.01247 60.5538 6.01849C60.5663 6.02096 60.5784 6.02532 60.5909 6.02826C60.6103 6.03287 60.6294 6.03813 60.6485 6.04388C60.6885 6.05589 60.7273 6.07086 60.7657 6.08783C60.7798 6.09411 60.7938 6.10042 60.8077 6.10736C60.8492 6.12812 60.8891 6.152 60.9278 6.17865C60.9334 6.18255 60.9398 6.18538 60.9454 6.18939C60.9598 6.1998 60.9734 6.21136 60.9874 6.2226C61.0105 6.24123 61.0332 6.26043 61.0547 6.28119C61.0614 6.28757 61.0688 6.29315 61.0752 6.29974L75.4561 20.9433C75.4622 20.9495 75.4668 20.9574 75.4727 20.9638C75.4941 20.9867 75.5143 21.0104 75.5332 21.0351C75.5461 21.0518 75.5586 21.0685 75.5704 21.0859C75.584 21.1062 75.5963 21.1272 75.6084 21.1484C75.6206 21.1696 75.6321 21.1909 75.6426 21.2128C75.6549 21.2385 75.6667 21.2644 75.6768 21.291C75.6825 21.3061 75.6874 21.3215 75.6924 21.3369C75.7167 21.4116 75.7322 21.4891 75.7383 21.5683C75.7399 21.5881 75.7409 21.6079 75.7413 21.6279C75.7414 21.6334 75.7422 21.6389 75.7422 21.6445V33.9599C75.7422 34.2219 75.6386 34.4741 75.4551 34.6611L38.4463 72.3476L37.6143 79.9706L45.0645 79.1279L74.0284 49.6337C74.3128 49.3442 74.7444 49.2556 75.1202 49.4091C75.4958 49.5627 75.7419 49.9282 75.7422 50.3339V89.0097C75.742 91.161 74.0239 92.9384 71.8653 92.9384H11.4649C9.30818 92.9383 7.58917 91.1613 7.58891 89.0097V9.92865C7.58927 7.77539 9.30856 6.00007 11.4649 5.99994H60.3604L60.4043 6.00189ZM11.4649 7.99994C10.4465 8.00007 9.58926 8.84627 9.58891 9.92865V89.0097C9.58917 90.091 10.4468 90.9383 11.4649 90.9384H71.8653C72.8846 90.9384 73.742 90.0915 73.7422 89.0097V52.7792L46.2432 80.7831C46.0824 80.9468 45.8696 81.0503 45.6416 81.0761L36.5977 82.0986C36.296 82.1327 35.9945 82.0276 35.7793 81.8134C35.5643 81.5991 35.4585 81.2978 35.4913 80.996L36.4961 71.7861C36.5206 71.563 36.6202 71.3544 36.7774 71.1943L73.7422 33.5507V22.6445H60.3614C59.8092 22.6444 59.3614 22.1966 59.3614 21.6445V7.99994H11.4649ZM61.3614 20.6445H72.3594L61.3614 9.44525V20.6445Z"
+      fill="#111517"
+    />
+    <path
+      d="M45.5296 80.0821L36.4854 81.1043L37.4906 71.8944L78.6925 29.9395L86.7315 38.1258L45.5296 80.0821Z"
+      fill="#E3A008"
+    />
+    <path
+      d="M86.7321 38.1252L78.6916 29.9375L82.7111 25.8443C84.3764 24.15 87.0758 24.15 88.7411 25.8443L90.7516 27.8916C92.4155 29.5875 92.4155 32.3362 90.7516 34.0321L86.7321 38.1252Z"
+      fill="#EB8072"
+    />
+    <path d="M82.7112 42.2182L74.6722 34.0319L78.6917 29.9373L86.7322 38.125L82.7112 42.2182Z" fill="#3D3D3D" />
+    <path
+      d="M81.9982 25.1426C84.0553 23.0502 87.3972 23.0501 89.4542 25.1426L91.465 27.1904C93.5104 29.2752 93.5103 32.6477 91.465 34.7324L87.4464 38.8252L87.4454 38.8262L46.2433 80.7832C46.2414 80.7852 46.2384 80.7862 46.2365 80.7881C46.1595 80.8651 46.0714 80.9286 45.9747 80.9766C45.9699 80.979 45.965 80.9811 45.9601 80.9834C45.9144 81.0052 45.8672 81.0234 45.8185 81.0381C45.8088 81.041 45.799 81.0433 45.7892 81.0459C45.7409 81.0589 45.692 81.0705 45.6417 81.0762L36.9493 82.0576L35.1896 83.8516C34.8028 84.2454 34.1696 84.2516 33.7755 83.8652C33.3815 83.4783 33.3749 82.8443 33.7618 82.4502L35.5284 80.6514L36.4962 71.7861C36.5061 71.6958 36.5286 71.6083 36.5616 71.5254C36.5845 71.468 36.6125 71.4127 36.6456 71.3604C36.658 71.3408 36.6709 71.3215 36.6847 71.3027C36.6883 71.2979 36.6918 71.2929 36.6954 71.2881L36.7325 71.2432C36.7392 71.2355 36.7462 71.2282 36.7531 71.2207C36.7613 71.2117 36.7689 71.2021 36.7775 71.1934L73.9523 33.3379C73.9542 33.3359 73.9562 33.334 73.9581 33.332L77.9777 29.2363L81.9982 25.1426ZM37.6144 79.9697L44.3956 79.2031L43.6388 73.7998L38.3712 73.0322L37.6144 79.9697ZM45.5841 73.2666L46.2374 77.9326L81.3087 42.2178L78.6906 39.5518L45.5841 73.2666ZM39.5831 71.1885L44.1671 71.8555L77.2902 38.125L74.671 35.459L39.5831 71.1885ZM76.0734 34.0313L82.7111 40.7901L84.7169 38.749L85.3292 38.125L78.6915 31.3662L76.0734 34.0313ZM88.0275 26.5449C86.7541 25.2499 84.6973 25.249 83.424 26.544L80.0929 29.9365L86.7316 36.6973L90.0382 33.3311C91.2798 32.0651 91.3186 30.0307 90.1544 28.7168L90.0382 28.5918L88.0275 26.5449Z"
+      fill="#111517"
+    />
+    <path
+      d="M44.9802 30.4308C44.9801 23.6864 39.6171 18.2513 33.0379 18.2511C26.4584 18.2511 21.0947 23.6863 21.0945 30.4308C21.0945 37.1755 26.4583 42.6115 33.0379 42.6115C39.6172 42.6113 44.9802 37.1753 44.9802 30.4308ZM46.9802 30.4308C46.9802 38.2455 40.7558 44.6113 33.0379 44.6115C25.3197 44.6115 19.0945 38.2457 19.0945 30.4308C19.0947 22.6161 25.3198 16.2511 33.0379 16.2511C40.7557 16.2513 46.9801 22.6162 46.9802 30.4308Z"
+      fill="#111517"
+    />
+    <path
+      d="M37.3518 26.77C37.3518 28.7924 35.4204 30.4311 33.0375 30.4311C30.6545 30.4311 28.7232 28.7924 28.7232 26.77C28.7232 24.7476 30.6545 23.1089 33.0375 23.1089C35.4204 23.1089 37.3518 24.7476 37.3518 26.77"
+      fill="#3F59F6"
+    />
+    <path
+      d="M35.4811 36.2889H30.5944C27.6463 36.2889 25.2447 37.8544 25.0865 40.817C27.2825 42.5611 30.0379 43.6111 33.0378 43.6111C36.0377 43.6111 38.7931 42.5611 40.9877 40.817C40.8309 37.8544 38.4293 36.2889 35.4811 36.2889"
+      fill="#3F59F6"
+    />
+    <path
+      d="M36.3521 26.77C36.3521 25.4476 35.0285 24.109 33.0376 24.1089C31.0467 24.1089 29.7232 25.4476 29.7232 26.77C29.7232 28.0925 31.0467 29.4312 33.0376 29.4312C35.0285 29.4311 36.3521 28.0924 36.3521 26.77ZM38.3521 26.77C38.3521 29.4923 35.8125 31.4311 33.0376 31.4312C30.2627 31.4312 27.7232 29.4924 27.7232 26.77C27.7232 24.0477 30.2626 22.1089 33.0376 22.1089C35.8125 22.109 38.3521 24.0477 38.3521 26.77Z"
+      fill="#111517"
+    />
+    <path
+      d="M35.481 35.2889C37.1221 35.2889 38.6895 35.7243 39.8912 36.6502C41.1149 37.5932 41.8924 38.9973 41.9859 40.7645C42.0029 41.0873 41.8629 41.3982 41.6099 41.5995C39.2485 43.4762 36.276 44.6112 33.0376 44.6112C29.7993 44.6111 26.827 43.4769 24.4644 41.6004C24.2109 41.3991 24.0702 41.0869 24.0875 40.7635C24.1818 38.9966 24.9604 37.5931 26.1841 36.6502C27.3859 35.7244 28.9532 35.2889 30.5943 35.2889H35.481ZM30.5943 37.2889C29.2875 37.2889 28.1804 37.6368 27.4048 38.2342C26.7626 38.729 26.3035 39.4268 26.1421 40.3622C28.0944 41.7756 30.4696 42.6111 33.0376 42.6112C35.6056 42.6112 37.9803 41.7752 39.9312 40.3622C39.7704 39.4268 39.3125 38.7289 38.6705 38.2342C37.8951 37.6369 36.7879 37.2889 35.481 37.2889H30.5943Z"
+      fill="#111517"
+    />
+    <path
+      d="M50.2952 48.4689L50.3978 48.4738C50.9019 48.5251 51.2952 48.9513 51.2952 49.4689C51.2952 49.9866 50.9019 50.4127 50.3978 50.4641L50.2952 50.4689H37.8714C37.3191 50.4689 36.8714 50.0212 36.8714 49.4689C36.8714 48.9166 37.3191 48.4689 37.8714 48.4689H50.2952Z"
+      fill="#111517"
+    />
+    <path
+      d="M31.5994 48.4689L31.7019 48.4738C32.206 48.5251 32.5994 48.9513 32.5994 49.4689C32.5994 49.9866 32.206 50.4127 31.7019 50.4641L31.5994 50.4689H20.0945C19.5422 50.4689 19.0945 50.0212 19.0945 49.4689C19.0945 48.9166 19.5422 48.4689 20.0945 48.4689H31.5994Z"
+      fill="#111517"
+    />
+    <path
+      d="M25.8465 54.3267L25.949 54.3316C26.4534 54.3827 26.8465 54.8089 26.8465 55.3267C26.8465 55.8446 26.4534 56.2707 25.949 56.3218L25.8465 56.3267H20.0945C19.5422 56.3267 19.0945 55.879 19.0945 55.3267C19.0945 54.7744 19.5422 54.3267 20.0945 54.3267H25.8465Z"
+      fill="#111517"
+    />
+    <path
+      d="M44.5421 54.3267L44.6447 54.3316C45.1489 54.3828 45.5421 54.809 45.5421 55.3267C45.5421 55.8445 45.1489 56.2706 44.6447 56.3218L44.5421 56.3267H31.1593C30.607 56.3267 30.1593 55.879 30.1593 55.3267C30.1593 54.7744 30.607 54.3267 31.1593 54.3267H44.5421Z"
+      fill="#111517"
+    />
+    <path
+      d="M40.2288 60.1845C40.7809 60.1847 41.2288 60.6323 41.2288 61.1845C41.2288 61.7367 40.7809 62.1843 40.2288 62.1845H37.8714C37.3191 62.1845 36.8714 61.7368 36.8714 61.1845C36.8714 60.6322 37.3191 60.1845 37.8714 60.1845H40.2288Z"
+      fill="#111517"
+    />
+    <path
+      d="M22.4519 66.0423C23.004 66.0425 23.4519 66.4901 23.4519 67.0423C23.4519 67.5944 23.004 68.0421 22.4519 68.0423H20.0945C19.5422 68.0423 19.0945 67.5946 19.0945 67.0423C19.0945 66.49 19.5422 66.0423 20.0945 66.0423H22.4519Z"
+      fill="#111517"
+    />
+    <path
+      d="M30.1621 66.0423C30.7142 66.0425 31.1621 66.4901 31.1621 67.0423C31.1621 67.5944 30.7142 68.0421 30.1621 68.0423H27.8046C27.2524 68.0423 26.8046 67.5946 26.8046 67.0423C26.8046 66.49 27.2524 66.0423 27.8046 66.0423H30.1621Z"
+      fill="#111517"
+    />
+    <path
+      d="M22.4519 71.9001C23.004 71.9003 23.4519 72.3479 23.4519 72.9001C23.4519 73.4522 23.004 73.8999 22.4519 73.9001H20.0945C19.5422 73.9001 19.0945 73.4524 19.0945 72.9001C19.0945 72.3478 19.5422 71.9001 20.0945 71.9001H22.4519Z"
+      fill="#111517"
+    />
+    <path
+      d="M31.5994 60.1845L31.7019 60.1894C32.206 60.2407 32.5994 60.6668 32.5994 61.1845C32.5994 61.7022 32.206 62.1283 31.7019 62.1796L31.5994 62.1845H20.0945C19.5422 62.1845 19.0945 61.7368 19.0945 61.1845C19.0945 60.6322 19.5422 60.1845 20.0945 60.1845H31.5994Z"
+      fill="#111517"
+    />
+  </g>
+</template>

package/src/atoms/components/Icon/icons/websites/upgrade-to-maps.vue

@@ -0,0 +1,40 @@
+<template>
+  <g fill="none">
+    <rect x="13" y="13" width="74" height="74" rx="5" fill="#F4F4F4" stroke="#171717" stroke-width="2" />
+    <path
+      d="M86 65.2315V49.5L72.0467 35.7517L86 21.6032V16C86 14.3431 84.6569 13 83 13H77.516L40.6667 50.3611V13H30V29.2222H14V40.037H30V61.1759L27.9547 63.2497L14 77.3982V86H22.4853L63.46 44.4576L86 65.2315Z"
+      fill="#7DDEB1"
+    />
+    <path
+      d="M86 18C86 15.7909 84.2091 14 82 14H78.6943L41.1143 51.5801C40.8283 51.866 40.398 51.9516 40.0244 51.7969C39.6509 51.6421 39.4073 51.2774 39.4072 50.873V14H30.4443V29.4443C30.4443 29.9966 29.9966 30.4443 29.4443 30.4443H14V39.4072H29.4443C29.9966 39.4072 30.4442 39.855 30.4443 40.4072V61.8359C30.4443 62.1011 30.3389 62.3554 30.1514 62.543L14 78.6943V82C14 84.2091 15.7909 86 18 86H21.3066L63.127 44.1816L63.2002 44.1152C63.5794 43.8039 64.1365 43.8118 64.5068 44.1484L86 63.6855V50.4219L71.9619 36.7803C71.7701 36.5937 71.6611 36.3379 71.6592 36.0703C71.6573 35.8027 71.7629 35.5457 71.9521 35.3564L86 21.3066V18ZM88 21.7207C88 21.9858 87.8945 22.2402 87.707 22.4277L74.083 36.0527L87.6973 49.2832C87.8908 49.4715 88 49.73 88 50V65.9473C87.9999 66.343 87.7662 66.7012 87.4043 66.8613C87.0424 67.0214 86.62 66.9527 86.3271 66.6865L63.8662 46.2695L22.4277 87.707C22.2402 87.8945 21.9858 88 21.7207 88H18C14.6863 88 12 85.3137 12 82V78.2803C12 78.0151 12.1054 77.7608 12.293 77.5732L28.4443 61.4209V41.4072H13C12.4477 41.4072 12 40.9595 12 40.4072V29.4443C12.0001 28.8921 12.4478 28.4443 13 28.4443H28.4443V13C28.4443 12.4478 28.8921 12.0001 29.4443 12H40.4072C40.9595 12 41.4072 12.4477 41.4072 13V48.459L77.5732 12.293L77.6465 12.2266C77.8244 12.0807 78.0482 12 78.2803 12H82C85.3137 12 88 14.6863 88 18V21.7207Z"
+      fill="#111517"
+    />
+    <path
+      d="M62.5 51C57.0004 51 53 55.3008 53 60.0184C53 62.8467 54.0535 64.399 55.4586 67.139C58.2735 72.6265 62.5 79.4813 62.5 79.4813C62.5 79.4813 66.7265 72.6265 69.5414 67.139C70.9464 64.399 72 62.8467 72 60.0184C72 55.3008 67.9996 51 62.5 51Z"
+      fill="#EB8072"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M62.5 51C57.0004 51 53 55.3008 53 60.0184C53 62.8467 54.0535 64.399 55.4586 67.139C58.2735 72.6265 62.5 79.4813 62.5 79.4813C62.5 79.4813 66.7265 72.6265 69.5414 67.139C70.9464 64.399 72 62.8467 72 60.0184C72 55.3008 67.9996 51 62.5 51Z"
+      stroke="#111517"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M62.5 56.2464C64.8471 56.2464 66.75 58.1486 66.75 60.4935C66.75 62.8383 64.8471 64.7405 62.5 64.7405C60.1529 64.7405 58.25 62.8383 58.25 60.4935C58.25 58.1486 60.1529 56.2464 62.5 56.2464Z"
+      fill="white"
+      stroke="#111517"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M67.25 60.4934C67.25 57.8721 65.1229 55.7464 62.5 55.7464C59.877 55.7464 57.75 57.8721 57.75 60.4934C57.75 63.1147 59.877 65.2404 62.5 65.2404C65.1229 65.2404 67.25 63.1147 67.25 60.4934Z"
+      stroke="#111517"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </g>
+</template>