@designcrowd/fe-shared-lib 1.2.17 → 1.2.18-ast-social-icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.17",
+  "version": "1.2.18-ast-social-icon",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-brandCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-brandCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-brandCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-brandCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 151 215 / var(--tw-text-opacity));
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandCrowd .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-brandPage.css

@@ -699,6 +699,9 @@ video {
 .theme-brandPage .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandPage .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandPage .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandPage .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandPage .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandPage .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandPage .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandPage .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandPage .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1454,6 +1463,9 @@ video {
 .theme-brandPage .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandPage .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandPage .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1589,6 +1601,9 @@ video {
 .theme-brandPage .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandPage .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandPage .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1754,6 +1769,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandPage .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandPage .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1829,6 +1849,16 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandPage .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.theme-brandPage .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandPage .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-crazyDomains.css

@@ -699,6 +699,9 @@ video {
 .theme-crazyDomains .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-crazyDomains .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-crazyDomains .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-crazyDomains .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-crazyDomains .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-crazyDomains .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-crazyDomains .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-crazyDomains .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-crazyDomains .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-crazyDomains .tw-p-4 {
   padding: 1rem;
 }
+.theme-crazyDomains .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-crazyDomains .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-crazyDomains .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-crazyDomains .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-crazyDomains .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-crazyDomains .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-crazyDomains .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-crazyDomains .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 161 239 / var(--tw-text-opacity));
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-crazyDomains .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCom.css

@@ -699,6 +699,9 @@ video {
 .theme-designCom .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCom .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCom .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCom .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCom .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCom .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCom .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCom .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCom .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCom .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCom .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCom .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCom .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCom .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCom .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCom .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCom .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCom .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(63 89 246 / var(--tw-text-opacity));
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCom .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-designCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCrowd .sm\:tw-absolute {
     position: absolute;

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

@@ -366,6 +366,14 @@ import IconMakerTextBackgroundColor from './icons/maker/text-background-color.vu
 import IconMakerPlay from './icons/maker/play.vue';
 import IconMakerPause from './icons/maker/pause.vue';
 import IconMakerEraser from './icons/maker/eraser.vue';
+import IconMakerThreads from './icons/maker/threads.vue';
+import IconMakerTelegram from './icons/maker/telegram.vue';
+import IconMakerSubstack from './icons/maker/substack.vue';
+import IconMakerReddit from './icons/maker/reddit.vue';
+import IconMakerPatreon from './icons/maker/patreon.vue';
+import IconMakerMessenger from './icons/maker/messenger.vue';
+import IconMakerDiscord from './icons/maker/discord.vue';
+import IconMakerAppleMusic from './icons/maker/apple-music.vue';
 
 // Maker layout tab icons
 import IconLayoutIbnTcn from './icons/layout/layout-icon-bottom-normal-text-center-normal.vue';
@@ -717,6 +725,14 @@ export default {
     IconMakerPlay,
     IconMakerPause,
     IconMakerEraser,
+    IconMakerThreads,
+    IconMakerTelegram,
+    IconMakerSubstack,
+    IconMakerReddit,
+    IconMakerPatreon,
+    IconMakerMessenger,
+    IconMakerDiscord,
+    IconMakerAppleMusic,
     IconCrop,
 
     // Layout

package/src/atoms/components/Icon/icons/maker/apple-music.vue

@@ -0,0 +1,13 @@
+<template>
+  <g clip-path="url(#clip0_3746_25696)">
+    <path
+      d="M15.9935 4.08363C15.9935 3.59161 15.952 3.1016 15.8345 2.62258C15.6235 1.75005 15.126 1.08353 14.3816 0.594019C13.9986 0.344011 13.5771 0.190506 13.1291 0.109503C12.7851 0.0470015 12.4366 0.0185006 12.0876 0.0105003C12.0616 0.00800025 12.0331 0.00250008 12.0041 0H3.98888C3.88738 0.00800025 3.78588 0.0130004 3.68438 0.0180006C3.1869 0.0465015 2.69242 0.0985031 2.22343 0.286009C1.33296 0.63752 0.689478 1.25204 0.31449 2.13757C0.184494 2.43708 0.118996 2.75459 0.0724977 3.0776C0.033499 3.3381 0.0124996 3.60111 0.00499984 3.86412C0.00499984 3.88512 0 3.90562 0 3.92662V12.0754C0.00499984 12.1694 0.0104997 12.2629 0.0154995 12.3569C0.0494985 12.9014 0.119496 13.4404 0.348989 13.9404C0.781476 14.886 1.50795 15.508 2.50542 15.8075C2.78391 15.8935 3.0759 15.9325 3.36739 15.9585C3.73738 15.995 4.10687 16 4.47686 16H11.8306C12.1796 16 12.5286 15.9765 12.8776 15.9325C13.4271 15.862 13.9426 15.7005 14.4091 15.3935C14.969 15.0235 15.391 14.534 15.6615 13.9219C15.7865 13.6404 15.857 13.3414 15.909 13.0389C15.9845 12.5884 16 12.1324 16 11.6769C15.9975 9.14529 16 6.61421 15.9975 4.08263L15.9935 4.08363ZM11.7121 6.74221V10.5498C11.7121 10.8283 11.6731 11.1018 11.5481 11.3544C11.3556 11.7474 11.0432 11.9949 10.6237 12.1149C10.3917 12.1824 10.1522 12.2189 9.91019 12.2294C9.27721 12.2609 8.72773 11.8309 8.61573 11.2058C8.51923 10.6903 8.76673 10.1223 9.30821 9.85681C9.5217 9.7528 9.7537 9.6903 9.98519 9.6433C10.2377 9.5888 10.4902 9.5393 10.7402 9.4818C10.9252 9.44029 11.0447 9.32829 11.0812 9.13779C11.0917 9.09628 11.0942 9.05178 11.0942 9.01028C11.0942 7.79924 11.0942 6.58821 11.0942 5.38017C11.0942 5.33867 11.0862 5.29667 11.0762 5.25766C11.0502 5.15616 10.9772 5.09616 10.8732 5.10116C10.7662 5.10616 10.6622 5.12466 10.5582 5.14566C10.0502 5.24466 9.5427 5.34617 9.03722 5.45017L6.57129 5.94769C6.56079 5.95019 6.5478 5.95569 6.5373 5.95569C6.3523 6.00769 6.2873 6.09119 6.2793 6.2837C6.2768 6.3122 6.2793 6.3412 6.2793 6.3697C6.2768 8.10425 6.2793 9.83881 6.2768 11.5729C6.2768 11.8544 6.2453 12.1304 6.13381 12.3904C5.94881 12.8174 5.62082 13.0859 5.17834 13.2134C4.94385 13.2809 4.70435 13.3204 4.45936 13.3279C3.82138 13.3514 3.2899 12.9269 3.1809 12.2994C3.0869 11.7579 3.3344 11.1743 3.94888 10.9138C4.18837 10.8148 4.43586 10.7603 4.68835 10.7083C4.87835 10.6693 5.07134 10.6303 5.26134 10.5913C5.51633 10.5368 5.64932 10.3753 5.66232 10.1148V10.0158C5.66232 8.04175 5.66232 6.06769 5.66232 4.09363C5.66232 4.01013 5.67282 3.92712 5.69082 3.84612C5.73782 3.65611 5.87332 3.54661 6.05531 3.50211C6.22481 3.45761 6.3993 3.42661 6.57079 3.39011C7.06028 3.2911 7.54726 3.1921 8.03675 3.0956L9.5497 2.78809C9.99769 2.69958 10.4427 2.60858 10.8907 2.52008C11.0367 2.49158 11.1852 2.46008 11.3331 2.44958C11.5386 2.43158 11.6821 2.56158 11.7031 2.77009C11.7081 2.81959 11.7111 2.86909 11.7111 2.91859C11.7111 4.19213 11.7111 5.46567 11.7111 6.73921L11.7121 6.74221Z"
+      fill="black"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_3746_25696">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>

package/src/atoms/components/Icon/icons/maker/discord.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93915 2.60206 9.83006 2.85856C8.60027 2.67445 7.37679 2.67445 6.17221 2.85856C6.0631 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00718 5.72886 1.99765 5.70803 2.00083C4.56527 2.19765 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.02111 2.42986 3.02935C0.355594 6.12826 -0.212634 9.151 0.0661201 12.1363C0.0673814 12.1509 0.0755799 12.1648 0.086932 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1997 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3115 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.775C4.49275 12.6099 4.0784 12.4086 3.67982 12.1801C3.64829 12.1617 3.64577 12.1166 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59286 13.0892 9.4277 13.0892 12.0153 11.8937C12.0323 11.8855 12.0525 11.888 12.0677 11.9001C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3452 12.1166 12.3433 12.1617 12.3117 12.1801C11.9131 12.4131 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.754 11.8526 14.1743C11.8652 14.192 11.8879 14.1997 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.02111 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15392 7.09331 6.79721 7.82343 6.78459 8.70593C6.78459 9.59478 6.14761 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87484 10.3185 9.22526 9.59478 9.22526 8.70593C9.22526 7.81707 9.86222 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82343 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z"
+    fill="black"
+  />
+</template>

package/src/atoms/components/Icon/icons/maker/messenger.vue

@@ -0,0 +1,15 @@
+<template>
+  <g clip-path="url(#clip0_3744_25642)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8 0C3.49296 0 0 3.23916 0 7.61384C0 9.90225 0.956137 11.8795 2.51268 13.2456C2.64306 13.3609 2.72193 13.5204 2.72837 13.6926L2.77183 15.0887C2.78632 15.5341 3.25473 15.8231 3.67002 15.6446L5.25714 14.9576C5.39235 14.8992 5.54205 14.8881 5.6837 14.926C6.41288 15.1234 7.19034 15.2277 8 15.2277C12.507 15.2277 16 11.9885 16 7.61384C16 3.23916 12.507 0 8 0ZM12.8032 5.85765L10.4531 9.51532C10.0797 10.0965 9.27807 10.2418 8.71791 9.82961L6.84909 8.45403C6.67686 8.32769 6.44185 8.32927 6.27123 8.45561L3.74728 10.335C3.41087 10.5861 2.96982 10.1897 3.19678 9.83908L5.54688 6.18141C5.92032 5.60022 6.72193 5.45493 7.28209 5.86713L9.15091 7.2427C9.32314 7.36905 9.55815 7.36747 9.72877 7.24112L12.2527 5.36175C12.5891 5.11064 13.0302 5.50704 12.8032 5.85765V5.85765Z"
+      fill="black"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_3744_25642">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>

package/src/atoms/components/Icon/icons/maker/patreon.vue

@@ -0,0 +1,13 @@
+<template>
+  <g clip-path="url(#clip0_3744_25604)">
+    <path
+      d="M15.3045 4.80665C15.3017 2.76368 13.7106 1.08931 11.8438 0.485163C9.52555 -0.265059 6.46807 -0.156318 4.25444 0.888126C1.57148 2.1542 0.72866 4.92753 0.697253 7.69346C0.671475 9.96753 0.898438 15.957 4.27681 15.9997C6.78703 16.0315 7.16081 12.797 8.32229 11.2392C9.14866 10.1309 10.2127 9.8179 11.5224 9.49376C13.7735 8.93657 15.3078 7.15998 15.3045 4.80665Z"
+      fill="black"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_3744_25604">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>

package/src/atoms/components/Icon/icons/maker/reddit.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M15.9998 8.15173C16.0022 8.31483 15.9818 8.47763 15.9386 8.63508C15.8953 8.79253 15.8299 8.94343 15.744 9.08272C15.6584 9.22201 15.5533 9.3488 15.432 9.45923C15.3107 9.56965 15.1743 9.66251 15.0269 9.73513C15.0302 9.77859 15.0329 9.82234 15.0344 9.86609C15.038 9.95336 15.038 10.0407 15.0344 10.128C15.0329 10.1718 15.0302 10.2155 15.0269 10.259C15.0269 12.9258 11.8919 15.0925 8.02425 15.0925C4.15659 15.0925 1.02162 12.9258 1.02162 10.259C1.01831 10.2155 1.01561 10.1718 1.01411 10.128C1.01049 10.0407 1.01049 9.95336 1.01411 9.86609C1.01561 9.82234 1.01831 9.77859 1.02162 9.73513C0.790624 9.62989 0.58546 9.47616 0.420324 9.28458C0.255187 9.09299 0.13402 8.86813 0.0652098 8.62556C-0.0034863 8.38287 -0.0181195 8.12829 0.0223243 7.87944C0.0627681 7.6306 0.157322 7.39344 0.299432 7.18442C0.441417 6.97543 0.627579 6.79956 0.844999 6.66902C1.06242 6.53847 1.30589 6.45638 1.55853 6.42843C1.81119 6.40036 2.06699 6.42708 2.3082 6.50674C2.54941 6.5864 2.77026 6.7171 2.95545 6.88976C3.29922 6.65881 3.65941 6.45281 4.03317 6.27337C4.40703 6.09419 4.79349 5.9418 5.18957 5.81799C5.58564 5.69417 5.99043 5.59923 6.40031 5.53345C6.8102 5.46768 7.22459 5.43166 7.63989 5.42541L8.52873 1.29427C8.53864 1.24635 8.55816 1.20111 8.58609 1.16064C8.61371 1.12046 8.64945 1.08593 8.69058 1.05944C8.73202 1.03295 8.77827 1.0148 8.82691 1.00587C8.87526 0.997235 8.92511 0.998128 8.97315 1.00855L11.9159 1.59191C12.2129 1.08623 12.8363 0.869551 13.3867 1.08027C13.9372 1.291 14.2519 1.86692 14.1287 2.43897C14.0059 3.01102 13.4816 3.40984 12.8925 3.37978C12.303 3.34972 11.8229 2.8997 11.7598 2.31813L9.18936 1.78239L8.40862 5.49684C8.81881 5.50547 9.22809 5.54357 9.63288 5.61054C10.4435 5.74447 11.2303 5.99367 11.9691 6.35045C12.3381 6.52844 12.6936 6.73255 13.033 6.9612C13.277 6.72898 13.5836 6.57176 13.9158 6.5085C14.248 6.44501 14.5917 6.47819 14.9053 6.60404C15.2189 6.72982 15.4891 6.94286 15.6833 7.21746C15.8776 7.49208 15.9875 7.81655 15.9998 8.15173V8.15173ZM4.07971 9.79793C4.14037 9.94228 4.22866 10.0735 4.34036 10.184C4.45177 10.2947 4.58419 10.3822 4.72983 10.4423C4.87561 10.5021 5.03182 10.5328 5.18957 10.5328C5.67543 10.5328 6.11324 10.2426 6.29942 9.79793C6.48529 9.35297 6.3823 8.84104 6.03877 8.50055C5.69525 8.16006 5.17876 8.05797 4.72983 8.24221C4.28121 8.42674 3.98843 8.86069 3.98843 9.34226C3.98843 9.49851 4.01936 9.65328 4.07971 9.79793V9.79793ZM10.9592 12.6558C11.0208 12.5963 11.0559 12.515 11.0571 12.4299C11.0583 12.3445 11.025 12.2623 10.9649 12.2013C10.9049 12.1403 10.8229 12.1055 10.737 12.1043C10.6508 12.1031 10.568 12.1361 10.4986 12.1876C10.318 12.316 10.1267 12.429 9.92686 12.5254C9.72698 12.6219 9.51925 12.7014 9.30587 12.7632C9.09267 12.8249 8.87436 12.8686 8.65365 12.8939C8.43264 12.9192 8.21013 12.9258 7.98822 12.9138C7.76661 12.9237 7.5444 12.9147 7.32429 12.8874C7.10413 12.8602 6.88672 12.8144 6.67447 12.7504C6.46187 12.6868 6.25558 12.6052 6.05709 12.507C5.8586 12.4088 5.66882 12.2939 5.48985 12.1638C5.42769 12.1132 5.34872 12.0873 5.26824 12.0912C5.18777 12.0951 5.11179 12.1287 5.05474 12.1849C4.99798 12.2415 4.96405 12.3168 4.96015 12.3966C4.95625 12.4763 4.98237 12.5546 5.03342 12.6162C5.24452 12.774 5.46883 12.9133 5.70395 13.0329C5.93908 13.1525 6.18441 13.2517 6.43665 13.3296C6.68889 13.4076 6.94743 13.4639 7.20958 13.4981C7.47173 13.532 7.73628 13.5436 8.00023 13.5329C8.26418 13.5436 8.52873 13.532 8.79088 13.4981C9.31593 13.4296 9.82522 13.2723 10.2965 13.0329C10.5316 12.9133 10.7559 12.774 10.967 12.6162L10.9592 12.6558ZM10.7388 10.628C10.9016 10.6298 11.0631 10.5986 11.2136 10.5367C11.364 10.4744 11.5 10.3828 11.6136 10.267C11.7271 10.1512 11.8153 10.0137 11.8736 9.86281C11.9319 9.71209 11.9586 9.55117 11.952 9.38988C11.952 8.90831 11.6592 8.47436 11.2106 8.28983C10.7616 8.10559 10.2452 8.20768 9.90163 8.54817C9.55811 8.88866 9.45511 9.40059 9.64099 9.84555C9.82716 10.2902 10.265 10.5804 10.7508 10.5804L10.7388 10.628Z"
+    fill="black"
+  />
+</template>

package/src/atoms/components/Icon/icons/maker/substack.vue

@@ -0,0 +1,12 @@
+<template>
+  <g clip-path="url(#clip0_3744_25532)">
+    <path d="M14.9994 3.60417H1V5.49517H14.9994V3.60417Z" fill="black" />
+    <path d="M1 7.20834V16.0003L7.9994 12.0738L15 16.0003V7.20834H1Z" fill="black" />
+    <path d="M14.9994 0H1V1.89069H14.9994V0Z" fill="black" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3744_25532">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>

package/src/atoms/components/Icon/icons/maker/telegram.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M0.980933 6.91294C0.980933 6.91294 8.05735 3.93247 10.5116 2.88297C11.4524 2.46321 14.6429 1.11985 14.6429 1.11985C14.6429 1.11985 16.1155 0.532183 15.9927 1.95944C15.9518 2.54716 15.6246 4.60409 15.2974 6.82898C14.8065 9.97741 14.2747 13.4196 14.2747 13.4196C14.2747 13.4196 14.1929 14.3852 13.4976 14.5531C12.8022 14.721 11.6569 13.9654 11.4524 13.7975C11.2887 13.6716 8.38456 11.7825 7.32106 10.8589C7.03472 10.6071 6.70751 10.1034 7.36194 9.51564C8.83451 8.13034 10.5934 6.40922 11.6569 5.31778C12.1477 4.814 12.6386 3.63861 10.5934 5.06586C7.68921 7.12285 4.82592 9.05387 4.82592 9.05387C4.82592 9.05387 4.17144 9.47364 2.94433 9.09582C1.71716 8.71806 0.285519 8.21429 0.285519 8.21429C0.285519 8.21429 -0.696122 7.58462 0.980933 6.91294Z"
+    fill="black"
+  />
+</template>

package/src/atoms/components/Icon/icons/maker/threads.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M11.7114 7.41569C11.6425 7.38266 11.5725 7.35087 11.5016 7.32043C11.3781 5.04485 10.1347 3.74208 8.04682 3.72875C8.03737 3.72869 8.02796 3.72869 8.0185 3.72869C6.7697 3.72869 5.73109 4.26174 5.09183 5.23173L6.24008 6.0194C6.71763 5.29486 7.4671 5.1404 8.01905 5.1404C8.02542 5.1404 8.03182 5.1404 8.03813 5.14046C8.72558 5.14484 9.24433 5.34472 9.58008 5.7345C9.82442 6.01828 9.98783 6.41042 10.0687 6.90532C9.45925 6.80173 8.80008 6.76987 8.09542 6.81027C6.11039 6.92462 4.83426 8.08233 4.91997 9.691C4.96346 10.507 5.36997 11.209 6.06458 11.6676C6.65187 12.0553 7.40825 12.2448 8.19436 12.2019C9.2325 12.145 10.0469 11.7489 10.6151 11.0247C11.0466 10.4747 11.3195 9.76192 11.44 8.86383C11.9347 9.16242 12.3014 9.55533 12.5039 10.0277C12.8482 10.8306 12.8683 12.15 11.7917 13.2257C10.8485 14.168 9.71467 14.5757 8.00112 14.5883C6.10035 14.5742 4.66282 13.9646 3.72817 12.7764C2.85296 11.6638 2.40064 10.0568 2.38377 8C2.40064 5.94315 2.85296 4.33613 3.72817 3.22356C4.66282 2.03541 6.10032 1.42583 8.0011 1.41171C9.91567 1.42594 11.3782 2.03845 12.3487 3.23233C12.8245 3.8178 13.1832 4.55407 13.4197 5.41253L14.7653 5.05352C14.4787 3.99685 14.0276 3.08631 13.4137 2.33117C12.1697 0.800557 10.3502 0.0162623 8.00579 0H7.99641C5.6568 0.0162058 3.85767 0.803483 2.64902 2.33994C1.57349 3.7072 1.0187 5.60964 1.00006 7.99438L1 8L1.00006 8.00563C1.0187 10.3903 1.57349 12.2928 2.64902 13.6601C3.85767 15.1965 5.6568 15.9838 7.99641 16H8.00579C10.0858 15.9856 11.552 15.441 12.7598 14.2343C14.3401 12.6555 14.2925 10.6766 13.7717 9.46175C13.398 8.59058 12.6856 7.88302 11.7114 7.41569ZM8.12004 10.7923C7.25004 10.8413 6.3462 10.4508 6.30163 9.61433C6.2686 8.99417 6.74298 8.30217 8.17343 8.21973C8.33725 8.21028 8.498 8.20567 8.65592 8.20567C9.1755 8.20567 9.66158 8.25614 10.1035 8.35275C9.93867 10.4113 8.97183 10.7455 8.12004 10.7923Z"
+    fill="black"
+  />
+</template>

package/src/atoms/components/Icon/icons/maker/twitter.vue

@@ -1,5 +1,6 @@
 <template>
   <path
-    d="M6.3723 14c-2.3529 0-4.2548-.3891-5.1105-1.0546a.3143.3143 0 0 1-.1019-.1574.3096.3096 0 0 1 .0067-.1864.3341.3341 0 0 1 .1231-.1488.3426.3426 0 0 1 .1864-.0574c1.4005-.022 2.3052-.3438 2.9957-.7329-1.332-.1609-2.1638-.7782-2.591-1.947a.2446.2446 0 0 1-.0066-.1654.2494.2494 0 0 1 .1005-.133.3486.3486 0 0 1 .3333-.0234c.3571.2297.7128.275 1.1414.275-.9005-.5266-1.7408-1.397-2.0685-2.475a.2703.2703 0 0 1 .0111-.1671.2761.2761 0 0 1 .1079-.1299.2941.2941 0 0 1 .3333.022c.2815.2242.621.367.9804.4125-.9328-.9157-1.5042-2.2687-.696-3.7578l.14-.275.238.2296c1.4762 1.4891 2.8319 2.1766 5.3038 2.6345v-.0907c-.0054-.8016.3107-1.5731.8798-2.1479.5692-.5747 1.3458-.9066 2.1621-.9239.6708 0 1.5937.4592 1.9733.6655.0238 0 .0476.0234.0476 0a17.7307 17.7307 0 0 0 1.7114-.6421.262.262 0 0 1 .2801.0467.2311.2311 0 0 1 .0705.1297.2282.2282 0 0 1-.0229.1453 3.131 3.131 0 0 1-.5882.9845l.4748-.1595a.322.322 0 0 1 .1485.0012.3186.3186 0 0 1 .1316.0676.2959.2959 0 0 1 .0713.1286.2917.2917 0 0 1 .0001.1464 2.2687 2.2687 0 0 1-.4358.8165 2.3167 2.3167 0 0 1-.7294.5805v.0687C13.9798 10.403 10.5569 14 6.3722 14Z"
+    d="M12.1655 1H14.5349L9.35972 6.93021L15.4483 15H10.6815L6.94786 10.1048L2.67545 15H0.305103L5.84041 8.65655L0 1H4.88841L8.2629 5.47324L12.1655 1ZM11.3352 13.5788H12.6483L4.17393 2.3469H2.76621L11.3352 13.5788Z"
+    fill="black"
   />
 </template>