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

package/dist/css/tailwind-designCom.css

@@ -617,9 +617,6 @@ video {
 .tw-m-3 {
   margin: 0.75rem;
 }
-.tw-m-4 {
-  margin: 1rem;
-}
 .tw-m-5 {
   margin: 1.25rem;
 }
@@ -687,9 +684,6 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
-.tw-mb-0\.5 {
-  margin-bottom: 0.125rem;
-}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -723,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -744,6 +741,9 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
+.tw-mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -756,9 +756,6 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
-.tw-mt-6 {
-  margin-top: 1.5rem;
-}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -768,48 +765,6 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
-.tw-line-clamp-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-.tw-line-clamp-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.tw-line-clamp-3 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-}
-.tw-line-clamp-4 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-}
-.tw-line-clamp-5 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5;
-}
-.tw-line-clamp-6 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 6;
-}
-.tw-line-clamp-none {
-  overflow: visible;
-  display: block;
-  -webkit-box-orient: horizontal;
-  -webkit-line-clamp: none;
-}
 .tw-block {
   display: block;
 }
@@ -959,9 +914,6 @@ video {
 .tw-max-w-2xl {
   max-width: 42rem;
 }
-.tw-max-w-3xl {
-  max-width: 48rem;
-}
 .tw-max-w-full {
   max-width: 100%;
 }
@@ -977,9 +929,6 @@ video {
 .tw-flex-none {
   flex: none;
 }
-.tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1195,9 +1144,6 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.tw-text-ellipsis {
-  text-overflow: ellipsis;
-}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1660,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1820,10 +1763,6 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-.tw-text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
 .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2150,10 +2089,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(23 23 23 / var(--tw-text-opacity));
 }
-.hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(50 71 197 / var(--tw-text-opacity));
-}
 .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(61 61 61 / var(--tw-text-opacity));
@@ -2241,10 +2176,6 @@ video {
     margin-bottom: 1rem;
   }
 
-  .sm\:tw-ml-2 {
-    margin-left: 0.5rem;
-  }
-
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2293,10 +2224,6 @@ video {
     flex-direction: row;
   }
 
-  .sm\:tw-items-center {
-    align-items: center;
-  }
-
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2308,18 +2235,10 @@ video {
 }
 @media (min-width: 768px) {
 
-  .md\:tw-relative {
-    position: relative;
-  }
-
   .md\:tw-right-6 {
     right: 1.5rem;
   }
 
-  .md\:tw-order-first {
-    order: -9999;
-  }
-
   .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2384,10 +2303,6 @@ video {
     width: 6rem;
   }
 
-  .md\:tw-w-3\/4 {
-    width: 75%;
-  }
-
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2400,10 +2315,6 @@ video {
     max-width: 100%;
   }
 
-  .md\:tw-flex-1 {
-    flex: 1 1 0%;
-  }
-
   .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2463,10 +2374,6 @@ video {
        object-fit: contain;
   }
 
-  .md\:tw-p-0 {
-    padding: 0px;
-  }
-
   .md\:tw-p-2 {
     padding: 0.5rem;
   }
@@ -2483,11 +2390,6 @@ video {
     padding: 2rem;
   }
 
-  .md\:tw-px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2503,10 +2405,6 @@ video {
     padding-bottom: 0.5rem;
   }
 
-  .md\:tw-pb-0 {
-    padding-bottom: 0px;
-  }
-
   .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/dist/css/tailwind-designCrowd.css

@@ -617,9 +617,6 @@ video {
 .tw-m-3 {
   margin: 0.75rem;
 }
-.tw-m-4 {
-  margin: 1rem;
-}
 .tw-m-5 {
   margin: 1.25rem;
 }
@@ -687,9 +684,6 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
-.tw-mb-0\.5 {
-  margin-bottom: 0.125rem;
-}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -723,6 +717,9 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
@@ -744,6 +741,9 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
+.tw-mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -756,9 +756,6 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
-.tw-mt-6 {
-  margin-top: 1.5rem;
-}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -768,48 +765,6 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
-.tw-line-clamp-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-.tw-line-clamp-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.tw-line-clamp-3 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-}
-.tw-line-clamp-4 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-}
-.tw-line-clamp-5 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5;
-}
-.tw-line-clamp-6 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 6;
-}
-.tw-line-clamp-none {
-  overflow: visible;
-  display: block;
-  -webkit-box-orient: horizontal;
-  -webkit-line-clamp: none;
-}
 .tw-block {
   display: block;
 }
@@ -959,9 +914,6 @@ video {
 .tw-max-w-2xl {
   max-width: 42rem;
 }
-.tw-max-w-3xl {
-  max-width: 48rem;
-}
 .tw-max-w-full {
   max-width: 100%;
 }
@@ -977,9 +929,6 @@ video {
 .tw-flex-none {
   flex: none;
 }
-.tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1195,9 +1144,6 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.tw-text-ellipsis {
-  text-overflow: ellipsis;
-}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1660,9 +1606,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1820,10 +1763,6 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-.tw-text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
 .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2150,10 +2089,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(39 52 56 / var(--tw-text-opacity));
 }
-.hover\:tw-text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(14 121 188 / var(--tw-text-opacity));
-}
 .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(93 109 129 / var(--tw-text-opacity));
@@ -2241,10 +2176,6 @@ video {
     margin-bottom: 1rem;
   }
 
-  .sm\:tw-ml-2 {
-    margin-left: 0.5rem;
-  }
-
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2293,10 +2224,6 @@ video {
     flex-direction: row;
   }
 
-  .sm\:tw-items-center {
-    align-items: center;
-  }
-
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2308,18 +2235,10 @@ video {
 }
 @media (min-width: 768px) {
 
-  .md\:tw-relative {
-    position: relative;
-  }
-
   .md\:tw-right-6 {
     right: 1.5rem;
   }
 
-  .md\:tw-order-first {
-    order: -9999;
-  }
-
   .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2384,10 +2303,6 @@ video {
     width: 6rem;
   }
 
-  .md\:tw-w-3\/4 {
-    width: 75%;
-  }
-
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2400,10 +2315,6 @@ video {
     max-width: 100%;
   }
 
-  .md\:tw-flex-1 {
-    flex: 1 1 0%;
-  }
-
   .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2463,10 +2374,6 @@ video {
        object-fit: contain;
   }
 
-  .md\:tw-p-0 {
-    padding: 0px;
-  }
-
   .md\:tw-p-2 {
     padding: 0.5rem;
   }
@@ -2483,11 +2390,6 @@ video {
     padding: 2rem;
   }
 
-  .md\:tw-px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2503,10 +2405,6 @@ video {
     padding-bottom: 0.5rem;
   }
 
-  .md\:tw-pb-0 {
-    padding-bottom: 0px;
-  }
-
   .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.11-kp-4",
+  "version": "1.5.12-getty-1",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -415,6 +415,7 @@ import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
 import IconWebsitesUpgradeToGoogleAd from './icons/websites/upgrade-to-google-ad.vue';
 
 import IconGroup from './icons/group.vue';
+import IconPremiumContent from './icons/premium-content.vue';
 
 export default {
   components: {
@@ -699,6 +700,7 @@ export default {
     IconShape,
 
     IconGroup,
+    IconPremiumContent,
 
     // Maker icons
     IconMakerAnimate,

package/src/atoms/components/Icon/icons/premium-content.vue

@@ -0,0 +1,8 @@
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      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"
+      fill="black"
+    />
+  </svg>
+</template>